第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

一款APP设计的从0到1之:iOS篇(精华版)(3)

时间:2017-12-07 10:20来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在文档建立参考线是一个很好的习惯,我希望大家也可以养成这个习惯,上下很容易设置,左右我习惯设置24 px的距离,我通过对国内外很多APP就行了对比

  在文档建立参考线是一个很好的习惯,我希望大家也可以养成这个习惯,上下很容易设置,左右我习惯设置24 px的距离,我通过对国内外很多APP就行了对比,总结是24 px更合理,这个是我的个人习惯,所以也不要当做是明文规则,你设置为30 px,也是可以的。

  

15c459a81bb7a801211d2515e4a7.jpg

  然后就可以开始你的设计了

  这里U妹再给大家略过一下iPad的设计规范:

  

57bb59a81be1a801211d25dff900.jpg

  

9b0859a81273a8012028a9dff0e2.jpg

  3、图标设计规范

  iPhone 图标尺寸:

  

d89e59a81647a8012028a97679f7.jpg

  

b3de59a8165aa801211d25ae1481.jpg

  图标设计请用栅格化系统进行设计

  设计尺寸:1024x1024px,竟可能的采用黄金比例设计

  

624659a8166ba801211d25a67e2b.jpg

  4、关于设计字体

  先来看一下字体的历史演变过程

  iOS 9:英文字体为Helvetica Neue

  iOS 9:中文字体由为冬青黑

  ↓↓↓

  iOS 10:英文字体为San Francisco

  iOS 10:中文字体为苹方

  

b61959a812a9a801211d25a5eae0.jpg

  关于字体大小的问题:

  顶部操作栏文字大小:34-38px

  标题文字大小:28-34px

  正文文字大小:26-30px

  辅助性文字大小:0-24px

  Tab bar文字大小:20px

  文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数。

  四、切图标注篇

  1、切图工具

  Cutterman,一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS CC及以上版本,目前cutterman最新版为3.2.0版本。

  

04f059a812c0a801211d25a97e5d.jpg

  Assistor PS 也是一款PS的切图标注插件,也被誉为神器;我使用了下,感还可以,但是切图和标注上体验还是不高,但是Assistor PS的其他辅助功能还是很不错的,比如参考线辅助,圆角大小,磁铁功能。

  

35f259a81cdba801211d25af3496.jpg

  2、标注工具

  PxCook(像素大厨),是一款切图标注设计工具软件。自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