海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > 网站标签设计的方式你了解吗

网站标签设计的方式你了解吗

资讯来源:海力源码    点击次数:586    更新时间:2021-1-2 8:12:02
如何在能让用户在没有任何外界指引的情况下,仅仅看一眼知道如何去使用标签栏,GOODNET CMS 专业团队将以多年网站设计经验来为大家总结。
1、标签的布局
通常所见的标签有3种常见的布局方式,分别为减去左右间距后等分、屏幕等分和图标左右间距相。目前大多的app都是采用的屏幕等分方式布局。
2、背景的样式
通常所见的背景样式有四种,分别为白、浅灰、黑、毛玻璃以及无背景。浅灰和白色主要常用语需要简洁突出内容主题的app中;黑色通常用于夜间模式或股票类中;而毛玻璃则是ios中常用的样式,也是消耗比较多的资源,所以现在使用较少;无背景常常会融合界面内容中,所以一般适用于内容为主app中。
3、展示的样式
设计标签的方式通常分为四种,样式包括文字+图标、纯图标、文字+图标+驼式和短线+文字。目前市场上大部分的app常用的都是文字+图标的方式,这种方式表现力高且识别性很强。
4、图标的样式
图标的样式通常分为五种,分别为面型、线型、面型+线型、请拟物以及节日。当然如何选择还得根据你的产品来,不过以GOODNET CMS 研究,选中面型默认线型是现在大多app采用的方式。
5、微交互
常见的微交互一般运用于选中效果中,通常设计的情感化可以让用户在使用过程中产生乐趣从而增加了用户体验。一般动画效果都是比较简单的,一般分为:旋转、跳动、小元素变化和小变大以及背景板+放大+异形+背景板等,具体大家可自行组合。
  • 海力源码手机版
  •  联系客服小美