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

首席设计师从 10000 个UI界面中所学到的10件事

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

本文主要包含产品价值,商业需求,模块化设计,用户需求,视觉稿,视觉表现,设计需求等相关知识,Ryan希望在学习及工作中可以帮助到您

一、优先考虑你的设计本职

我总是用这个比喻:

没有人会关心你的花式概念车真皮座椅上的针脚是什么颜色,如果连车轮都没有的话。

优先考虑你的设计本职,这样你才能首先满足所有基本要求。只有在那之后你才能继续寻找更有趣的事物,比如传统插画和动画,这些可以方便地引导我们。

二、没有人关心动画

我说这个并非因为我不那么擅长,而出的恶意。

世界级的产品几乎没有动画:Facebook. Salesforce. Medium.

这些产品价值数十亿美元,因为它们解决问题并提供价值,而不是因为它们有可爱的动画。

动画的确有其用武之地,但先花时间从通过一流的用户体验,提供卓越价值开始吧。然后,你可以任意花费全部时间制作一个可爱的小汉堡按钮,让其变身为麦当劳巨无霸。

△ 皮特塞纳的这部动画不可能更完美

三、不要重新发明轮子

模式是在类似对象中经常被发现的东西。

设计模式被称为模式,因为它们遍布各处。用户习惯于以某种方式做事,并且通常伴随着对用户体验的期望。

我可以为您设计一百种不同的方式来筛选数据表,但是没有哪个会像电子商务网站上出现的左侧栏复选框那样有效。

不要花时间去想那些不需要改造的东西。

四、「模版化」你的工作

为了追求效率,为了高效的团队协作,给自己做一些设计模板,你会为自己节省很多时间。

在一周半的时间里,我为一位想要销售演示文稿的客户设计了52个屏幕,甚至将它们连接成一个可点击的 InVision 原型。这也是一种完全定制的设计,并且完全按照其品牌的基调进行了定制。如果没有模板可以帮助我快速开始工作,这一切都是不可能的 。

以下是我个人主 UI 样板中的一个示例屏幕,我将其用于每个项目,以此开始。

这是使用 UX Power Tools 中的元素构建的。

五、一致性产生效率

你设计得越一致,你就会变得越快。因为你大大减少了你必须做设计决策的数量。

如果你在 Sketch 中为自己设计一个按钮符号,并在整个设计中使用该符号,不仅可以让所有按钮看起来一致,而且工作效率会更高,因为你不需要每次都从头开始制作按钮。

六、效率会产生一致性

这些都是共生的,所以它也可以反过来作用。

为了加快工作速度,你必须为自己创建捷径。这些捷径可以是设计资源等有形的东西,也可以是像建立和遵循一组设计原则(如坚持 8px 网格系统)那样的无形的东西。

随着你变得更快,一致性自然会随之而来。

七、商业和用户价值篡夺一切。

根据最新估计,Craigslist 的价值约为30亿美元。

你有没有看过那个网站?非常丑。

但这并不重要。因为它解决了一个问题并为用户提供了价值。

干净利落。就像 Craigslist 这样!

我不主张设计过于简单化。我要说的是,如果你能为用户提供价值,你就能让客户给商业带来价值。

为正确的人解决正确的问题 ,你将发光。

八、我不是世界的中心

有许多人在产品设计过程中担任重要角色。

只要看看:

《我们为谁而设计?为买入设计(第1部分,共3部分)》,这些集团要么需要买入以支持您的愿景,要么需要买入才能真正销售和上市。

《我们为谁而设计?为生产设计(第2部分,共3部分)》,谁会帮助你发展你的产品或想法?

《我们为谁而设计?质量和标准团队(第3部分,共3部分)》,谁来确保它会实际上像它本该的那样工作?

九、优秀的设计表现不好将会失败

你是否曾与某些很漂亮,却连正常交流都做不到的人约会?

单凭视觉不会让好的设计长久。我认为视觉效果实际上只占整个演示过程的20%左右。

其余的部分?是故事讲述 。如果你没有将观众与引人注目的故事挂钩,展示商业价值并代表用户说话,那么你必然失败。

十、想到,做出来

我把这个保留到最后说,因为它是如此重要。

功能性产品> Dribbble上的赞,没有什么比这个更重要。漂亮的设计?好厉害!还没启动?等于失败。

我想表达的是:为了被认为是一个成功的设计师,你必须实际构建一些东西。

想到,就做出来。即使它很糟糕,即使它不完美,即使没有人使用它 。至少你坚持了下来,从中有所收获。

欢迎关注译者微信公众号:「非科班设计」

fkbsjqr

原文链接:《Here’s everything I’ve learned from designing 10,000+ UI screens as a lead product designer.》?Jon Moore

「找准痛点,做好的设计」

  • 《那些很熟悉但又叫不出名字的设计法则:需求的等级》
  • 《停止争吵!UI设计师如何用科学的方法找到用户需求?》
  • 《不甘心被产品带着走?先学会将商业需求转化为设计需求!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

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

优设大课堂

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

  • 设计好看但没人用?6个技巧告诉你到底该如何影响用户!
  • 如何让「签到」设计抓住用户的心?来看这篇超全面的总结!
  • 2018年设计师该如何转型?来看最近人气超高的 UGD 模式!
  • 首席设计师从 10000 个UI界面中所学到的10件事
  • 设计到底有哪些价值?让谷歌设计Leader 来告诉你!
  • 美团打车推出之际,来聊聊分时租赁的共享汽车
  • 深度长文!为什么很多炫酷的产品没能流行起来?
  • 把玩近1000个App 后,我总结了这份超全面的「用户卸载原因指南」

相关文章

  • 2017-08-06自适应网页设计的方法(手机端良好的访问体验)
  • 2018-08-23如何做图标改版设计?来看58 App的实战案例!
  • 2018-08-23高级设计师:如何用科学的方法做出专业的原型图?
  • 2018-08-23那些能力差的设计师,都喜欢说这10句话
  • 2018-08-23AR学了四年半后,我总结的AR眼镜软件产品设计经验
  • 2018-08-23如何系统学习功能图标?来看资深设计师的全面总结!
  • 2018-08-23一份超实用的UI设计师上线执行手册
  • 2018-08-23豆瓣9.4!Netflix这部汇集顶级设计师的纪录片,简直拍成了美剧的级别
  • 2018-08-23腾讯干货!虚拟To B支付设计研究之海外研究篇
  • 2017-08-06非常棒的Web标准学习资源收集推荐

文章分类

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

最近更新的内容

    • 用腾讯这个套路,帮你设计好看又好卖的企业产品官网
    • 让客户更投入!产品设计中的「心流」状态营造思考
    • 在谷歌当了半年设计师,我学到这些经验
    • 用这5个技巧在网页设计中玩转视差特效
    • 进阶好文!如何把那么多经典的设计模型用起来?
    • 网页设计的平面构成排版能力的介绍
    • 入门手册!帮你快速掌握15个常见的产品设计术语
    • 2013年网页设计UI最热趋势 最流行的UI设计
    • 对色彩没感觉?三个方法提高你的色感训练
    • 专业摄影师:如何用手机创作一组高质量的朋友圈组照?

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

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