'_'

iOS / Pixel - Point / DPI - PPI 본문

자료용/UXUI

iOS / Pixel - Point / DPI - PPI

YISUP 2020. 1. 30. 14:15

 Pixel-Point 

1. Design UI elements in 1x size.

2. Check the IOS device sheet, and work in points dimension in Sketch or XD. (1x)

3. Design in 1x vs others

 

Mostly translated from Medium : https://medium.com/@pnowelldesign/pixel-density-demystified-a4db63ba2922

 

Pixel Density, Demystified

How pixel density works and how it affects your designs.

medium.com

 

and Vimeo : https://vimeo.com/169809377

https://ivomynttinen.com/blog/ios-design-guidelines

 

The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer

Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be.

ivomynttinen.com

https://spec.fm/specifics/8-pt-grid

 

Spec · 8-Point Grid

Using multiples of 8 to define dimensions, padding, and margin of elements

spec.fm

developer.apple.com/library/archive/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html

 

Displays

Displays The display is a key part of the great user experience on iOS devices. Users interact with the display surface, and see the results after an app reacts to these touches and updates the displayed image. Apple continues to improve the display hardwa

developer.apple.com

kapeli.com/cheat_sheets/iOS_Design.docset/Contents/Resources/Documents/index

 

iOS Design Cheat Sheet - Kapeli

iPhone XS Max, iPhone 11 Pro Max 146 px (Home Indicator: 102px) 98 px (Home Indicator: 68px) iPhone X, iPhone XS, iPhone 11 Pro 146 px (Home Indicator: 102px) iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus iPhone 6, iPhone 6S, iPhone 7, iPhone

kapeli.com

www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

 

The Ultimate Guide To iPhone Resolutions

The email address you entered is not valid. The trial is limited to 7 days. Only the days when you actually use the plugin are counted. Not downloading automatically? Click here to download.

www.paintcodeapp.com

developer.apple.com/videos/play/tech-talks/801

 DPI - PPI 

 

SF fonts for window

github.com/blaisck/sfwin

 

blaisck/sfwin

SFWin — San Francisco Fonts for Windows 10 and non-Apple Platform. - blaisck/sfwin

github.com

 

'자료용 > UXUI' 카테고리의 다른 글

VUI  (0) 2019.10.04
Use Case Matrix  (0) 2019.09.28
Analysis methods  (0) 2019.09.23
UXUI 2019 trand - brunch  (0) 2019.09.20
Acme??  (0) 2019.09.19
'자료용/UXUI' Related Articles more