[国外设计第150期]Monese是一项无网点银行业务，能让欧洲经济区的居民在2分钟内创建本地银行账户，即使顾客无法立刻提供住址信息，或者信用记录不良，也没有关系。我们创造Monese，目的在于帮助9千万被“排除在金融体系外的”欧洲人，因为银行难以认同并给予他们信用授权。作为金融产品，获取用户的信赖至关重要。因此，有统一易辨识的标志，是Monese成功的关键。为什么决定要重塑品牌在Android平台发布之后，用户基数快速增长。很明显下一步就是发布iOS版，这也是回顾和改进我们形象的绝佳时机。此时我们已经有一套现成的品牌识别，从真实用户身上获得的第一手产品使用反馈让我们深受启发，最终我们觉得品牌需要更好地将它们反映出来——我们对用户需求有着更深刻理解。我们从中找出了以下问题：现有Logo不够典型、独特——它显得有点幼稚，弧度过于圆滑。我们用的“Brandon”字体不够鲜明，它已经被许多创业公司滥用了，这就意味着它不可能是我们独有的。品牌元素中混合了尖锐与圆润的形式，不统一，缺乏协调。红色的广泛使用引发了一个挑战，导致Monese应用中的错误状态难以展示。旧的Monese品牌元素我们最初努力修补现有品牌。越深入，我们越意识到它的诸多劣势正在阻碍着我们。我们需要一系列清晰的价值，和一个全新的品牌识别，来更好地传递我们的重要性。作为一个精益团队，我们知道彻底的品牌重塑困难得超乎想象，但如果 ...继续阅读 (21)

家里的冲泡饮品多得数不清，红枣枸杞、牛奶、菊花、三七花、蜂蜜，可以好几天不重样。今年又新发现一种——青汁，这是大麦叶磨成的粉末。功效什么的我不关心，反正挺好喝的，有股抹茶味，加入牛奶燕麦是很不错的早餐饮料。有两包不同品牌的青汁在换着喝，一包成分比较纯，基本只包含大麦叶粉末。另一包里面加入了抹茶粉、白砂糖和一些其他成分，味道偏淡，不香，不太喜欢。前几天，那包味道偏淡的青汁喝完了，心里小庆幸了一下，以后不要再买这款了。思来想去觉得哪里不对——为什么先喝完的不是好喝的那款呢？这牵扯到的问题就复杂了，我第一次意识到这个现象还是小学那会儿。有天中午和我妈去吃午饭，我的小学离她工作单位很近，所以她中午偶尔会来接上我一块儿吃饭。其实也只是找个快餐店吃盒饭，小时候特别爱吃荤菜，一个大鸡腿能让我眼睛发亮。和我妈一起来的同事注意到，我总是把其他菜先吃掉，最后美美地啃那个鸡腿。有个阿姨说，你儿子是个悲观主义者啊，你看他总把喜欢的留在最后。这是我第一次了解到，原来不是每个人的行事风格都像我这样。学生时代，这个特点非常可贵。在父母老师眼中，我是个自律的好学生，知道先完成学习任务，再去做自己想做的事情。我也会半夜爬起来偷偷玩游戏，但我从没有过先玩游戏再写作业的经历。虽然是否真的因为热爱学习，我表示怀疑，但结果总是好的。不过，这样的行事风格并非总是会得到认同。比如说——老人家。爷爷奶奶家有一个储藏间，里面堆满各 ...继续阅读 (9)

[国外设计第149期]今天多数汽车UI的设计，由于不直观、过时和缺乏美学表现力，一直饱受诟病。其他行业都将设计的品质奉为标准，汽车生产商在这方面则动作迟缓。所以，许多设计师抓住了这个机会，思考未来的汽车界面会如何改变我们的驾驶体验。汽车行业的革新似乎日益加剧。实际上汽车行业在未来20年的变化，会超越过去一个世纪。因此，最前沿的设计师应该关注这个至关重要的行业。那未来的汽车界面会变成什么样呢？会根本上改变我们与车的关系吗？下面是一系列优美富有未来感的汽车HUD（平视显示器）、交互界面和第三方应用控制器，它们来自世界各地的设计师。有些设计来自真实产品，还有一些仍在研发阶段。特斯拉手机控制中心界面来源：Matthaeus Krenn为何惊艳：你是否也时常怀疑自己有没有锁好车门、关车灯，或是把钥匙交给你刚学会驾驶的孩子。这款应用让你不用离开座位，就能检查以上所有。如果还带有柴油混合动力，你甚至可以吃早餐时启动引擎除霜。作为感知反馈，直观的动画和过渡效果让你了解操作是否执行完成。车载触摸操控界面来源：Gleb Kuznetsov for FΛNTΛSY为何惊艳：这个界面用了手势操作，通过肌肉记忆来整体操控。屏幕上手指的数量与动作能触发操作，苹果的iPad、magic mouse和其他操作系统已使得这种方式成为了行业标准。这个案例中，移动能提高或降低数值。这款界面不需要记住那些小控件和大量图形 ...继续阅读 (17)

[国外设计第148期]设计和研发、推广一道，是移动应用的成功要诀之一。定义用户操作应用的方式，与应用的功能和高效的盈利模式同等重要。而且，当涉及到为电视这样的新交互模式设计界面，许多在智能手机和平板上有效的模式，都需要重新思考，如何利用大屏幕和遥控带来的输入模式。Fire TV上的TVPlayer这个任务并没有吓到TVPlayer的开发者们，这是全英国在Fire TV和Fire TV Stick上最成功的电视应用之一。TVPlayer是一款Android原生流媒体应用，可以让你在Amazon和Android设备上免费观看电视直播，它掌握了英国许多收视率最高的频道。TVPlayer在2014年作为Fire TV的一部分同时发布，它的成功一直延续至2015年、2016年。Simplestream，TVPlayer背后的研发与设计团队，接受了打造电视优先体验的艰巨任务。我们采访了运营总监Lewis Arthur和Simplestream的Android开发Michael Jordan，请他们分享Fire TV应用设计过程中的真知灼见，下面是他们的分享。设计过程：从手机到电视在登陆Fire TV前，TVPlayer已经可以在Fire Tablets和Android设备的Amazon Appstore中下载。移动端版本的设计师，将关注点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目 ...继续阅读 (9)

