产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

尺寸分辨率的设计



课程目标


1.掌握APP界面交互设计规范;


2.了解IOS、Android两大系统的设计规范的差异。



前言


APP设计规范指对APP界面进行风格统一,对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要,约定设计规范可以减少产品、设计、前端的沟通成本;可以使界面设计整洁、统一,减少界面元素的重复设计;可以减少设计素材,控制安装包的大小。


APP设计规范主要包括对界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等进行统一的梳理和规范。



尺寸及分辨率


1.IOS篇


 1)iPhone4/4s   3.5寸   640*960px


 2)IPhone5/5s/5c   4寸   640*1136px


 3)iPhone6   4.7寸   750*1334px


 4)iPhone6p   5.5寸   1080*1920px


设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*1136的尺寸来设计,iphone6和plus出来后有很多人会使用6的设计效果。


以我们的UI设计师为例,会使用640×1136,对plus做单独的修改适配,因为plus的屏幕实在是大了,遵循屏大显示更多内容的原则这里本应该是需要修的了。


Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。


2.Android篇


1)320*480px        三星W789


2)480*800px        三星G9098


3)720*1280px      红米Note   三星Note2


4)1080*1920px    小米3/4      三星Note3


Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127
有一位课程导师想与你聊聊

免费电话咨询