工作3年。对于目前的工作环境不是很满意打算转战UI设计

人往高处走。水往低处流。

学了一个月的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+734960

 

iPhone上的字体英文为:HelveticaNeue。Mac下用的是黑体-简。Win下则为华文黑体。

文字像素大小32px~34px最为舒适。

 

Android篇

1、尺寸及分辨率   比较多,建议用720×1280这个尺寸。

2、界面基本元素(基本和IOS相同)

状态栏高度为:50px

导航栏高度为:96px

主菜单栏高度为:96px

内容区域高度为:1038px

安卓目前的手机几乎去掉了实体键。功能键移到了屏幕中。高度和菜单栏一样为96px

3、字体大小

安卓上的字体为:Droid sand fallback,是谷歌的字体与微软雅黑像。

安卓字体像素舒适度27px


画布创建

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值