文长:1415字|时长:4分钟
针对人群:用户界面设计师,视觉设计师
图标是一种全球通用的象形表意符号文字,整套图标集合就是一门语言。icon的设计除了通过颜色和样式传达品牌个性外,还必须在界面中传达含义。图标是对象,动作或想法的直观表示。若对用户而言尚不清晰,则该图标会使人感到困惑,沮丧,讨厌,导致形成视觉障碍。
icon设计的产出不仅注重统一性与规范性,具备体系的思维更有利于创新与说服力。那么如何定义你的icon设计形成体系的图标设计语言?
定义风格需要在绘制前形成设计思路:探索——定义——输出,寻找关键词,组成情绪版从而设计,设计时遵守图标原则,利用多种设计手法以达到识别性。
探索, 运用 “ The 20 second gut test ”方法论,以目前设计趋势的风格, 同类 产品不错的设 计及设计师认可的设计风格为基础, 选出红黑top5(最喜欢的/最不喜 欢的), 有助于设 计师对于目前设计的把控。
定义, 针对红黑Top5,制作聚类粘贴板。 分析用色,图形,表现技法等元 素提取关键 要素,这 一阶段是自我提炼的关键。
输出,根据聚类粘贴板关键字,为关键字找到完美的表示式及隐喻,寻找需要传达概念的图像和符号,确定视觉样式。
一致性:视觉大小一致,风格一致,复杂度一致。
尺寸规范: 图标的大小可以用手指在界面中 轻松触摸,也可与 鼠标一起使用。
空间合理化: 图标可以 足够紧凑,允许工具栏,调色板等在相对较小的空间中显示许多图标。
识别性 :图标一眼就能识别出来,尤其适用于人们以前见过和使用过的标准图标。若超过5秒钟来思考图标含义则表示图标无效。
愉悦性 :图标可以在视觉上令人愉悦并增强设计美学吸引力。
系统性:多个地方使用相同的图标和样式时,支持产品系列和套件的概念。
保持设计简单和示意图。通过专注于对象的基本特征而不是创建高度逼真的图标来减少识别。
图标设计完成后我们对图标进行可用性测试,以验证设计的合理性。在实际界面中对图标进行测试的地方,会收集反馈后再回到设计稿,不断重复直到最终设计。
查找性:能让用户找到网页上/app上的图标吗?
识别:人们了解图标代表什么吗?
信息:用户与图标互动后能否正确猜测会发生什么?
吸引力:图标是否美观?
可发现性方法
为了评估可发现性,必须在完整界面的上下文中显示图标 。上下文中的测试可以帮助确定多个图标看起来是否过于相似,导致用户很难区分它们。或者该图标是否隐藏在错误的区域下或广告丰富的区域中从而被忽略了。
使用阶段 :在此早期概念探索阶段,重点关注用于构思和探索众多设计方案的方法。在这段时间内,使用可发现性方法。
定位时间测试
定位时间测试是衡量用户否可以在完整设计中轻松找到图标的最佳方式。 测量人们成功选择正确图标所需的时间,以及首次点击选择的比率。
使用阶段: 在设计阶段,定位时间测试将不断指导朝着系统的最佳图标设计方向发展。有助于量化图标的可发现性及其在界面的几种潜在变化中的位置。可用性测试可以提供有关图标的预期含义及其可发现性的一些见解。
吸引力法
使用图标的常见原因之一是为设计增加视觉吸引力,但并非所有图标都具有同样的价值。 最简单的吸引力测试是要求人们以1–7的等级给每个图标评分 。并说明他们为什么喜欢或不喜欢特定的图标。
使用阶段:评估阶段,以验证设计的美感,帮助改进设计。
本文作者:Emilychen,创建公众号:Design Thinker,UIUX设计师,从业6年+,关注设计思维及实践,核心宗旨:设计思维驱动下的设计沉淀。欢迎转发及转载,如需转载请标明出处。