火星网校
资深UI设计总监从 10000 个UI界面中学到的8件事
发布时间：2023-12-26 18:51:42 浏览量：188次
大家好，我是兴元君
眼看着这周就要结束了
童鞋们是不是
已经迫不及待的想粗去浪啦？
知道现在你们现在已经无心学习
但是兴元君这里有超棒的干货
迫切的想要跟你们分享~
这可是资深UI设计总监
从 10000 个UI界面中总结的心得
你们可要好好看呀~
一、并没有那么多人关心动画
童鞋们不妨仔细想想，世界级的产品几乎没有动画，例如：Facebook. Salesforce. Medium等等。
这些产品价值数十亿美元，是因为它们有解决问题并提供价值的能力，而不是因为它们有可爱的动画。
并不是说动画没有用处，而是应该先花时间从通过一流的用户体验，提供卓越价值开始。然后，再任意花费时间制作一个可爱的小汉堡按钮，让其变身为麦当劳巨无霸。
△ 皮特塞纳的动画
二、不要重新发明模式
模式是在类似对象中经常被发现的东西。设计模式被称为模式，因为它们遍布各处。用户习惯于以某种方式做事，并且通常伴随着对用户体验的期望。
UI设计师可以设计一百种不同的方式来筛选数据表，但是没有哪个会像电子商务网站上出现的左侧栏复选框那样有效。
不要花时间去想那些不需要改造的东西。
三、「模版化」你的工作
为了追求高效的团队协作，你可以为自己做一些设计模板，这会节省很多时间。
如果想在一周半的时间里，为一位想要销售演示文稿的客户设计52个屏幕，甚至将它们连接成一个可点击的 InVision 原型。这也是一种完全定制的设计，并且完全按照其品牌的基调进行了定制。如果没有模板可以帮助我快速开始工作，这一切都是不可能的 。
以下是文章作者的 UI 样板中的一个示例屏幕，大家可以参考下~
四、一致性产生效率
你设计得越一致，你就会变得越快。因为你大大减少了你必须做设计决策的数量。
如果你在 Sketch 中为自己设计一个按钮符号，并在整个设计中使用该符号，不仅可以让所有按钮看起来一致，而且工作效率会更高，因为你不需要每次都从头开始制作按钮。
五、效率会产生一致性
这些都是共生的，所以它也可以反过来作用。
为了加快工作速度，你必须为自己创建捷径。这些捷径可以是设计资源等有形的东西，也可以是像建立和遵循一组设计原则（如坚持 8px 网格系统）那样的无形的东西。
随着你变得更快，一致性自然会随之而来。
六、商业和用户价值篡夺一切。
根据最新估计，Craigslist 的价值约为30亿美元。你有没有看过那个网站？非常丑。
但这并不重要。因为它解决了一个问题并为用户提供了价值。
干净利落。就像 Craigslist 这样！
如果你能为用户提供价值，你就能让客户给商业带来价值。为正确的人解决正确的问题 ，你将发光。
七、优秀的设计表现不好将会失败
你是否曾与某些很漂亮，却连正常交流都做不到的人约会？
单凭视觉不会让好的设计长久。我认为视觉效果实际上只占整个演示过程的20％左右。
其余的部分？是故事讲述 。如果你没有将观众与引人注目的故事挂钩，展示商业价值并代表用户说话，那么你必然失败。
八、想到，做出来
这一点放在最后说，是因为它非常重要。
功能性产品> Dribbble上的赞，没有什么比这个更重要。漂亮的设计？好厉害！还没启动？等于失败。我想表达的是：为了被认为是一个成功的设计师，你必须实际构建一些东西。
想到，就做出来。即使它很糟糕，即使它不完美，即使没有人使用它 。至少你坚持了下来，从中有所收获。
来源非科班设计
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