戏入膏肓每周末奔赴新家，处理装修的各种琐事。某天遇见这只拦路虎，它和我各自愣了一下。然后我很配合地踏着想象中的积雪，深一脚浅一脚走到了公交站。到了公交站还跺了跺脚，拍拍裤腿……我的心里是满的很喜欢程璧的音乐，仿佛能从中听出一种简笔画般的设计美学。程璧 - 我的心里是满的不过有时候也有些迷之诡异，如果你记串了歌词：“夜里，我一个人醒来，一个人整理头发，我一点也不孤单，我的心里是满的。”没心没肺的KT有妹纸向KT表白了，但是在这之前，KT又把自己的同学介绍给了这个妹纸，场面有点尴尬。没心没肺的KT表示很无奈，他说：“这时候我只想对着她唱一首歌。”然后他甩给我一个链接：http://music.163.com/#/song/29822071开始方了KT裸辞了。他说，怎么办，我开始方了。说着就唱起了童话：“我想了很久，我开始方了……”我说，方了啊，真是人间惨剧……再也没法吃切成片的西瓜了。“为什么”“都方了啊，还怎么吃，啃不到瓜肉了。不要方，还是圆的好，或者扁的也好。有首歌这么唱：扁的那样呦，扁的那样呦，我的青春小鸟一去不回来。”塞纳里奥议会的事儿精KT还在玩wow，虽然我很久没玩了，不过还是经常和他怀念一下里面的故事人文。塞纳里奥议会真是wow里最事儿精的组织，没有哪个地方见不到他们，跟城管大队一样。反正不管什么人干点什么事，他们就觉得是破坏了自然的平衡，就要派一大堆NPC过去顶着黄色感 ...继续阅读 (4)

[国外设计第147期]一篇关于电视UI基本组成部分的介绍。欢迎来到电视机的新黄金时代。不仅仅因为出现了更多比从前更棒的产品，我们在自己观看和喜爱的节目上也有了更多选择。虽然我们可以随时随地通过电脑、手机和平板观看，但电视在多数人家中仍然占据着一个特殊角色。但我们对电视的控制，不再只局限于遥控和分线盒；我们开始使用智能电视，或者观看机顶盒的节目，例如Roku和Apple TV，或者使用电视游戏设备，例如Xbox和Playstation。这每一种设备的用户界面，都比老式的屏幕引导要强大百倍。与电脑、甚至手机相比，为电视设计界面仍然是相对新的领域。它也是一个完全不同的平台。为TV设计需要完全不同的思考，包括屏幕尺寸和距离、技术局限、还有使用场景。这是本系列的上篇，专注于开始思考电视的界面。我们也会特别关注游戏手柄，把它视作一种输入设备，还有手柄API的基本使用。在下篇中，我们会向你展示，如何构建TV界面原型与控件。显示器这就是电视不同于电脑、手机和平板的地方市场上第一台电视是由阴极射线管制成（CRT），一种在电视上显示不连续画面的粗糙技术。在屏幕边缘处问题尤其明显，为了补偿，CRT电视只好运用过扫描。有了过扫描，图像自身稍微放大了，所以边缘超出屏幕可视区域的外延。图片来源：Netflix由于广播电视公司预先裁切掉了部分画面，他们想要避免任何重要信息过于靠近屏幕边缘。历史上，曾经有过标题安 ...继续阅读 (4)

[国外设计第146期]10年的巨变网页设计在过去10年间沧桑巨变。本文中，我们来研究这些年的Spotify官网，讨论其中的关键变化。早年的网站“大家只想畅听全世界的音乐”——Daniel Ek。Daniel Ek和Martin Lorentz于2006年创立了Spotify。2008年它正式发布，beta版在2007年发布。从那时起到2016年5月，它已经汇集了超过1亿的活跃用户。2006年2007年这两版的设计出现在发布之前，为了推广桌面应用。他们让用户注册账号，通过邮箱获取更新。两者都缺乏图形，包括logo在内。可以看出后者严重浪费页面空间，割裂且不对称。06年的网站给我感觉要好很多，很有煽动力，怂恿我注册。06年的网站使用的字号也更易于阅读，另一版则非常小，尤其在有大量空白的情况下。2008与2009年这版如果一直用到今天，其实也并不差。导航栏很简洁——上面的链接可以再丰富些，因为这看起来很空旷，不过整体还挺吸引人。运用得当的图片建立了品牌画面（似乎是一种高雅的音乐欣赏方式）。正文字体可以增大间距和字号。几个图标都太大了。有趣的是，左侧的留白比右侧更宽，如果你注意到会感觉这很不专业。如果注册栏出现在不可用提示之前，那就会更加友好，不过总体已经很不错了。2010年图片的使用展示了他们的优秀产品，让人迅速了解它的作用，并且更愿意使用。卡片的设计很时尚，在那个时代可能算超前的了（卡 ...继续阅读 (4)

