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

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

2018/04/19 9111评论区

@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

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

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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