这个「以用户为中心」的图标设计法,恰好很多设计师不会 - 优设-UISDC

这个「以用户为中心」的图标设计法,恰好很多设计师不会

2018/04/19 6349评论区

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

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

1. 灵感来源于生活

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

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

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

2. 将草稿线条化

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

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

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

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

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

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

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

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

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

5. 进行多种融合尝试

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

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

6. 呈现出最终的设计稿

最终的图标,将 Gifto 的概念含义翻译得很好,如果单纯从图标意义上来说,这是一个成功的设计稿。

小结

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

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

呆呆是前阿里设计师,自学能力超强,在网络上输出过很多干货。最近他推出了《呆呆邮报》,每周 1 – 2 篇会员期刊,通过邮箱发送,内容涵盖产品设计、科技、艺术等领域,想和大牛近距离接触,这可是个绝佳机会 → 订阅《呆呆邮报》

欢迎关注译者的微信公众号:「呆呆U理」

「超全面的图标设计总结」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/user-centered-design-logo

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 配色 设计流程 web前端开发 AI教程 用户体验设计 设计理论 海报设计 神器下载 字体下载 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里