[国外设计第145期]几周前，我在旧金山的Yelp总部参加了一场设计师与极客们的活动Anna Blaylock和Navin Iyengar两位都是Netflix的产品设计师，他们分享了自己多年在千万级用户群中做A/B测试的经验。他们也展示了相关的产品案例，帮助与会者思考自己的设计。下面是我关于他们演讲做的记录，其中包含我最喜欢的一些精华。演讲的照片实验我非常喜欢PPT的第一页——绝命毒师里的这张图用得很聪明，能表现实验的概念。科学的方法假设在科学中，假设是指一个想法或一套解释，需要通过研究和实验来验证。在设计里，一套理论或猜想同样可以被称为假设。假设的基本概念，是没有确定结果的。它经得起检验，这些测试也可以被重现。“A/B测试背后的总体概念，是创造一套实验，有对照组和一个或更多实验组（在Netflix中这被称作‘单元’），对他们进行区别对待。在实验中，每个用户都属于唯一的单元，其中一个单元会被设计成‘默认单元’。这个单元代表着对照组，使用体验与所有没有加入实验的Netflix用户相同。”——Netflix技术博客Netflix的A/B测试是这样进行的：随着测试启动，它们会记录特定的重要指标。例如播放时间和留存率之类的因素。一旦测试者得出足够有意义的结论，他们就会进一步观察每组实验的效果，定义出各个版本中的优胜者。“A/B测试是研究用户行为最可靠的方式。”实验许多像Netflix这样 ...继续阅读 (5)

[国外设计第144期]几年前的夏天，我有幸住过旧金山一幢公寓楼的两间独立套房。由于是同一幢建筑，你肯定会认为两间房非常相似，也确实如此。两者大约都是90平米，都有巨大的网格状玻璃窗，大量的阳光倾泻而入（也带来了热量——我们总是戏称这里就像我老家德克萨斯州：每逢下午都有90度）。两套都有同样的角落厨房、通向开放式卧室的工业风楼梯，还有烦人的中空门。唯一的区别在于，前者在顶层，后者在一楼。为什么这一点如此重要？嗯……公寓顶层的视野更开阔。虽然两者都有户外空间，公寓一楼附带有后院花园，公寓顶层则带有楼顶私密空间。我们首先住了带有楼顶天台的那套。虽然它不像下图这么奢华，但我们上楼探索时感到非常兴奋。有一张小桌子和几把椅子，还有漂亮的城市景观，最适合下午4点一伙朋友喝着红酒玩卡坦岛（一种桌游），或者雾霭渐浓时读上一本好书。这是个非常拉风的天台搬家了，我们告别了屋顶天台，迎接我们的是私家花园。同样的，下面这张漂亮的图片，只是示意图。我们的花园实际上没有草，不过足够大，能放得下沙发和伞，还有一些盆栽植物和一副烧烤架。这是个非常拉风的花园理论上，你会觉得把屋顶天台换成花园非常公平。我是指，一个有开阔视野，另一个易于进出。有得必有失，很公平。实际上，体验过两者之后，我去屋顶天台的次数，用一只手就能数的出来。在同样长的时间里，我们去花园就相当频繁，每个（晴朗）午后都会去。我一直在想这个问题。事实是，没 ...继续阅读 (5)

[国外设计第143期]糟糕的表格。它们到底问题出在哪里？表格在互联网早期是基础设施之一，之后许多设计师用更新更时髦的布局取而代之。虽然在如今的互联网上很少露面，但是表格在我们基础日常生活中，仍然为我们收集组织了许多信息。例如，我觉得有一份表格可以称之为表格之母：美国的“协调关税表”，长达3550页的表格，列出了每一种可以进口到美国的商品，包括多如牛毛的条目，例如“男士或男孩的大衣、短大衣、披肩、斗篷、厚夹克（包括滑雪衫）、防风服、和类似物品（包括带衬里的、无袖的夹克）”。不过短大衣到底是什么？数据表格容易使人发火，毫无疑问这要归咎于它们粗糙的设计，看起来糟糕透了。设计是表格的关键：如果处理得当，就能使复杂的数据能够轻松浏览和比较。如果处理不善，它能让信息完全无法理解。我们当然要处理得当，是吧？了解数字数字生来并不等同。我不是指π和∞（虽然我在派对上经常用）；我是指数字有的是表格数字，有的是旧体数字，有的是等高数字，有的是比例数字。下图简明地阐述了旧体数字和等高数字之间的区别。旧体数字与等高数字旧体数字在句子中表现很好，在句子当中它们更匹配小写字母的尺寸和间距；等高数字更加统一，强调了一种网格式的表格结构。比例数字和表格数字之间的区别不是那么明显：比例数字和表格数字比例数字的设计初衷是保持黑白协调——也就是说字体的尺寸和间距大致相同。相反，表格数字每一个尺寸都相对独立，数字就能纵向对 ...继续阅读 (25)

装修中有个非常大的矛盾。如果要散甲醛，最有效的办法就是开窗通风。24小时开窗又不放心，雨打进来地板就毁了。以往观念中从来没有想过开窗和防雨可以兼得，潜意识里觉得没事多跑几趟，多去开开窗，只能这样。这个问题经不起细想，花点心思会发现兼顾通风和防雨的办法多得是。高成本的有智能窗户……真的有一种可以用网络远程控制开关的窗户，当然这个我觉得没多少人会选。低成本的也有，我看到隔壁栋就有人在地面铺上一大片防雨布，就是货车上常用的那种，几块钱一平米。不过防雨布的方案我仍然不太放心，因为保护不了墙面。在网上搜索偶然找到一篇不相干的文章，说的是汽车车窗的防雨挡，看到这里，解决方案自然就来了。防雨挡能做到这一点，和百叶窗的原理一模一样啊，就是欺负雨不能从下往上飞，那何不用百叶窗来解决这一矛盾？不必花钱定做百叶窗，只用几个月而已，而且定做的塑料百叶窗是软的，不利于固定。现成的纸板就是非常理想的材料，稍加剪裁加工就能变成防雨百叶窗。下面就来介绍简易百叶窗的制作方法：材料材料很简单。一卷宽透明胶、一把美工刀、一支笔、一把卷尺。当然还需要纸板，新家装修一定有很多纸箱，从中选一些较厚较硬的，折痕少的更容易加工。第1步：量尺寸先测量尺寸。预估一下安装方式，最佳、也是最普遍的安装方式是卡在窗框的槽里。所以尺寸不能刚好等于窗户内框尺寸，要稍微大一圈才能卡得住。把窗户尽量开大，量好尺寸就不要动它了。第2步：裁剪纸板裁成 ...继续阅读 (21)

