sizeVariant

Studio Feixen new post.

http://www.nendo.jp/en/works/un-printed-material/

The “toggle device toolbar” in web inspector is used to see the website in various device sizes, at various page zoom, and customized sizes. 

System Preferences->Accessibility->Display->"Shake mouse pointer to locate"

Enter into the “Draw a rectangle” website and drag out a white rectangle randomly on this dark canvas with the cursor. Share F(facebook logo) is in the center of that white rectangle. Variant sizes of the rectangle can be created on this website and share or print as an image. The website was designed by Mikhail Maksimov and Valya Fetisov.

Safari tabs overview on 13′ Macbook, iPad mini 2, iPhone 7 plus, iPhone SE.

25%

500%

Oto Nové Swiss: http://www.otonoveswiss.co.uk/

It would be interesting to record the motions when different types of layout changes with the browser window. 

Various devices are used to browse the Internet today, and web pages are being displayed in all these possible sizes. This website presents the size of main devices in the today’s market and provides size guides for designers. The webpage should be easy for users to browse on different screens. Different screen size and user actions have naturally formed a distinct visual habit and design principles for mobile devices. Translating the content from desktop to mobile is as much an epic task as from print to web. The device size is also the canvas size designers could operate on. Understanding its principles and testing its boundary could be a potential graphic design exploration.