移动端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;

这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值