[国外设计第142期]今天，我像往常一样走路去上班。但我不是孤身一人。在我周围，从店铺与餐馆门口的人行道，到城市公园里的绿色草坪，人们举着手机四处徘徊。小巷和公园入口这样的普通场所，聚满了人，在计算机算法作用下随机地聚集起来。这就是Pokemon Go。口袋妖怪作为一种全国现象，大约20年前就爆发过。人们喜欢这个寻找和捕获口袋妖怪的创意，当时他们满足于用Gameboy作为平台。许多年来，口袋妖怪游戏的热潮逐渐退去，因为后续的更新版本似乎没有延续初代游戏背后的魔力。但随着Pokemon Go的出现，数以百万的忠实粉丝甚至非玩家都蜂拥加入这场游戏。2周内，Pokemon Go就有大约7.5千万的下载量。不幸的是，并非一帆风顺。这款游戏仍然有大量Bug，也存在许多界面问题，让初学者难以学习使用。即使作为一个有经验的玩家，我也花了好几分钟试着了解如何寻找和捕获第一只口袋妖怪。尽管有许多批评文章，有个不争的事实，许多玩家已经接受了这些频繁的、周期性的服务器崩溃，作为这款游戏正常体验的一部分。本文中，我们收起偏见。我们来钻研Pokemon Go在用户体验方面的优点与不足。优点首先，我们看看是什么使得Pokemon Go的用户体验如此吸引人。创建个人资料个性化。游戏中人见人爱的部分。像口袋妖怪这种身临其境的游戏，包括传统的口袋妖怪游戏和Pokemon Go，人们都希望真的感觉到自己置身游戏中。他 ...继续阅读 (115)

[国外设计第141期]功能性动画是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。成功的动效设计具有以下6个特征：1. 响应视觉反馈在UI设计中极度重要。因为它符合了用户确认应答的天然需要，所以它管用。在现实生活中，按钮、遥控和各种物体，会响应我们的操作，人们对事物的期待就是如此。图片来源：Smart Design界面应当快速响应用户输入，准确地说是要在用户触发的一刹那响应，展现出新界面和元素与触发它们的操作之间的关联。在整个应用中到处点击，并且总是能知道正在发生什么，这感觉就非常棒。物体对于用户意图的恰当反馈。图片来源：Material Design2. 关联性把新产生的界面，与触发它们的元素或操作关联起来。关联性背后的逻辑，能帮助用户在界面布局中理解刚发生的变化，是什么导致了变化。下图中，可以看到两个菜单过渡效果。第一个例子中，菜单出现位置远离触发它的接触点，破坏了与这种输入方式的关联。错误做法。图片来源：Material Design第二个例子中，菜单正是从触点产生。这就把这个元素与触点关联起来了。正确做法。图片来源：Material Design ...继续阅读 (27)

马頔 - 皆非外公过世了。上周的事情，这是第一位去世的直系亲属。他的离开，真正让我感受到了生命的渺小。原来从满面红光精神抖擞，到气若游丝阴阳相隔，只需要两个月不到的时间。坚强外公去世时82岁，在我家的四位老人中，恰恰是身体最好的。老两口信了大半辈子的佛，不沾烟酒，每天坚持锻炼。几十年的素食主义生活，近几年才在我妈的劝导下开始吃少量荤菜，多数老年病在他们面前都绕道而行。出事之前，我趁着清明回家探望，全家人驾车去南昌近郊爬山。我自己都勉强才能跟上外公的脚步，山路上，除了拍照他一刻没停，率先到达山顶。我手机里还有一张半山腰时拍的照片，外公站在高处向下挥手。他出门喜欢戴帽子，手握帽子的动作也很特别，鸭舌帽在他手上能挥出礼帽的感觉，很像一位睿智的老华侨，目光坚毅有神。回到杭州不久，听闻外公重病住院，当天就买车票回家。外婆和我讲了来龙去脉，他俩那天还像往常一样出门运动，外婆在一个固定地方舞扇，外公在附近散步。舞扇结束却不见外公回来，找遍了附近街道，才发现外公晕倒在路边，满脸沙土。医院诊断是脑部血管瘤破裂，外公年事已高，手术本身有风险，但如果成功就有希望脱离生命危险。我亲自推着外公的病床，从重症监护室转移到手术室。他神志还很清醒，声音微弱却坚定地说“我要做手术”。外公向来是个不服输的人，他有这份求生的坚强，我们大家都很安心。只是我没想到，这是我见到他的最后一面。岁月的镰刀手术很成功，破裂的血管瘤 ...继续阅读 (21)

[国外设计第140期]我们在这个“极简主义”的世界生活已经有些时日了，之后又将去向何方？过去几个月来，设计创新领域的先行者们，将“极简设计”推向了一个新的高度。Facebook、Airbnb和Apple都遵循着近似的原则，简化它们的核心产品，这种“化繁为简”（Complexion Reduction）的新趋势就在它们的移动端设计中得到体现。“化繁为简”究竟是什么？你是不是从没听说过“化繁为简”的趋势？那是肯定的，因为这只是我创造出来的术语。最近我留意到一种新的趋势，它超越了扁平化设计，也超越了极简设计，独立性在逐渐削弱。有些人会说，这只是极简设计运用到移动端领域时开启的新阶段，但我认为它截然不同。有一些明确的共性和特征可以定义这种新趋势。所以我决定给它起个名字。起个名没什么问题吧？这种横扫硅谷的热门新趋势，有以下这些决定性特征：加大加粗的标题更简单更普遍的图标减少彩色的使用结果呢？许多我们喜爱的应用界面，开始越来越像是出自同一品牌。证据早在5月份，Instagram发布了新设计的UI时，我第一次注意到这种新趋势。他们此次改版的变化，其中包括去除了无处不在的蓝色和深灰色，加粗了标题，简化了底部导航栏和图标。只留下黑白界面和醒目的标题，突显内容，功能清晰。我很欣赏这套简洁有序的界面，并且同时想起我仰慕已久的另一个平台：Medium。Medium自从2012年发布以来，黑白界面就用得炉火 ...继续阅读 (27)

