【Axure】APP设计规范2
作者:暂无发布时间:2019年11月07日 10:00

1.【如图所示】这里针对导航栏、内容、菜单栏的布局和各个模块的间距高度,用图片的方式做了一个整理。



2.在字体的大小和样式上这里也整理出了相应的尺寸规范和字体选择【如图所示】。



3.在设计的时候导航栏的图标一般在32px-44px,导航文字在32px-40px,导航左右的文字为28+px【如图所示】。



4.标签栏的图标大小在40px-44px,文字大小为20px-22px【如图所示】。



5.【如图所示】为分类入口的图标和文字大小以及相应的布局规范。



6.【版块间距】,间距大小20px-30px,采用4px原理,要保持整个产品的间距统一【如图所示】。



7.【标题栏目大小】,版块间隙标题大小为64px(8的倍数),版块头标题栏大小为80或者88px,同样要保持整个产品的间距统一【如图所示】。



8.导航栏搜索框的大小为56px。



9.【输入框】输入框的大小在80-100px或者40-50px,按钮大小要与输入框架大小一致【如图所示】。



10.【文字大小】标题大小28-32px,或者14-16px,描述大小24-28px(与标题4px的阶梯,也可以6px的阶梯)或者12-18px【如图所示】。



11.【如图所示】为文字的几个常用颜色以及相应的深浅程度。



12.【如图所示】为图片的设计宽度以及要注意的重点。



13.【导航下提示栏】的主要目的是希望引起用户关注,所以颜色要比较鲜艳【如图所示】。



特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证