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

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

2018/05/01 7580评论区

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

我总是用这个比喻:

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

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

二、没有人关心动画

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

世界级的产品几乎没有动画: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

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

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-things-learned-from-the-ui

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里