[国外设计第139期]创建表单时，交互设计师总是会面临一个选择，选用哪种UI元素来表示可选项的操作。当然，我们每个人都有自己的法则。但是，在选用可选项控件时，仍然要多加考虑。可选项可以用勾选框、开关、单选框和下拉菜单表示。选择得当的话，任何一种都非常出色。本文中，我们重点关注勾选框和开关。勾选框勾选框用在一系列选项中，用户可以选择任意数量，包括0个、1个，或者许多个。换言之，每个勾选框在列表中都是相互独立的，勾上一个框并不会取消其他选项。带有标签的勾选框开关开关组件是在仿照物理开关，让用户打开或关闭某个项目。开关提供了两种简单直接的对立选项开关组件通常用于表现一个动作（例如开始或停止某个操作）。它类似于电灯开关：开关通常用在电灯开关上勾选框和开关的最佳实践使用标准的视觉表现勾选框应当是一个小方框，选中时有一个勾，或者一个叉。选中和未选中的勾选框组件。图片来源：Material Design开关应当看起来有开和关的状态选中和未选中状态的开关组件。图片来源：Material Design用户在操作各种控件时，应当提供清晰的视觉反馈。细微的动画能让体验更细致——在移动应用中尤其如此，iOS7/8的开关按钮。来源：Dribbble纵向排列列表纵向展示列表，每行一个选项。这对于开关和勾选框都有效。如果一定要横向排列，一行有多个选项，就要调整好按钮和标签的距离，哪个选项对应哪个标签清晰明了。下 ...继续阅读 (14)

