苹果iphone APP界面设计尺寸官方版
一:iphone界面设计尺寸(640*960)px
该Iphone界面设计是从苹果官方网站帮助中心提取过来,这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少,只知道苹果手机的界面尺寸是640*960,其实真正的大小是320*480,因为人的视网膜关系,苹果公司放大了2倍。
所以,我们在设计的时候,需要按照该图上的尺寸来放大2倍作为我们设计的尺寸。
或者说,我们初学者可以模仿,可以借鉴苹果公司成熟的案例。我们导出一张完整的iphone手机界面。作为我们设计的底版。
25学堂教程原创二:Android界面通常设计尺寸(480*800)px
系统会根据你手机的分辩率分别到如下几个文件来里来找对应的图片:
hdpi(hign-dpi) 这个文件平里放置高分辩率的图片,即如下尺寸的文件:480×800、480X854
mdpi(middle-dpi)这个文件平里放置中等分辩率的图片,即如下尺寸的文件:320×480
ldpi(lower-dpi)这个文件平里放置低分辩率的图片,即如下尺寸的文件:240×320
Ipad 和Iphone APPUI设计尺寸和参考手册
爱上设计之APPUI设计,在此为大家带来的该设计参考手册的说明是“开发者不懂图形设计,设计师讨厌返工,本参考手册旨在帮助设计师设计超赞的 iPad 和Iphone APP UI 设计,并且告诉设计师如何为开发者提供一个正确的设计文件。”本设计手册按照尺寸、图标、小贴士和传递这几个部分铺展开来,希望能帮到大家~同时也是初做APP设计师的基本宝典!目睹为快吧!
ipad界面设计规范,新手设计iPad的必备宝典
平台特点
1 大屏幕,分辨率 1024×768
2 再次强调没有固定的方向,必须四个方向都支持。
3 可以外接键盘
4 可以放置设备,与台式机同步
iPhone与iPad的共同特点
- 内存有限
- 同时运行单个程序
- 在设置功能里放置程序选项
- 设备方向可以改变
- 最小化的帮助,让用户直接就能看懂
- 程序响应手势而不是鼠标
- 运行源生程序、Web程序或者二者兼备
- 图片深度24位(RGB各8位),另带8位alpha通道,建议使用PNG格式图片
ipad界面设计简单建议
1、 支持所有方向
注意要为每个方向都提供一个启动图片
2、 增强交互而非只增加功能
3、 使用split view, 导航和弹出窗口来平整信息层级
4、 减少全屏切换,仅仅改变需要改变的部分
5、 支持协作和互联
6、如果可能,增加真实感以及物理维度到应用程序里,尽可能像真实世界的物品以便用户易于上手
7、 界面漂亮 用户喜爱
8、 尽量让用户更关注内容而不是界面
9、 尽可能减少强制用户模式化操作
10、 减少使用列表,改变为其他形式
11、 尽量支持多手指手势
12、 让用户模式化操作的地方可以用弹出窗口
13、 限制复杂的模式化操作
14、 减小文件操作尤其尽量让用户感觉不到文件系统的存在
15、 仅仅在必须的情况才提示用户保存
16、 将工具条整合在界面上部
17、尽可能快速启动程序
尽量使用截图作为启动画面
不要在启动时显示关于或者splash screen
恢复上次运行状态
尽量不要让用户提供设置信息
18、 程序可能随时停止
19、 为每个方向都准备启动画面
20、 建立漂亮的图标
尺寸:72×72
和iPhone程序类似,iPad程序的图标会自动增加:圆角、阴影和高光。
图标标准:
> 90度直角边
> 没有高光
> 不带alpha通道透明
另外要提供48×48图标一个,用于spotlight搜索和设置
|