article:
Elements Design: Torn paper pieces template (PSD)
article:
Elements Design & Mobile: Viber iOS7 (PSD)

Elements Design & Mobile: Mobile Design Kit Android / iOS / Windows (PSD)

Advertisement

So you're a designer and have been tasked with the design of a mobile web site. Chances are, unless you're designing for only one device you're quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for.

The graphics display resolution describes the width and height dimensions of a display, such as a computer monitor, in pixels. Certain combinations of width and height are standardized and typically given a name and an initialism that is descriptive of its dimensions. A higher display resolution in a display of the same size means that displayed content appears sharper. - wikipedia


Resource: Mobile Design Kit Android / iOS / Windows (PSD)


Phone screen sizes has had a tendency to come in pairs. Each manufacturer had their own variation on large-screen high-end models and small-screen low-end” models.

This are real pixels screen sizes, for 15 flat designed devices, in multiple colors, outlined and with grids.



Preview


android
Resource: Mobile Design Kit Android / iOS / Windows (PSD)

apple ios
Resource: Mobile Design Kit Android / iOS / Windows (PSD)

windows
Resource: Mobile Design Kit Android / iOS / Windows (PSD)

We would appreciate it if you credit our resources and help us to spread this work and name.

So hope you like it. Enjoy!



download
source

Advertisement
Tags: mobile, design, resolution, screen, design, mobile devices, screen size, width, height, dimensions, display, pixel, android, ios, windows, google, apple, microsoft, samsung, htc, nokia, mobile, tablet, desktop

Leave a Comment

No Comment

© Creative3x Ltd.