这个「以用户为中心」的图标设计法,恰好很多设…
2018-06-17 12:07:12来源:未知 阅读 ()
@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理」
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 新用户下单,详情页、购物车、结算页容易忽视的细节问题新用 2018-06-23
- 新用户引导流程中的工具提示应该这样设计 2018-06-17
- 20年前的Windows 98,有一套不俗的新用户引导流程20年前的Wi 2018-06-17
- 搜索页思考:拆解用户行为,让搜索更懂用户搜索页思考:拆解 2018-06-17
- 不用SEO也能轻松优化用户体验 提升网站30%销售量 2009-05-12
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash