移动端APP设计规范

一般用PS建立画板的尺寸为:750x1334px,原始375x667pt,@2x(iPhone 6 plus的尺寸是1242*2208,原始414x736pt,@3x)

字体用:华文细黑、思源黑体、Helvetica

头部状态栏(电量条)高度:40px,文字22px

头部导航栏高度:88px,左右留空30px,文字32px,图标尺寸44px。

底部标签栏高度:98px,文字20px,图标尺寸50px。

内容区域高度:1334-40-88-98 = 1108px

常用可点击区域的高度:88px;单行文字的背景框的高度:88px,双行则为:176px,三行则为:264px;
常用间距:亲密距离:20px;疏远距离:30px,其它距离:10px,44px等;

字号:正文28px,行距38px,颜色#666;
注释:24px,行距34px,颜色#999;
标题:30px,行距40px,颜色#222。

背景浅灰色#f2f2f2,文字深黑色#323232,文字浅灰色#989898,边框色深灰#CCCCCC,边框浅灰色#C3C3C3

正文列表:单行高度88px,图标大小58px;多行高度168px,图标大小:128px;

移动端APP设计规范_第1张图片

移动端APP设计规范_第2张图片

移动端APP设计规范_第3张图片
移动端APP设计规范_第4张图片
移动端APP设计规范_第5张图片
移动端APP设计规范_第6张图片

你可能感兴趣的:(移动端技术)