探究!图标设计的隐喻性 - 图1

    探究!图标设计的隐喻性 - 图2

    文 / 丁男 时慧娴

    近几年,我们见证了移动端图标设计从拟物化向扁平化的快速转变。扁平化设计似乎有全面替代拟物化设计的趋势。在这转变过程中,图标图形的日趋简化,图标的指代性设计难度加大,设计师在不断凝练图形的同时,需要增强图标的隐喻来明确提示图标含义及功能。
    探究!图标设计的隐喻性 - 图3

    隐喻通常是指用某一事物暗喻另一事物,是属于语言学领域,更是文学修辞的一种手法。在图标设计过程中,图标的概念与功能常需要我们通过隐喻的造型手法来表达。
    探究!图标设计的隐喻性 - 图4

    为实现图标的指代功能,我们一般会将抽象概念具象化,选取大众所熟识的,自然或日常生活中的具体事物,再通过临摹再现、图形化等手段将事物凝结成图标,方便用户以最快速度且无障碍的理解图标的内涵,避免图标误解导致的交互误操作,提升界面的使用效率和用户体验。隐喻目前已经成为图标设计中最重要的造型观念和手段。
    探究!图标设计的隐喻性 - 图5

    图标作为具有指代性、识别性和交互性的符号,它存在的目的就是向用户传达一个含义或者指代一种功能,让用户快速理解和操作。目前常规做法是将有视觉隐喻的图标与文字相结合,如此可以将图标指代性以最美观、最直接的方式呈现出来。
    探究!图标设计的隐喻性 - 图6

    图标隐喻的类型

    ①事物隐喻。从隐喻对象 “物” 的角度出发,形成界面视觉形象造型基础。它包含现实生活中所有物质和对象。如山、水、动物等自然物,也可是文件、电脑、手机、等人造物。我们在设计某个图标时要首选事物隐喻的造型方法,可以通过现实中特定的具体事物来表达计算机中同样概念的事物。
    探究!图标设计的隐喻性 - 图7

    在交互内容选取和交互方式考量的过程中, 设计师要通过事物隐喻让用户找到图标含义的现实依据。在扁平化图标设计中,会在事物隐喻的基础上进一步简化图形元素,使之成为高度概括的图形符号。
    探究!图标设计的隐喻性 - 图8

    ②功能隐喻。功能隐喻是指从隐喻对象功能角度出发,通过图标对功能相关联事物的图形再现,隐喻图标与此类事物的主要功能特征相同或近似,让用户准确清晰的了解该图标的功能和操作方式。功能隐喻需要把在计算机或智能设备环境下所做的工作与在现实生活中人们熟悉的工作的内涵联系起来,通过某一具体的关联事物图形提取出来,达到让用户快速理解指代性的目的。
    探究!图标设计的隐喻性 - 图9

    ③图标色彩的隐喻也是提示用户操作的重要因素。通常情况下,如果界面中同时出现可操作图标和不可操作图标时,我们将不可操作的图标设计成浅灰色,而可操作的图标设计成彩色或黑色等常规状态下的色彩。
    探究!图标设计的隐喻性 - 图10

    当画面出现接受或取消图标、正确提示或错误提示图标时,接受图标和正确提示图标往往设计成绿色,而取消图标和错误提示图标往往设计成红色。这样的设计一方面可以通过色彩的醒目程度提示用户避免误操作,另一方面也让用户关联了色彩在日常生活中的隐喻内涵。
    探究!图标设计的隐喻性 - 图11

    图标隐喻原则

    ①使用通用隐喻图标图形。尽可能多使用在界面设计发展过程中已经普遍应用并在用户心智模型中沉淀下来的隐喻图标。例如:充电图标的电池图形,播放图标的三角播放图形等,都是我们的日常交互中反复出现的经典图标图形,没有任何学习成本,当我们看到这种图标图形,完全明确指代性。
    探究!图标设计的隐喻性 - 图12

    这类隐喻图标图形不需要我们再次选取新的隐喻事物来指代图标,我们只需要参考界面风格重新设计该隐喻事物的图形即可。
    探究!图标设计的隐喻性 - 图13

    ②选择易识别和认知的隐喻事物。形状是我们辨认和识别事物基础,轮廓规则,形态简单的事物本身就更容易被识别和概括归纳,如房子、书本、汽车等,而有些事物轮廓不规则,形态复杂多变,不容易被识别和概括归纳,这类事物就不宜被选作隐喻图标的原型,如鸟巢、绳子等。
    探究!图标设计的隐喻性 - 图14

    ③选取隐喻事物要考虑文化差异。隐喻的基础是文化,不同文化背景下,人们对事物的认识不尽相同,当用户群为大众时,尽量选择广泛认同的隐喻事物。当用户群为特定目标群体时,就需要充分研究用户特征,选取适合目标用户普遍理解的图形符号,避免文化差异带来的误解。
    探究!图标设计的隐喻性 - 图15

    在图标设计中,需要先找到每个图标功能最合适的隐喻事物。在这个过程中,我们可以借助思维导图的部分思路进行隐喻事物的选取,将发散性思维以草图的方式,清晰完整的记录下来,并掌握思维过程的脉络,这对图标设计寻找隐喻事物有着显著作用。构建适宜的图标隐喻并不容易。
    探究!图标设计的隐喻性 - 图16

    有一些隐喻我们可以直接关联来构建,而有些复杂的概念就需要我们通过大量的图标设计实践积累经验,建立起良好的图标隐喻分析能力,探索出适合自己的图标隐喻构建方法,把握事物间的功能或本质关联,通过联想和归纳完成图标隐喻的构建。推荐阅读:视频类 APP 图标设计规律!
    探究!图标设计的隐喻性 - 图17
    探究!图标设计的隐喻性 - 图18
    探究!图标设计的隐喻性 - 图19
    探究!图标设计的隐喻性 - 图20
    https://mp.weixin.qq.com/s?src=11×tamp=1618300195&ver=3005&signature=yCqbi8ObueJgmThhI3—4V62WbPca*q0HJf2WBJ7te0Rhs6GtgeRfDqjegqqkwOeV-cBVI34h7qKMXs27HYTM3R5BR4HhGNjIc7b2KZyQMKwwENs3GHtKeD-HV7WMZGo&new=1