以用户为中心的图标设计法

闲暇时日,抱着靠枕躺在沙发,似有阳光从露台照进客厅,索性拿了枕头遮住眼睛。办公桌上的电脑还在放着最喜欢看的美剧,但是今儿这种声音反而有助于睡眠,说不定在梦里还可能想起一件小事,且一觉醒来之后并不会觉得无所适从呢,嘻~

今天这篇文章的内容虽然较短,但是意义却非常深刻,值得各位UI设计师细品。

下面进入译文。

该项目旨在遵循以用户为中心的设计方法,去设计一个 Android 移动应用的主图标。这款产品的目的是:帮助用户为他们的生活找到合适的礼物,以此让每一个场合都变得温馨。而这款产品,我们称之为 Gifto. 那么接下来,我们一起来看看「以用户为中心」设计图标的方法吧。

1.灵感来源于生活

“Gifto” App 可以帮助用户提醒自己在他们生活中的特殊节日,如生日、周年纪念等等,促进人与人之间的情感交流。那么首先,我们用纸笔画出人们在现实生活中互相赠送礼物的方式。

步骤 1:用草稿,从现实生活中汲取灵感

草稿中的互动发生在送礼物者和接受者之间,他们是经历这种体验的潜在用户。

2.将草稿线条化

对送礼物者和接受者之间的互动做进一步简化和抽象,将他们的手融合在一起,并移除礼物盒元素以保持图标整体的空间感。

步骤 2:主图标的视觉一定要保持极简、且易识别

3.情怀,让我们产生共鸣

下图描绘的分别是送礼者和接受者不同方式的简化,这就仿佛生活中的送礼画面。这也是以用户为中心得出的设计逻辑。这种用户研究为我们提供了一种独特的见解:即送礼者的体验与接受者的一样重要。

步骤 3:将情感融入到你的设计中

在这两个人之间的互动中,产生的幸福感与满足感是这个图标或产品所要传递的一种情感方式。这是用户被受到重视的一种愉悦体验。

4.将设计概念与实际产品融合

图标的概念设计希望与「Gifto」这个词融合在一起。但是为了提升 Gifto 这个单词的可读性,就不能单纯的将它们融合在一起,而要以一种更为和谐的方式。

步骤 4:尝试着将 Gifto 这个主题融入到图标设计中

5.进行多种融合尝试

在设计中进行周而复始的尝试是非常必要的,因为在第一次融合尝试中,你不可能得到最好的设计稿。

步骤 5:进行大量重复的尝试

6.呈现出最终的设计稿

最终的图标,将 Gifto 的概念含义翻译得很好,如果单纯从图标意义上来说,这是一个成功的设计稿。(呆呆:不知道为啥,我更喜欢上图的第一种,嘻嘻)

小结

单纯从文章内容来看,篇幅比较短,但是内容却很值得推荐,这就好比「品牌化图标」的设计模式。从生活中汲取灵感,运用到设计上,谁又能说这不是用户研究的一种模式呢?

之所以译这篇文章,是因为它很好的将「用户研究」融入到视觉设计中,这是目前市场上的大部分 UI 设计师所欠缺的能力。希望这篇文章能给予你们更多的灵感。

谢谢阅读:)

END.

Medium

译文地址:呆呆U理

作者:Designerrs Lab

译者:呆呆u理

(0)

相关推荐

  • 图标设计五维自检法

    最近在做图标的优化调整,虽然改动不大,但在复盘的时候还是总结出很多心得,在这里和大家分享一下. 图标是界面设计中最重要的元素之一,也是我们UI设计师必备的技能,日常工作中我们经常会接到含有图标设计.优 ...

  • 图标设计五维自检查法

    最近在做图标的优化调整,虽然改动不大,但在复盘的时候还是总结出很多心得,在这里和大家分享一下. 图标是界面设计中最重要的元素之一,也是我们UI设计师必备的技能,日常工作中我们经常会接到含有图标设计.优 ...

  • 5步打造APP节日主题设计:以Lofter新年图标设计为例

    2018年春节已远去,一直想把lofter新年logo设计思路分享给大家,直到现在才整理出来,希望这篇文章能给大家一些思路和参考. 每当过节的时候,市场上大大小小的APP icon都进行了节日换装,作 ...

  • 高密度光纤链路在数据中心的布线设计 上篇

    光纤链路的概述 传输介质是光纤,过程走的是物理链路(需要实体线路连接,而不是像手机信号传输是无线的),所以就叫光纤链路了。 数据中心现在的设备将被组织并分成各个不同的功能区域:服务器区、存储设备区、中 ...

  • 高密度光纤链路在数据中心的布线设计 下篇

    实现高密度光纤链路 保证正确的联接 光纤接头日益重要也是一个难题。现在所有在数据中心的接头都已经是工厂做好的,不管是光纤跳线还是端接的主干光缆。但是接头的选择和它的性能的关键是提供任意的联接。双芯的接 ...

  • 高密度光纤链路在数据中心的布线设计 中篇

    跳线概念 跳线实际就是连接电路板(PCB)两需求点的金属连接线?因产品设计不同?其跳线使用材料?粗细都不一样?大部分跳线是用于同等电势电压传输?也有用于保护电路的参考电压?对于有精密电压要求的?一点点 ...

  • 如何关闭华为游戏中心桌面图标未读消息提示

    现在有很多人在使用华为手机,有些用户想知道如何关闭华为游戏中心桌面图标未读消息提示,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开手机中的[华为游戏中心]App,根据下图箭头 ...

  • iOS图标设计9个秘诀

    作为一个ui设计师,大家平时做项目的时候,可能经常遇到自己做图标没有灵感,或者做出来的图标不好看,今天小编给大家带来的文章是有关ios图标设计的9个秘诀,总结的很到位,满满的干货. 每一个应用程序都需 ...

  • 图标设计流程及小技巧

    小编:今天分享一超实用的干货!要想做好一个图标的设计,需要熟练运用软件,涉猎各种矢量特性.蒙板以及构造实体几何.这篇教程也刚好就是教大家一些实用小技巧,大家不能错过哦! 图形创建 vs 图形样式 我认 ...