竭诚为您提供优质文档/双击可除
app尺寸规范
  篇一:app界面设计的规则
  移动端界面设计之尺寸篇
  ios
  1.尺寸及分辨率
  iphone界面尺寸:320x480、640x960、640x1136、ipad界面尺寸:1024x768、2048x1536(单位都是像素,分辨率和网页一样,基本只要72ppi)
  一般用640x960或者640x1136尺寸设计。
  ps:作图最好用形状工具来画的,这样方便后期切图或者尺寸变化。
  2.界面基本元素组成
  iphone的app界面一般由四个元素组成,分别是:状态栏,导航栏,主菜单栏(页脚)以及中间区域。、
  这里用的是640x960的尺寸设计:
  状态栏:即使信号、运营商、电量等显示手机状态的区域,其高度为:40px
  导航栏:显示当前界面的名称,包含相应功能或者页面间的跳转按钮,其高度为:88px主菜单栏(页脚):类似页面的主菜单,提供整个页面的分类内容快速跳转,其高度为:98px
  内容区域:展示应用提供的相应内容,整个应用中布局更最为频繁的,其高度为:734px(960-40-88-98=734)
  android
  3.尺寸及分辨率
  android界面尺寸:480x800、720x1280、1080x1920(单位都是像素,分辨率和网页一
样,基本只要72ppi)
  一般用720x1280尺寸设计,这个尺寸在720x1280中显示完美,在1080x1920中看起来清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。
  4.界面基本元素组成
  android的app界面也是由四个元素组成,分别是:状态栏,导航栏,主菜单栏(页脚)以及中间区域。、
  这里用的是720x1080的尺寸设计:
  篇二:app设计——字号规范
  app设计——字号规范
  主体:
  导航主标题:34/36px
  苹果标题:34px(ps:有些用36px)
  正文:32px-34px
ps切图尺寸变小  副文:28px-24px
  最小:20px
  正文:34px,会选择性的选用苹方粗体
  列表形式、工具化
  正文:32px
  (ps:由于屏幕使用变大正文大小趋势变成了34px)
  副文:28px
  时间:24px
  26px字号还用于划分类别的提示文案,因为这样的文字希望用户阅读,但不抢过主列表信息的引导。
  大按钮
  正文:34px/36px(ps:拉开按钮的层次,同时加强按钮引导性,用了稍大号的)
  ps:在选用字体大小的时候一定要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的
  网页设计——字号规范
  主体:
  网页:12px
  正文:14px/16px
  大号:18px、20px、26px、30px
  页面设计——常用(app尺寸规范)颜
  字体:
  主文:深黑(#333333)副文:深灰(#666666)提示文案:灰(#999999)背景、分隔线:
  背景颜:#eeeeee
  分隔线:#e5e5e5
  分隔线深:#cccccc
  篇三:app设计规范
  一、设计理念
  1.精于心,简于形
  通过精心的设计,使流程外观简约化,传达先进的技术给用户提供便捷简单的使用体验
  二、设计规范
  我们有统一的设计规范,用来规范app在外观展示上的规则,用来解决设计过程中遇到的问题。好处:
  (1)使用户使用起来能够建立起精确的心理模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解.(2)降低培训、支持成本,支持人员不会很费力逐个指导。(3)给用户统一感觉,不觉得混乱,心情愉快,满意度增加
  1.逻辑性
  设计为内容服务,根据逻辑关系通过视觉表现引导用户使用。
  例如:app的标题和导航条通过字体的颜大小突出重要度。