Cola Chan

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

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

看得见的才是有用的

[国外设计第144期]

几年前的夏天,我有幸住过旧金山一幢公寓楼的两间独立套房。

由于是同一幢建筑,你肯定会认为两间房非常相似,也确实如此。两者大约都是90平米,都有巨大的网格状玻璃窗,大量的阳光倾泻而入(也带来了热量——我们总是戏称这里就像我老家德克萨斯州:每逢下午都有90度)。两套都有同样的角落厨房、通向开放式卧室的工业风楼梯,还有烦人的中空门。

唯一的区别在于,......

457

优化数据表格设计

[国外设计第143期]

糟糕的表格。它们到底问题出在哪里?

表格在互联网早期是基础设施之一,之后许多设计师用更新更时髦的布局取而代之。虽然在如今的互联网上很少露面,但是表格在我们基础日常生活中,仍然为我们收集组织了许多信息。

例如,我觉得有一份表格可以称之为表格之母:美国的“协调关税表”,长达3550页的表格,列出了每一种可以进口到美国的商品,包括多如牛毛的条目,例如“......

1127

简易防雨百叶窗

装修中有个非常大的矛盾。如果要散甲醛,最有效的办法就是开窗通风。24小时开窗又不放心,雨打进来地板就毁了。以往观念中从来没有想过开窗和防雨可以兼得,潜意识里觉得没事多跑几趟,多去开开窗,只能这样。

这个问题经不起细想,花点心思会发现兼顾通风和防雨的办法多得是。高成本的有智能窗户……真的有一种可以用网络远程控制开关的窗户,当然这个我觉得没多少人会选。低成本的也有,我看到隔壁栋就有人在地面铺上一大片防雨布,就是货车上常用的那种,几块钱一平米。不过防雨布的方案我仍然不太放心,因为保护不了墙面。

在网上搜索偶然找到一篇不相干的文章,说的是汽车车窗的防雨挡,看到这里,解决方案自然就来了。防雨挡能做到......

195

光鲜背后:Pokemon Go的用户体验现状

[国外设计第142期]

今天,我像往常一样走路去上班。

但我不是孤身一人。在我周围,从店铺与餐馆门口的人行道,到城市公园里的绿色草坪,人们举着手机四处徘徊。小巷和公园入口这样的普通场所,聚满了人,在计算机算法作用下随机地聚集起来。

这就是Pokemon Go。

977

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

[国外设计第141期]

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

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

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

1. 响应

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

1454

繁华落空时

马頔 - 皆非

外公过世了。

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

坚强

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

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

252

设计新趋势:化繁为简

[国外设计第140期]

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

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

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

3420

表单中的勾选框和开关

[国外设计第139期]

Nick Babich

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

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

勾选框

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

1239

提升色盲用户的体验

[国外设计第138期]

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

色盲是什么?

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

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

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

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

470

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

[国外设计第137期]

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

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

品牌综述

style guide

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

956