UI设计师在根据原型图做设计稿的时候， 遵守一定的设计规范能够让设计稿看起来更标准， 也能体现个人水准， 下面介绍标签栏设计规范 。 工具/材料 sketch
标签栏设计规范 01 【APP标签栏设计规范】进入sketch软件界面， 按A添加画板， 在右侧可以选择预设尺寸 。
文章插图
02 画板创建完成后来绘制标签栏大小， 在工具栏中选择“矩形”
文章插图
03 选择工具后， 在画板中绘制形状， 标签栏正常高度为98px， 所以我们在一倍图中作图的话， 就要为48px 。
文章插图
04 形状创建完成后， 在右侧属性中可调整形状的大小、填充等， 一般我们都会添加一个y-1,模糊1的阴影， 让标签栏能够和页面区分开 。
文章插图
05 标签栏规范高度一定要为49px， 你可以在属性栏“高”中输入数字调整 。
文章插图
06 在标签栏中肯定要有按钮进行点击的， 那么按钮的大小要求是怎样的呢？我们随便绘制一个按钮 。
文章插图
07 在标签栏中的按钮最小点击区域不能小于44*44， 所以我们需要绘制一个矩形在按钮的下方， 高宽都要是44哦， 切图的时候连着一起切 。
文章插图
08 输出按钮的时候， 选择“切片”， 然后切出44*44区域即可， 不要矩形填充颜色的话， 可将形状填充设为0% 。
文章插图
09 最后导出的时候要注意， 因为我们375*667是一倍尺寸， 导出的时候， 大小要选择2x 。
文章插图
以上内容就是APP标签栏设计规范的内容啦， 希望对你有所帮助哦！
推荐阅读
- 怎么用北京协和医院APP挂号
- 快剪辑APP怎么打马赛克
- 如何去掉Mac版360安全卫士在工具栏上的图标
- 如何在word文档中输入标签箭头和上面的数字
- 百度网盘APP如何美化图片
- 怎样使用格瓦拉App购买五月天演唱会门票
- 电脑任务栏消失了怎样恢复
- 如何购买比特币app
- 我的世界give指令的箱子特殊NBT标签
- 我的世界give指令的冒险模式特殊NBT标签