IOS的设计规范:
一、尺寸
目前主流的是以iPhone 6为主,设计尺寸是750*1334px,4.7寸。
二、不同分辨率下状态栏、导航栏、标签栏高度的差异:
三、字体、控件、图标的规范要求
1、分辨率以iPhone 6 设计为主:750*1334px
2、(字体 Helvetica/华文细黑,实际中运用黑体简或者Hiti-sc 最接近系统中所带字体)
3、工具栏height:88px 如搜索、选择、删除、回复等。
4、顶部标签栏height:60px 位于状态栏或者状态栏下的文字/具有可切换功能的图标
(一)IOS@2 750*1334px
1、导航栏
所有的字号,在750*1334px的设计尺寸下都是偶数,便于程序员操作。
所有可触发按钮必须≥44*44
(二)IOS@1 375*6674px
所有可触发按钮必须≥22*22
左右内容与边距的间隔大概在20px
文字的选择状态:
功能型图标(尺寸根据实际情况来区分)
按钮:
强调确定,填充有彩色。
控件:
图示:
例如:
模块:
布局:
交互:
搜索框右边要有一个取消、或者输入了之后有一个“x”
(三)切图命名规范:
渐变和底纹效果和程序员商讨
切图命名的完整部分:
Android 的设计规范:(安卓规范尺寸较多,在没有特定情况下,设计师只需要做以720*1280px来做,基本的切和命名与IOS相似)
设计尺寸:720*1280px
状态栏48px 导航栏96px 内容区1038px 标签栏112px