知识点5.6 界面中的图标设计技巧.pdf

INTERFACE DESIGN 交互式界面设计 知识点5.6 界面中的图标设计技巧 目录 CONTENTS 01 02 03 04 PART 01 PART 02 PART 03 PART 04 引言 使用图标的 启动图标 工具栏图标 优势 设计技巧 设计技巧 01 引言 随着科技的发展与网络的普及，人们的生活重心开始转向网络电子平台， 平台上有众多程序等待我们开启与体验。 科技 网络 网络电子平台 图标是我们开启一个程序的第一步，因此图标设计的好坏直接影响到我 们是否有兴趣打开这个程序。 图标，英文译作 Icon，起源于希腊语 “eikon ”，原意为图像，字典中称为宗 教图腾，源自古代宗教，希腊语中也常常被翻译成简笔画、绘画和图形符号。 原意 字典 Icon eikon 希腊语 翻译 广义：图标是用来表达意义的图形符号。 狭义：指显示在移动设备屏幕上表示命令、 程序的符号。 02 使用图标的优势 03 启动图标设计技巧 相关标题文字 启动图标可以是夸张的，可以是可爱的，也可以是神秘的，总之，设计师 有责任让它变得充满魅力。如果启动图标的视觉效果不够美观，可能就会错 过很多只看 “颜值”的用户。 要设计好的图标，首先要了解图标设计流程等。 草图创作 草图扫描 软件细化 相关标题文字 准确的隐喻 技巧 使用元素少胜于多 巧用文字 相关标题文字 启动图标元素的选择要做到准确隐喻，符合大多数人认知的元素才是最佳 选择。构成元素的选择，它是启动图标设计成败的关键环节，它肩负着图标表 意性作用的主要责任，元素选择不准确，就会造成理解障碍。 正确的选择元素 相关标题文字 应用商店中会看到几十种不同特色的相机类应用，其 中80% 以上都采用相机镜头为元素进行再设计，这就是非 常恰当的设计元素，以至于众多设计师宁愿在历任经典的 夹缝中寻求生路，也不愿意另避蹊径。 举例 相关标题文字 设计者应当在数量上有所控制，一般使用元素不要超过三个，越少越明确， 元素罗列过多会让图标变成小幅图画，杂乱不堪。另外如果选择两种或两种以 上的元素，一定要有主次之分，不可平均分配，主要元素要通过体积、色彩、 位置的因素凸显出来，次要元素为辅助表意，切不可喧宾夺主。