人往高处走。水往低处流。
学了一个月的PS,工具和语音一样。不常用慢慢会忘记。所以呢。今后多多写文章多多发发成长贴。
这是今天总结的一些入门尺寸问题。因为只有PS没有做过矢量图。特意参考了很多。
IOS篇
1、尺寸以及分辨率
iPhone界面尺寸:320×480 、640×960、640×1136
iPad界面尺寸:1024×768、2048×1536
(像素为单位。分辨路一般网页UI和移动终端UI基本为72ppi)
一般设计的时候并不是按照每个尺寸都做一套。可以按自己的手机来设计。这样方便预览效果。一般为640×960或者640×1136的尺寸来设计。
Ps:作图的时候确保用形状工具来画。便于后期切图以及尺寸的变更。
2、界面基本组成元素
iPhone的APP界面一般有四个元素组成分别为 状态栏、导航栏、主菜单栏、中间的内容区域
当我们用640×960的尺寸来设计时。
状态栏:就是我们说的信号,运营商和电量等手机状态区域,其高度为:40px
导航栏:显示当前页面的名称,包含相应功能或者页面之间的跳转按钮:88px
主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转:98px
内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁的:734px
40+88+98+734=960
iPhone上的字体英文为:HelveticaNeue。Mac下用的是黑体-简。Win下则为华文黑体。
文字像素大小32px~34px最为舒适。
Android篇
1、尺寸及分辨率 比较多,建议用720×1280这个尺寸。
2、界面基本元素(基本和IOS相同)
状态栏高度为:50px
导航栏高度为:96px
主菜单栏高度为:96px
内容区域高度为:1038px
安卓目前的手机几乎去掉了实体键。功能键移到了屏幕中。高度和菜单栏一样为96px
3、字体大小
安卓上的字体为:Droid sand fallback,是谷歌的字体与微软雅黑像。
安卓字体像素舒适度27px
画布创建