设计文章

别让这些过时的设计元素,毁了你的好设计

重新审视自己几年前的设计作品,有时候是一件很尴尬的事情。曾经流行过的设计趋势在这些设计作品中,都留下了不可磨灭的痕迹。值得注意的是,设计风格一直在不断发展,我们中绝大多数人都不得不跟着设计趋势的演变,而拉扯着前进。曾经花费时间去力图实现的效果,转眼之间就不再流行。就像绝大多数人不会关注米兰时装周上的新款服饰一样,并不是所有的设计师和参与设计(包括掺和设计)的相关人员,会时刻

高手的设计流程!滴滴车主端 5.0 全新升级背后的设计思考

编者按:大公司的设计流程是怎样的?来看看滴滴设计中心的高手是怎么做滴滴车主端5.0改版的!前言“我每天出车8-10个小时”“一天能接十好几单呢”“帮了别人还赚了钱,这活儿很自由”作为滴滴的设计师打车的时候总习惯和司机聊上了两句,他们背景不同,性格迥异,出于各式各样的理由选择了这份职业,一辆车,一部手机,一天10个小时,如此周而复始地他们为滴滴数亿级乘客提供服务,而我们所做的

用 AE 做的动效,都能在 APP 中实现了?

我们总是能在Dribbble等网站看到一大堆酷炫吊炸天的动效。而在现实的App中却很难看到。除了它们都有些过度设计的倾向之外,很大一个原因是因为做不出来。现在很多小公司的实际情况是,你能想出100种动效方案,工程师就能给你说出101种做不出来的原因。至于这101种做不出来的原因里,一大部分原因是动效真的很难写。为了写个动效,用上几百行代码也是常有的事。如果你还不说清楚动效的

全球 IPHONE 摄影大赛人物类冠军:什么才是真正的构图?

@原画册韩松 :首先我实名反对一谈起构图就只摆出三分法、对称、十字形、水平线、曲线型、三角形等方法的文章,它们看似很好地归纳了各种构图的情况,同时也有许多看起来很美的照片来印证,实则过于片面。原因在于,这些法则都只关注拍照中各个元素的“位置关系”,而“位置关系”只是构图议题中的一部分。回到问题。回答分三部分:摄影构图的理解——什么才是真正的构图?摄影构图的原则——构图有哪些

这样使用 SKETCH 的 SYMBOL 功能,能极大提高你的工作效率!

Sketch作为一个新生的设计工具,虽然在功能上没有Photoshop那么完备,但是胜在其轻量级,完美告别PS的卡顿和无处不在的加载条,再有画布和多倍切图等功能加持,成功上位成为UI设计师的首选制图工具。更重要的是Sketch中还有个很便捷的操作功能,能在工作中极大的提高工作效率,那就是Symbol符号功能。Symbol可以让你在多个页面和画布上重复使用一组内容文本或样式,

【译文】响应式 UI 之模式

最近接到官网改版的需求,采用响应式设计(界面布局可随着屏幕宽度变化作出相应调整),于是在Material Design的官方文档中,找到Reponsive UI这一节,原文共分4个部分:断点、栅格、表面行为与模式。前3部分正在消化中。。。先将比较容易理解的第4部分-模式翻译出来,与大家分享。模式随着屏幕空间增加,可采用以下响应式模式1、显示2、变换3、分离4、回流(重构)译

浅谈对话式 UI

这是一篇迟到的文章,因为在 16 年初,对话式 UI(Conversation UI,下文简称 CUI)就被大家热烈讨论。有人觉得它是未来趋势,有人觉得只是昙花一现,最有代表性的莫过于美籍微信产品经理 Dan Grover 的那篇 Bots won't replace apps. Better apps will replace apps.CUI 到底是什么?很好理解,我们

用户界面设计可用性的十大金律

参与:Rita Chen、Jiaxin Su、Biye Jiang在刚刚过去的六月初,苹果 WWDC 2017 全球开发者大会在加州圣何塞举行,这次的大会和之前的微软,谷歌开发者大会类似,机器学习和人工智能成为贯穿本次发布会的关键词。Apple watch 升级了全新的 Siri 表盘内容显示和动态壁纸,这让新的交互界面更智能化;新发布的 Homepod 让本已竞争激烈的语

30 个简单,节省时间的设计工具

智能工具和应用程序——尤其是那些能够节省时间的工具和应用程序,是设计人员的工具清单中应该必备的。今天,我们将对我们准备的这份清单做一个罗列和说明,看看我们收集了哪些最新最好的设计师免费工具!从可以帮助元素排版到代码片段和调色板,你可以完全免费的下载这个列表中的所有工具,以使你的设计生活更轻松。尝试实际使用并收集一些免费的,方便的工具来简化你的工作流程。1.Web Gradi

设计师在做设计稿前应该做哪些准备工作?

前面几篇U妹都讲了《一款APP设计的从0到1》这些系列文章,总共6部分,目前为止已经讲了前4个部分,还剩下视觉还原和上线准备篇,今天插播一下关于APP设计时该做的准备工作和一些设计师必须要知道的UI常识一般来说,移动UI界面设计包括两个方向,分别是图形(视觉)设计和交互设计:1、 视觉设计 主要负责这个UI看起来是否美观,是否有设计感等等;2、 交互设计 主要负责这个UI用