设计文章

在这些实例中,学会用动效赋予你 APP 生命力

如果重新审视10年前的网页和移动端应用的话,你会发现动效和动画在这个时期简直是犯规一般的存在:浏览器和硬件设备吃不消,它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效,通常是使用Flash实现,或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变,iOS和Android 设备的大规模普及,移动端芯片的性能提升,让设计师在移动端APP上实现

UI 设计中的黄金分割比

之前在 Medium 上看到的这篇文章,翻译了一下,介绍给大家。作者信息见文章末尾。黄金分割比在建筑、电器、logo 设计和摄影等领域都有着举足轻重的作用。我不准备用过多的篇幅去讲它的概念,大家可以在维基百科中去了解。我们的意识总是倾向于接受和谐和美好事物,而黄金分割比就可以在感知上使一款产品让人感到舒适和愉悦。简单点说,它就是一个让产品在设计中达到某种平衡的工具。这种方法

如何善用对比度来提升网页内容的可读性

当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。色彩对比前景的文字需要和背景有着明显的对比,它需要能够吸

UI 设计中的颜色 —— 一个(实用的)框架

对于文中会有歧义的地方我都给出了原文用词,不方便科学上网阅读原文的同学又不明白的仍然可以在留言里告诉我,我会将相应的原文贴出来。进入正文啦!作为一个基本是靠自学在UI之路上走到现在的人,我经常好奇为什么那么多文章和书在讲色彩理论和调色盘。在我看来,使用一个“互补色盘“跟我是否能做出一个好看的设计基本没啥关系。这就是我通常说的无用功。那色彩理论都没给UI设计提供一个可靠的根据

表单经典原则是错的?来看这 5 个表单设计新规则

编者按:以前的表单经典原则是“越短越好”,不过随着技术发展,现在有些表单设计已经不适用了,想学到最新的表单设计方法,别错过这篇!每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。不夸张地说,表单是数字信息分享的生命根基。然而多年以来,表单的体验鲜有提升,仅仅停留在功能足够好却达不到体验上的优秀。然而现在,在

看起来很高大上的设计规范,看这篇就知道怎么用了!

什么是设计规范,设计规范到底有什么用?如何看懂设计规范?今天@Jaret_杰瑞特结合实际工作中的体验,帮你快速上手设计规范。“设计规范”这个话题似乎在这1,2年里大家最常讨论到。基于智能设备的人机交互方式已经渐渐的走向成熟。在经历了最初大家一起一股脑儿摸爬滚打的时期之后;在进行越来越多、越来越频繁的UI/UX工作之后,许多方式方案开始慢慢沉淀,被认可,被整理出了一系列具有参

3.8 谈女性设计:设计师需要了解的 5 个女人心

想使设计在商业上取得成功,最关键的一点在于了解你的用户。如果发现你的目标用户大都为女性的时候,那么你需要费些心思考虑如何让你自己的设计看上去更加「女性」。对于女性来说,你的设计需要更加生动、有趣、有吸引力、令人印象深刻。在进行设计的时候,尤其是针对女性,更要分清楚不同文化以及不同阵营。比如鲜亮的粉色和紫色,是否适应的是不同年龄层的女性?一般情况下暗红色、紫色等沉稳的颜色则更

(译)UX 设计之——复选框和开关按钮

当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记一些注意事项。要实现选择特定的选项,我们可以选用复选框、开关按钮、单选按钮或者下拉框等控件。从中选择出最合适的则往往能发挥巨大作用,在本文中,我们将关注复选框和开关按钮。一、复选

内容化设计 (原创文章)

如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。前言:如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做workshop,探索如何进行行之有效的内容策略脑

这条设计原则,你必须得知道

现在的公司是做软硬件一体化,我负责OS层面的交互方案,这里会遇到要制定一些设计原则,从而让产品体验更统一。我们都知道,针对信息提醒,有一种设计形式叫toast,如何对toast进行规范,引发了我写这篇文章。1.反馈 互联网产品存在两套反馈机制,一套是有明显界面变动的反馈,例如你点击淘宝列表页,立马就进入了商品详情页,页面的及时跳转是明显的视觉反馈;再比如你输入完账号密码,点