赞助商
立即赞助

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

UI设计3年前 (2021)更新 流光
2K 0 0

@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理」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本文主要通过3个部分,14条知识,31个案例来讨论一下设计心理学在产品体验设计中的应用。 ...
心理学
在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合,往往能够呈现出截然不同...
优秀网页设计
什么时候该用线型图标,什么时候该用面型图标,不知道大家平时有没有去思考过?我自己也曾经纠结过,但却没有深究,这篇文章...
图标设计
如果你想要转化更多的潜在客户或是增加销售额,那么你需要的是一个高转化率的落地页 (Landing Page)。根据 Hubspot 的数据[1]...
用户体验
百度UXC:如何做改版设计?百度网盘的实战案例肯定能让你学到很多! 一. 改版背景 百度网盘在2013年诞生之际以备份文件功能走...
App改版
在《从零开始画图标系列:超全面的基础知识》中我们知道了,工具图标的三种设计类型,以及对应的不同风格。本篇文章,内容主...
图标设计
对于许多设计新人来讲,用户研究、体验设计这些非直接工作领域的内容,往往令人望而却步,将其当做一个特殊专业领域的范畴,...
用户体验
序言 对于当下的互联网产品,无论是主流或非主流,处处都能看到推荐系统的应用场景。比如,当你在淘宝下单购买了一台iPhone 1...
推荐系统