Ios的设计规范

一APP的设计规范(IOS)

  1. 图标

    启动图标制作大小:1024X1024PX

  2. APP上架的时候苹果官方需要提交
  3. 大的图标方便适配小的图标

    启动图标项目中提交的是直角的,展示自己的设计用圆角

    1024X1024图标的圆角半径为180

    应用启动图标的大小:120X120px

    导航栏图标大小:44X44px

    标签栏图标大小(最小不小于):50X50px

        

  4. 界面尺寸规范

    Iphone4-4s 640X960

    Iphone5-5s 640X1136

    Iphone6-6s 750X1334

    Iphone6p 1242X2208

    Iphone7 750X1334

    Iphone7p 1242X2208

     

    状态栏:40PX(高度)750(宽度)

    导航栏:88PX(高度)750(宽度)

    标签栏:98PX(高度)750(宽度)

    界面设计尺寸是:750
    X1334px

  5. 字体规范

    IOS7-8:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好。

    IOS9:使用苹方体,英文用:HelveticaNeue

    其他任意字体都可以使用,在APP开发时程序员把字体文件打包在安装包里面

  6. 颜色规范(推荐)

    字体颜色:#333 #666 #999

    #EEEEEE(背景色)

    #E5E5E5(分割线浅)

    #CCCCCC(分割线深)

  7. 文字大小

    导航栏中的文字必须为34px,其它文字可以根据权重,适当缩小,最小最好不要小于24,并且所有的文字以偶数递增或递减.

    6 按钮的高度

    一般在60-80px之间。而按钮中文字的大小一般在30-34px之间

    二 标签栏设计模式

    1. 在底部放4-5个标签按钮,如果超过5个,最后一个改为更多,把其它内容放在更多里面(最实用,最常见)

    2. 舵式导航。把重点要突出的标签按钮或着使用频率高,或者有很多其它功能的按钮放在中间

    3. 顶部标签导航。将导航按钮放在视图界面的上方进行视图界面跳转或者对视图界面内容进行筛选(用得比较少)

    4. 抽屉式导航。当重点功能比较多,普通导航满足不了这样的需求时,可以使用抽屉式导航。

    5、下拉式导航,隐藏次要入口(次要功能的跳转链接),用户体验不是特别好,现在使用的越来越少。

    三 搜索框的规范

    一般搜索框的高度为60px

    按钮无论大小,无论形态(图形或文字),可点击区域44px(如果小于44px,很难点击上)

    四 电商app中banner的高度

    250px-300px

    五APP左右空距建议

    空26-30PX之间

    六 模块之间的空距

    建议20-40PX

    七 输入框的高度

    80PX左右

    输入框内的文字大小,一般使用30或32PX,一般不超过34PX

    八 列表高度:80px


     

yang, xiaoyun

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: