木子素材 首页 大神 UI设计 查看内容

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

2018-4-19 21:00| 发布者: admin| 查看: 340| 评论: 0

摘要: @Daidai丶呆 :今天这篇文章的内容虽然较短,但是意义却非常深刻,值得各位 UI 设计师细品。 该项目旨在遵循以用户为中心的设计方法,去设计一个 Android 移动应用的主图标。这款产品的目的是:帮助用户为他们的生活 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

@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等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×