观看记录
  • 我的观影记录
登录
测试首页APP标签栏设计规范

APP标签栏设计规范

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。

  • End

“APP标签栏设计规范”关联的文章

  • 如何关闭皮皮搞笑精彩内容消息通知

    皮皮搞笑是一款手机搞笑社区App,让用户笑到没心没肺,又忍不住感动流泪的温暖家园,那么如何关闭皮皮搞笑精彩内容消息通知以满足不同用户的需求呢?

    1小时前0阅读

    如何关闭皮皮搞笑精彩内容消息通知
  • win7系统找不到宽带连接怎么办

    现如今很多用户都喜欢使用win7系统,而在使用win7系统的过程中做的最多的就是上网了。Win7系统上网离不开宽带连接,如果win7宽带连接找不到了,应该怎么办呢?下面就让小编为大家带来win7系统找不到宽带连接解决方法

    1小时前0阅读

    win7系统找不到宽带连接怎么办
  • 新版QQ音乐怎么关闭底部的直播导航

    新版QQ音乐怎么关闭底部的直播导航?下面请大家随小编一起来看看操作的方法吧。

    1小时前0阅读

    新版QQ音乐怎么关闭底部的直播导航
  • 怎样查询高速实时路况?

    要出行怎么查询高速实时路况?我们用地图就可以了,在地图上就可以看到实际的路况的,下面详细来看下。

    1小时前0阅读

  • 六芒星手势密码教程
  • 教师讲课过程评价标准

    教师是太阳底下最光辉的职业,但是成为教师之路也是要经历重重考验的,下面给大家说说教师讲课过程评价标准

    1小时前0阅读

  • 酚醛铝箔夹芯板

    酚醛铝箔夹芯板是由酚醛泡沫与两层亚光铝箔经过特殊工艺复合而成。外膜材料为经过高温固化的高分子膜,可有效的防止紫外线及气体腐蚀,并与铝箔结合牢固,又能与酚醛泡沫形成聚合物,从而保证象圆酚醛铝箔夹芯板的质量稳定。

    1小时前0阅读

  • Xperia XZ2 Premium配置如何

    Xperia XZ2 Premium是索尼在4月16日悄悄发布的新机,而且没进行预热,下面来简单了解一下配置。

    1小时前0阅读

  • PLSQL破解,无需注册码和破解工具

    PL/SQL Developer过期了,又没有注册码,又不想花钱买,而且事情又非常急,这时候怎么办?不要着急,请随小编一起解决这种情况吧。

    1小时前0阅读

  • Win11按capslock切换不了大小写怎么解决

    有朋友不知道在哪里设置,下面小编就给大家分享详细的设置方法,有需要帮助的朋友可以参考下这篇经验,希望能对大家有所帮助。

    2小时前0阅读

    Win11按capslock切换不了大小写怎么解决
切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名