首页 > 新闻频道 > 滚动  
APP标签栏如何设计 APP标签栏设计规范
2021-02-10 08:37:16  来源:中国文化报道网  作者:Admin  分享:

 UI设计师在根据原型图做设计稿的时候,遵守一定的设计规范能够让设计稿看起来更标准,也能体现个人水准,下面介绍标签栏设计规范。工具/材料

 
sketch
 
标签栏设计规范
 
01
 
进入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。

 

相关新闻

    无相关信息

◎版权作品,未经中国文化报道网书面授权,严禁转载,违者将被追究法律责任。




关于我们 - 媒体合作 - 广告服务 - 版权声明 - 联系我们 - 友情链接 - 网站地图

Copyright 2015-2019. 中国文化报道网 www.cgia.cn All rights reserved.

违法和不良信息举报邮箱:jubao@cgia.cn

未经过本站允许,请勿将本站内容传播或复制