pg电子游戏

标签的设计要领和规范

时间:2022.07.13作者:pg电子游戏浏览量:1168

标签是我们最常用的设计组件之一,由于功效强盛,使用场景多样化深受喜欢 。好的标签设计就像一剂完善的助攻,可以用于信息的转达、建设操作预知,可以帮用户及产品举行分类,也可以举行营销分流与智能场景的运用,能资助用户完成目今的使命,资助产品抵达营业目的 。鉴于其主要性和多样化,建设一套标签视觉规范更好的去赋能和指导设计尤为主要 。


标签的组成元素,标签由颜色、文字、形状等元素组成,每个元素相辅相成,协调统一 。

1. 颜色,颜色是标签设计中的一个主要元素,可以资助用户快速识别,提升信息转化的效率 。标签的颜色应用上不但要清晰,精准,高效的转达信息,同时在多种颜色组合中也要兼顾着品牌 。以是建设一套颜色板可以更好的利便标签的设计应用,建设的色板的原则是什么?


色彩模式选择

色彩模式是数字天下中体现颜色的一种算法 。在数字天下中,为了体现种种颜色,人们通常将颜色划分为若干分量 。由于成色原理的差别,决议了天生颜色方法上的区别 。一样平常生涯中有哪些常用色彩模式?

RGB 模式:以“加色混淆”的方法,由红、绿、蓝(三原色),三色混淆,体现出种种的颜色,我们的盘算机屏幕就使用这种方法体现颜色 。这种色彩体现方法,称为 RGB 色彩 。适用于显示器、投影仪、扫描仪、数码相机等 。

CMYK 模式:以“减法原则”成色,物体色彩的反射色,是用画具或染料、油墨等“色材”来体现颜色,印刷品基本是由青、洋红、黄、黑四种油墨相互组合而成,这种方法称为 CMYK 色彩 。适用于打印机、印刷机等 。


2. 形状,形状是标签信息的一个外化直观转达,应切合产品的品牌调性(好比直角、圆角、其它隐喻造型…..),凭证我司营业属性将标签大致分为:

基本型:4px 圆角矩形,高度以 28px 为主;


异型:高度以 32px 为主,详细凭证营业场景需要设计


标签信息层级界说,一样平常项目需求中,最棘手的莫过于,产品营业侧在功效?槔锒鸭右淮蠖驯昵,并且都强调是最主要的,在这种情形下关于设计侧而言就不但是设计悦目的问题了,这需要对标签的优先级作出分类,有序的设计表达 。对用户而言我们的标签不可既是疗效又是脚镣 。  


从用户层面与产品层面划分去剖析需求对用户与产品的主要水平,配合着 KANO 模子对需求剖析,确定标签的优先层级排序:  产品的角度:产品需要用户能快速筛选信息,促使用户快速决议转化  。用户的角度:用户需要目的信息与自身相匹配,能快速找到需要的信息 。


标签类型/规范界说


1. 通例标签

主要适用于货源列表、订单列表,小黑板,详情页…等营业功效场景,是产品中最高频使用的类型,按主要层级可分为:主要标签 > 中等标签 > 一样平常标签 > 次要标签 。


2. 异形标签

适用于强调营业?橹凶钪饕慵兜牡墓π畔⒈晔,接纳非标造型,主要层级:异形标签>通例标签,展示位置多接纳全贴边样式(左上>右上…),凭证内容主要层级而定 。


3. 会员/品级标签

主要用于会员营业的身份及品级标识,多适用于人/姓名后展示,多以图形或者图形+文本的样式展示 。


4. 营销引流标签

主要用于形貌营业目的工具的特色及品级,置于角落(左上,右上…)±45°展示

要适用于营业功效营销转化指导,展示样式主要有:文字后加标签、信息功效上部加标签,比照鲜明,在某些场景使用上和徽标类似,除了对其识别造型统一外,还应对其使用场景加以明确:

居右侧展示:与按钮组合使用时,标签字段数目不可大于标签 1/2 宽度,最后与按钮右对齐;

居左侧展示:按钮高度大于单行标准按钮高度且主要层级高,或右侧有选择项占用时;


5. 角标

主要用于形貌营业目的工具的特色及品级,置于角落(左上,右上…)±45°展示 。


6. 印章标签

主要用于形貌功效使命(如协议签署,流程权益…..)的完成状态 。

pg电子游戏试玩(模拟器)官方网站 -手机版app下载back

pg电子游戏试玩(模拟器)官方网站 -手机版app下载北京市丰台科技园
诺德中央一期2号楼803-805室

? Copyright 2008-2021 bjycxf.com

版权所有 京ICP备09080439号 京公网安备11010802012755号

pg电子游戏试玩(模拟器)官方网站 -手机版app下载

过往皆为序章 未来一切可期

pg电子游戏试玩(模拟器)官方网站 -手机版app下载

扫一扫,加我企业微信

【网站地图】【sitemap】