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