Cola Chan

可乐橙每周翻译国外设计精华
点滴积累,分享使人成长

关注微信公众号[可乐橙]
国外优秀设计装进口袋

功能性动画设计:优秀的转场效果

[国外设计第141期]

功能性动画是一种微妙的动画,有着明确、合理的目标。它能减少认知负荷,防止变化视盲,在空间上营造更好的印象。但还有一点,动画让用户界面鲜活起来。

通过组合与分割、改变形状和尺寸,运动可以使外表感觉鲜活。应当运用功能性的动画,流畅地在导航内容间引导用户,解释屏幕元素和排列的变化,并且强调元素层级。

成功的动效设计具有以下6个特征:

1. 响应

视觉反馈在UI设计中极度重要。因为它符合了......

949

繁华落空时

马頔 - 皆非

外公过世了。

上周的事情,这是第一位去世的直系亲属。他的离开,真正让我感受到了生命的渺小。原来从满面红光精神抖擞,到气若游丝阴阳相隔,只需要两个月不到的时间。

坚强

外公去世时82岁,在我家的四位老人中,恰恰是身体最好的。老两口信了大半辈子的佛,不沾烟酒,每天坚持锻炼。几十年的素食主义生活,近几年才在我妈的劝导下开始吃少量荤菜,多数老年病在他们面前都绕道而行。

出事之前,我趁着清明回家探望,全家人驾车去南昌近郊爬山。我自己都勉强才能跟上外公的脚步,山路上,除了拍照他一刻没停,率先到达山顶。我手机里还有一张半山腰时拍的照片,外公站在高处向下挥手。他出门喜欢戴帽子,手......

121

设计新趋势:化繁为简

[国外设计第140期]

我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

过去几个月来,设计创新领域的先行者们,将“极简设计”推向了一个新的高度。Facebook、Airbnb和Apple都遵循着近似的原则,简化它们的核心产品,这种“化繁为简”(Complexion Reduction)的新趋势就在它们的移动端设计中得到体现。

“化繁为简”究......

2719

表单中的勾选框和开关

[国外设计第139期]

Nick Babich

创建表单时,交互设计师总是会面临一个选择,选用哪种UI元素来表示可选项的操作。当然,我们每个人都有自己的法则。但是,在选用可选项控件时,仍然要多加考虑。

可选项可以用勾选框、开关、单选框和下拉菜单表示。选择得当的话,任何一种都非常出色。本文中,我们重点关注勾选框和开关。

勾选框

勾选框用在一系列选项中,用户可以选择任意数量,包括0个、1个,或者许多个。换言之,每......

1040

提升色盲用户的体验

[国外设计第138期]

据Colour Blind Awareness的统计,总人口的4.5%是色盲。如果你的用户多数是男性,则这个比例还要上升到8%。人们常常忘了为色盲设计,因为多数设计师不是色盲。本文中,我们提出13条建议来改善色盲用户的体验——这些对视觉正常的用户同样有益。

色盲是什么?

有许多种类的色盲,但最终都能分成这几类:无法清晰辨认颜色、色彩混杂、无法区分特定颜色。

这些问题在特定环境中愈发严重,比如浏览网站。这包括低分辨率显示器、糟糕的光线、小移动端屏幕、远离大屏幕电视而坐。

仅仅依靠色彩建立可读性和可见性,会让网站难以使用,最终影响了阅读和销售。

尽管下面这些建议......

390

风格指南里该有什么,如何执行?

[国外设计第137期]

每个网站都需要一套风格指南。原因很简单,如果想要在整个项目中贯彻一致性,让所有人达成共识,风格指南的价值是无可估量的。

既然如此,我们先把它放在一旁,指南中究竟应该包含哪些东西?如何确保团队成员遵守规则,让视觉表现保持一致?那就更复杂了。这就是我们今天的话题。

品牌综述

style guide

如果你从没创建过风格指南,那可能令人望而生畏。新手可以先找一套自己喜欢的指南来学习——M......

806

从业余项目中学习

[国外设计第136期]

某些情况下,我们总是心怀一丝产品梦——总有个项目能让我们迫不及待为之日夜奋斗。在业余项目中,你得依靠自己的经验,独立作出抉择。对于创意你能够全权掌控,并且当你的想法脱离草图逐步落地时,也会沿途获得许多技能。

离开日常的轨迹,业余项目能刺激你、让你兴奋。于我而言,兴奋来自实验和回馈整个行业。但是,从一个好想法到将它推向合适的受众,业余项目包含了大量艰辛的工作。本文涵......

911

移动端用户体验:获取用户权限的正确方式

[国外设计第135期]

你知道吗?平均每个应用在安装3天内就会流失80%的活跃用户。多数人下载一个应用,打开一次,然后就卸载了。这是因为用户尝试许多应用,在接下来几天内决定要卸载其中哪些。

是应用品质低劣导致用户这样的行为吗?不尽然,但一款应用的首次交互,在树立整体印象方面扮演重要角色(无论印象好与坏)。用户打开一款新应用时,最不想看到的,就是一大串弹框请求获取权限。

应用想要获取您的位置

应用想要获取您的......

1712

超越触控的手势交互

[国外设计第134期]

未来的交互是多重方式的。但结合触控和隔空手势(还可能有语音输入)的方式,并非典型的UI设计任务。

在Exipple,我们的设计师与工程师协作打造各种环境中的界面,能够响应手势交互和用户移动等物理属性。我们从迭代式的设计、研发和评估过程中受益良多,我愿意在此分享我们在手势交互中的领悟与心得。

863

神龙帕夫

天气热起来了,免不了有些浮躁。最近有一首老歌令我着迷,总能让我仿佛置身初夏夜晚,四周除了轻风,只有明澈星空与无垠旷野。星空下的少年回到了意识的起点,对整个世界充满好奇:我在哪里?天边有什么?头顶那些亮闪闪的是什么?

Puff the magic dragon

这首歌还有许多其他版本,我觉得唯有四兄弟的和声唱出了这种感觉。原以为歌词会与旋律一样欢乐轻松,看了才发现是个有些揪心的故事,尤其在结尾处的转折。

407