• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 这个「以用户为中心」的图标设计法,恰好很多设计师不会

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

作者:呆呆U理 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App图标,logo设计,图标设计,实战案例,用户体验,用户研究,经验分享等相关知识,呆呆U理希望在学习及工作中可以帮助到您

@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..com

优设大课堂

您可能想查找下面的文章:

  • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
  • UI 新手福利!iOS系统图标栅格系统全方位解密
  • 网易资深设计师:APP应用图标的36个设计方法

相关文章

  • 2018-08-23用超多案例,带你学会经典的尼尔森十大交互设计原则
  • 2018-08-23超10万阅读!腾讯设计师在路边摊的“暖心实践” 
  • 2018-08-23超过8亿人使用的手机QQ,是如何做注册流程的?
  • 2018-08-23高手的平面课堂!版面太平了应该怎么破?
  • 2018-08-23想做AR类的APP?那么你应该从这三个关键点着手
  • 2018-08-23新华字典改版?这版专门写给设计师!
  • 2018-08-23如何给小程序做设计?来看网易高手的设计实战案例!
  • 2018-08-23哈哈哈!设计师专用表情包合集(一)
  • 2018-08-23那些很熟悉但又不知怎么用的设计法则:80/20法则
  • 2018-08-23为什么说「全链路」取代UI/交互岗位是即将到来的趋势?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 不规则图片 瀑布流原理的分析应用
    • 超全面的分享功能设计总结
    • 经典好文!如何为拇指做设计?
    • web网页开发面试笔试必备小知识(必看)
    • 实战案例!58 招才猫直聘积分系统设计过程总结
    • 超实用!设计师也可以做到的开发成本预估
    • 内容为王的时代,阿里设计师用实战案例解读内容化设计!
    • 这5个牢不可破的设计规则,是你打造优秀动效的标准
    • 从1.2亿次的点击中,苹果学到了这个提高用户体验的方法
    • UX设计在5年内将在哪里?这里有5项预测!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有