[国外设计第138期]据Colour Blind Awareness的统计，总人口的4.5%是色盲。如果你的用户多数是男性，则这个比例还要上升到8%。人们常常忘了为色盲设计，因为多数设计师不是色盲。本文中，我们提出13条建议来改善色盲用户的体验——这些对视觉正常的用户同样有益。色盲是什么？有许多种类的色盲，但最终都能分成这几类：无法清晰辨认颜色、色彩混杂、无法区分特定颜色。这些问题在特定环境中愈发严重，比如浏览网站。这包括低分辨率显示器、糟糕的光线、小移动端屏幕、远离大屏幕电视而坐。仅仅依靠色彩建立可读性和可见性，会让网站难以使用，最终影响了阅读和销售。尽管下面这些建议并不全面，它们确实涵盖了色盲用户浏览网站时遇到的主要问题。1. 文字可读性要确保文字容易阅读，它就应该遵循可读性规范，结合字色、背景色和字号：“WCAG 2.0的AA级标准要求，普通字号的对比率要达到4.5:1，大字号的对比率要达到3:1（大字号是指14磅的加粗或加大文字，或者18磅及以上字号）”——WebAim色彩对比检查器下面列举了一些颜色和字号组合，有的达到标准，有的没有：这表明了颜色和字号的组合形成了怎样的反差对比。(查看大图)2. 背景图上的文字背景图上的文字处理起来很微妙，因为图片局部或整张图都可能无法与文字形成足够的反差。文字没有蒙层，直接覆盖在图片上。(图片来源：Jay Wennington) (Vi ...继续阅读 (60)

[国外设计第137期]每个网站都需要一套风格指南。原因很简单，如果想要在整个项目中贯彻一致性，让所有人达成共识，风格指南的价值是无可估量的。既然如此，我们先把它放在一旁，指南中究竟应该包含哪些东西？如何确保团队成员遵守规则，让视觉表现保持一致？那就更复杂了。这就是我们今天的话题。品牌综述如果你从没创建过风格指南，那可能令人望而生畏。新手可以先找一套自己喜欢的指南来学习——MailChimp是最优秀的风格指南之一，它还开放给了整个设计行业——可以将它作为着手开始的示例。多数风格指南包含两部分：版权指南视觉指南风格指南的每块都同样重要，它们是整个指南的一部分。融合所有元素来构建完整的品牌特征。每个品牌、公司和网站都有所不同。要选择一套在文案和视觉方面适合的语言风格和样式，但这也和整个用户群有关。建立品牌特征时要兼顾用户和股东，这是他们想要和期望的品牌吗？他们能把它与品牌联系起来吗？他们会想与之互动吗？语言和语调我们最关注风格指南的视觉方面，但语言和语调非常重要。品牌特征有一部分是你如何与用户“交谈”。交谈方式是正式的还是随意的？是详细的还是简洁的？要用与网站类似的语言风格来撰写风格指南。这有助于让团队理解期望的效果，并且展现出语言风格对品牌特征有何贡献。应该从你做起，把语言和语调用在每一处沟通中。回顾MailChimp的大纲，总体了解品牌语调。留意这家公司如何谈论它的吉祥物，比如：“F ...继续阅读 (54)

[国外设计第136期]某些情况下，我们总是心怀一丝产品梦——总有个项目能让我们迫不及待为之日夜奋斗。在业余项目中，你得依靠自己的经验，独立作出抉择。对于创意你能够全权掌控，并且当你的想法脱离草图逐步落地时，也会沿途获得许多技能。离开日常的轨迹，业余项目能刺激你、让你兴奋。于我而言，兴奋来自实验和回馈整个行业。但是，从一个好想法到将它推向合适的受众，业余项目包含了大量艰辛的工作。本文涵盖了我业余时间构建UX Recipe、发布它的iOS应用所得到的收获。UX Recipe是一个清单，让你发现、选择和评估所需的手段和技巧。UX Recipe有3种使用方法：为自己的产品或用户体验项目创建流程。估计每个过程的时间与金钱成本，并计算总数。发现一系列推荐方法。每一项都有定义，并且列举了一系列有用的链接。如此一来，团队和客户从一开始就知道需要什么、如何使用、成本多少。网页版UX Recipe我独自启动这个项目，是因为我觉得“UX”还大有发展空间。它不是UI——也不是简历上的装逼词汇。甚至，UX也不是使用户趋之若鹜的魔法调味料。“UX并不是使用户趋之若鹜的魔法调味料。”1. 规划路线从第一版原型开始，我就知道我要启动的是个什么项目，我一直徘徊于计划中，直到真正付诸实施。这样，我不会让自己拖延截止日期、增加功能、或者尝试每一种可能。做到这么严格并不容易，但它很有帮助。把业余项目当做客户任务对待，能帮 ...继续阅读 (15)

[国外设计第135期]你知道吗？平均每个应用在安装3天内就会流失80%的活跃用户。多数人下载一个应用，打开一次，然后就卸载了。这是因为用户尝试许多应用，在接下来几天内决定要卸载其中哪些。是应用品质低劣导致用户这样的行为吗？不尽然，但一款应用的首次交互，在树立整体印象方面扮演重要角色（无论印象好与坏）。用户打开一款新应用时，最不想看到的，就是一大串弹框请求获取权限。应用想要获取您的位置应用想要获取您的联系人应用想要获取您的相机权限这种操作在用户体验上会造成极其负面的影响，往往导致应用被抛弃。应用要在索要权限之前与用户沟通，这样才能使用户保持投入。本文可以帮助你避开索取权限时的常见陷阱，让你步入正轨。建立一套策略说到请求权限，最糟糕的就是在没有任何通知与解释的情况下，用权限请求对用户狂轰滥炸。过早或者一次获取太多权限是常见的错误。然而，许多应用仍然如此——成为了用户打开应用首先看到的东西。例如，Gmail的Inbox甚至在引导页之前就开始索取权限，没有任何信息和上下文说明。图片来源：Gmail的Inbox发送权限请求时，你当然希望所有用户都接受。要达成这个目的，就应当建立一套权限策略。权限策略取决于你所请求的权限类型的明确与重要程度。非常重要的权限应当预先请求，次要权限可以在情景中再请求。权限请求模式。图片来源：Material Design何时向用户索要确定用户是否接受请求的最关键因 ...继续阅读 (8)

[国外设计第134期]未来的交互是多重方式的。但结合触控和隔空手势（还可能有语音输入）的方式，并非典型的UI设计任务。在Exipple，我们的设计师与工程师协作打造各种环境中的界面，能够响应手势交互和用户移动等物理属性。我们从迭代式的设计、研发和评估过程中受益良多，我愿意在此分享我们在手势交互中的领悟与心得。FC Barcelona博物馆中一堵交互式视频墙的照片。设计易于发现的手势手势通常被认为是与屏幕和物体交互的自然方式，我们会谈论在移动设备屏幕上双指缩放地图，还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗？对于从没体验过某种交互方式的用户而言，手势是陌生的领域。虽然我们都本能地了解在触屏上查看地图细节该如何操作，但是想一想，如果在远处观看一块大屏幕呢？如果有人告诉你，你不用触碰屏幕，可以通过手部运动，以一种很自然直观的方式放大地图，你会首先尝试什么手势？遇到这种问题时，我们每个人对自然的手势都有各自的定义。“未来的交互是多重方式的”设计要易于发现，这点非常重要。要确保提供正确的设计符号线索，帮助用户轻松发现手势操作方式。这些可以是视觉提示，表明什么样的手势触发什么样的动作。反复使用后，这些探索性的提示就不必保留了，因为用户已经学会了这种手势。还可以设计动画，渐进式地揭示某种不同的交互方式。例如，要确保用户了解到他们可以不必触碰屏幕，在远处就能操作，为此我们创造了一个 ...继续阅读 (18)

天气热起来了，免不了有些浮躁。最近有一首老歌令我着迷，总能让我仿佛置身初夏夜晚，四周除了轻风，只有明澈星空与无垠旷野。星空下的少年回到了意识的起点，对整个世界充满好奇：我在哪里？天边有什么？头顶那些亮闪闪的是什么？《Puff the magic dragon》这首歌还有许多其他版本，我觉得唯有四兄弟的和声唱出了这种感觉。原以为歌词会与旋律一样欢乐轻松，看了才发现是个有些揪心的故事，尤其在结尾处的转折。它很像去年的动画电影《头脑特工队》。里面那只魔幻生物——彩虹象bing-bong，身体是粉色的棉花糖，驾驶着彩虹车帮助Joy返回指挥部。想起bing-bong最终消散在遗忘深渊的那一幕，我觉得或许应该介绍他与神龙帕夫认识，他们肯定一见如故。我甚至能想象他们俩尽情欢笑，打一场魔法的雪仗，世界瞬间五彩斑斓。然后他们玩累了，彩云飘散，光芒熄灭。bing-bong和神龙帕夫收起笑容，相视无言。我已经记不起童年有没有过这样的伙伴。可能我不是一个有想象力的上帝，没有创造出如此神奇的世界。也可能他们走向了相同的命运，永远留在了记忆的迷宫里。据我妈讲，我小时候特别喜欢玩具小汽车，比巴掌小一些，不握在手里不肯睡觉。但我的小汽车总会莫名其妙不见，然后只好再买新的。直到搬新家，我妈才发现衣柜后面变成了停车场。这算是我童年做过的一件坏事了，我也想不通动机何在，只是玩腻的话应该不至于如此，而且我也从没这样对待过 ...继续阅读 (16)

关于交互设计的一个真实故事，让我对专车软件有了一点新想法。这要从老大讲起：老大老大是我大学时的寝室长，言谈举止霸气，思维迥异，常常一语惊人，所以有了这个外号。老大是一名嵌入式开发工程师，极其热爱这个行业，几乎达到狂热的程度，对硬件也非常有研究。下午4点左右，他用滴滴出行叫车来我这，找我吃饭。老大的住处在6km外，我们许久未见，聊了很多话题。从大学同学的婚礼说起，话题开始偏向他的专业领域。他和我讲了许多算法、开发思想的问题，也聊电机的各种控制方法，还谈了新能源汽车的电池管理系统。没错，和他聊天就是这样，他知道我不懂这些，但是他聊起来就是这么毫无顾忌，并不在意听者是否理解。我虽然只能听明白一些皮毛，但也很耐心在听。他对电子的热爱极具感染力，听他讲这些天书，一点也不痛苦。这很像我大学的高数老师，讲到一半会沉吟片刻，然后由衷感慨：“这个方程的证明过程是不是很漂亮！”我当时对这门课再如何深恶痛绝，也对这位教授是敬仰万分。我们大学专业是电子信息，全班同学能听懂专业课的可能不到1/10，我和老大都在分母里。大四那年，老大像是忽然开了窍，开始对本专业产生浓厚兴趣，恶补之前的课程，研究教材之外的知识。据他后来说，是因为那时候他终于见识到了这些专业知识在实际项目中的运用，原来学了真的有用！老大的热情就从那一刻开启了。加上他的钻研精神，我相信他如今一定是个行业大牛。但提到互联网产品，他既不熟悉，也没有兴 ...继续阅读 (13)

[国外设计第133期]选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最好还是亲自动手。而且这个过程也非常有意思。为这类工作找到一套标准流程是不可能的，因为它天然具有创造性。我使用Sketch来进行这项工作，你当然也可以用Illustrator甚至Keynote和PPT来做。提醒：品牌建设包含的远不止选择颜色和字体，如果你想要给自己的公司寻找一套配色，我还是建议你雇佣专业的品牌设计公司。我接下来会重现我选定配色方案的过程，我需要把它用在一些演示当中。一切开始于这张照片，Zurich机场，由Erez Attias拍摄。在Unsplash上你可以找到许多更加漂亮（并且版权免费）的照片。瑞士Zürich-Flughafen的Zurich机场首先要做的是从图片中选取一些颜色。目前，我只会选出4种颜色：一种强调色彩、一种浅色、一种深色、还有一种其他颜色。我们之后可以随时回来查看这张图片。初始配色，从图片中选出的样本。有了4种基础色彩，可以开始做一些色彩上的探索了。尽管我不是这方面专家，但我有色彩理论的基本知识，我以此来引导我的决策。探索色调和饱和度使用Sketch的调色盘，我们可以减淡或加深每一种色彩。既然有浅色和深色，我们就得稍微调节一下饱和度和明度。通常情况，调节色调时最好保持饱和度与明度近似，反之亦然。通过其他工具探索我们可以使用像Paletton这样的在 ...继续阅读 (28)

[国外设计第132期]设计大型电商网站或者复杂的在线服务时，你很可能需要设计一套系统，来梳理顺序与结构。把它设计得简单直观，让用户顺利通过，是提升转化率的关键。沿途所有的挫败都可能导致他们离开，去选择其他的产品。易用的分步流程有助于用户避免挫败，成功地完成主要任务。本文中，我们来了解分步导航的各种形式，看如何使用它们。分步导航是什么？分步导航（或者说分步指示器）将一系列的过程分解成多个合理的步骤。它引导用户通过一些步骤最终完成一项复杂的任务。好的分步导航应当告知用户以下信息：他们已经完成了哪些步骤（或任务），最好要有适当的视觉反馈现在处在哪一步（用户当前在整个流程中的位置）还有哪些步骤，多少步（最好都要有清晰的名称）分步导航通过步骤编号表达出整个过程有3大理由应该使用分步流程：合理地将数据输入分组为用户建立明确的期望在复杂的过程中追踪整个流程为什么有效？分步导航清晰地指明了完成任务的路径。研究表明，它给用户以明确的概念，完成最终目标需要多少步，能够显著降低放弃的概率。从心理学角度来看，这颇具意义。如果你知道完成这个过程需要多少步，你就更容易完成它。分步注册账号分块展现内容，便于用户浏览，有助于他们理解。实际上，分块其实就是在有意创造视觉分隔的内容单元，在整体环境中有它的意义。分步导航的使用分步导航可以用在许多种情景中。下面3个领域最常见。在线下单目前为止，分步导航最广泛的使用案例， ...继续阅读 (16)

中午偶然想到，会不会在许多年之后，我们今天所说的“鼠标手”、脊柱弯曲，不再会被当成一种病，而是新时代人类的特征？想想觉得不对，这个假设被迅速推翻了。如果这些不是病，那腰间盘突出要作何解释？同样是现代生活的副产品，严重时却可能导致瘫痪。这些现象在影响我们身体的同时，其中多数都会带来生理上的痛苦，这绝对不能说是人类的进化。科技的发展无法预料，今天的道德观、社会结构可能会被轻轻松松推翻。我们觉得理所当然的事物：婚姻、语言等等，都可能消失，被其他某种机制替代。但有一样东西不会变，至少不会大变——我们的身体构造，这是一切的根基。我们亲手打造了自己生活的环境，努力让其中的方方面面都符合人类的身体特征。通过助力，我们可以仅用转动方向盘的力量移动成吨的物体；所有建筑和交通工具的出入口，都至少能保证一个成年人顺利通过；闪烁的红灯与急促的警示音，强烈的感官刺激暗示了事态的严重……身边所有事物的设计出发点，都围绕着我们的手、身体和5大感官。阿西莫夫的机器人系列里描绘过一个问题，为什么人们要把人工智能造得和人类一模一样？在一些具体的工作上，人类身体并不比专用的机器更有优势。但是，派人形机器人前往其他星球垦荒时，它们会在不经意中按照符合它们习惯的方式来设计和建造，把这些拓荒者设计得和我们一模一样，恰恰是符合了将来人类移民的生活习惯。虽然是科幻，却揭示了世界的本源。一英尺的长度单位起源于一位国王的脚；古代城墙 ...继续阅读 (17)

[国外设计第131期]或许你已经看到了：孩子们已经离不开平板电脑和智能手机了，用他们软乎乎的小手指，在上面大胆地滑动。从机场和餐馆，到家庭甚至学校，移动设备充斥着如今的童年生活。苹果公司去年在App Store中发布了一个专属于“儿童”的分类，如今已经有超过80,000个应用了。有如此众多的儿童类应用，可能你自己也会想设计一个。“为儿童设计能有多难呢？”你可能会这么想。但是，不要被表象蒙蔽了。尽管情节简单、音调低龄化，但为儿童设计是一件严肃的活。并不是套用成年人的内容，然后将它幼儿化。实际上，有许多理由表明，为儿童设计比为成年人设计更加复杂。本文中，我会通过下列用户体验的考量，指出如何避开常见的陷阱：观察玩耍过程，能够转化为对数字领域的理解何时并且如何使用真实的产品模型对儿童进行可用性测试的各种途径为年幼的用户提供何种程度的可见性如何设置一个好用的菜单何时加入声音和视觉反馈为什么不能忽视成年用户用户研究大有帮助在Mutual Mobile，用户研究是我们设计流程中的一个关键环节。我们发现，从最初的头脑风暴阶段，到打磨最终成品，让用户全程参与整个设计过程的价值是无法估量的，尤其你的用户还是孩子。那么为什么为儿童设计如此困难？主要原因很简单：设计师并不是孩子。他们是成年人，充斥着成年人的生活经历、成年人的技术倾向，还有大量成年人对于孩子喜好的偏见。我们都知道，用户的情感共鸣有多么重要。 ...继续阅读 (14)

最近两年住的出租屋条件都很糟糕，做饭的积极性严重下降。即使如此，内心深处的吃货还是蠢蠢欲动。这次，我是真的太想吃豌豆了，果断卷起袖管开干。这算是我家的招牌菜了，许多菜谱软件中都找不到这样的搭配。从小吃到大，做法简单，而且很下饭。主料：豌豆、豆腐干辅料：料酒、生抽、盐首先，买来的豌豆剥好、洗干净。建议买带皮的，剥一下不用很久，但是其中的水分却可以保持更久。豆腐干买了偏嫩一点的，个人喜好。我以前也用一些硬豆干做过这道菜，口感会很不一样，也可以尝试一下。豆腐干切丁，比豌豆大一点就行了。热锅、倒油。豌豆先下锅炒，同时加一丁点料酒，香味感觉忽然被放大了许多倍。新鲜豌豆有种独特的清香，我非常喜欢。而熟了的豌豆，会散发出另一种香味。闻到之后，就可以把豆干丁倒进锅中，加生抽继续炒。最后放盐起锅，没什么难度的菜，却百吃不厌。如果想要卖相好看一点，还可以再加入少量的胡萝卜丁。根茎类的菜通常比豌豆难熟，所以胡萝卜丁应该要先下锅。要注意豌豆和豆干的比例，豌豆比较清甜，豆干更浓厚。豌豆与豆干的量一定要保持在2:1以上，豌豆的香味才不会被掩盖。 ...继续阅读 (95)

[国外设计第130期]在设计中，心理学无处不在。正因为心理学，我们才了解红色很适合用于餐饮业的logo——因为它能增进食欲——或者让首屏的行动指令按钮产生更多转化。也就是说，作为设计师，你不能忽视心理学。因为人类大脑的这些原则，决定了人们对你的设计作何反应、如何相互作用。回顾这7条心理学原则和定律，你能够将它们结合到实际运用中。1. 冯·雷斯托夫效应冯·雷斯托夫效应告诉我们，某个元素越是违反常理，就越引人注目、令人难忘。Hedwig von Restorff在1933年检验了这个理论。她让实验对象观看一系列相似的物品。如果其中某个很特殊，比如说有聚光灯照射，那么相比其他物品，受试者就更容易回忆起这件物品。这条原则能以多种不同方式应用到设计中。最明显的是如果你想要让某物引人注目，就要使它特殊化，例如通过色彩、尺寸、留白等等。但是，由于人们更在意特殊物体，他们对于整体的印象就不深。思考是否要突出显示某物时，要牢记它的负面效应。你是想要人们记住一件事情，就只有这一件事，还是说其他元素也同样重要？如果所有都同等重要，你希望人们全部记住，就不要凸显其中某个。2. 色彩心理学经验丰富的设计师，对于色彩以及它与设计的关系，有着固定的理解。但是，设计新人们容易忽略色彩对心理的影响，而是选择他们自己喜欢的颜色进行设计。即使你精通色轮，知道如何搭配互补色或者相近色，你有没有考虑过你的设计如何影响受众呢 ...继续阅读 (75)

blockheaderincludeinclude/headerblockfooterincludeinclude/footerblockcontent.single#movie.clearfix.page_wrapul.clearfixli.item.clearfixh3a(href="http://movie.douban.com/subject/3769423/",target="_blank")img(alt="守护者联盟",src="http://7xib7m.com1.z0.glb.clouddn.com/img/movies/88.jpg").texta(href="http://movie.douban.com/subject/3769423/",target="_blank") 守护者联盟.contentp表面只是一部普通的美式动画电影，但有些非常微妙的特色p武戏非常带劲，干脆利落，动感十足p台词、配音与肢体语言都很有真人电影的感觉，不像多数动画电影那么夸张和刻意低龄化，看的过程中我不止一次产生了正在看美剧的错觉为什么为什么.not_found{text-align:center;h1{line-height:1.2em;font-size:5e ...继续阅读 (1)