[国外设计第129期]编者按：我们每周会征询一些设计主管的建议。本周的议题是“你觉得优秀的设计主管需要哪些必备的品质？”下面请看Libby Bawcombe和Chris Thelwell的分享。还有，请别错过Peter Merholz和Uday Gajendar的回答。你多少次被人称赞“有创造力”？虽然这是事实，设计师确实是创意十足的人群，我们都通过各自的方式展现我们的创造力。这就是说，好的设计主管也可能千差万别。但我发现有一个成就优秀设计主管的共性：慷慨。设计师要在办公室里与多种角色协作：其他设计师、公司里其他部门同事、供应商、还有外来客户。图片来自Inside Design: DocuSign。正因为我们要营造大家的合作关系，我们最大的善举，就是对创意慷慨、对时间慷慨、对赞扬慷慨。对创意慷慨把创意分享出来。我们越多地与别人谈论自己的创意，创意就能碰撞出更多火花。讨论和抛弃那些糟糕的创意。选出那些优秀的，让别人的观点为它添砖加瓦。如果说我没有依靠团队伙伴，全凭自己想到一个好创意，这样的例子我可找不到。在团队中无所不知、最有创意，对于设计师是极具诱惑力的。但有时候，我们做不到，我们能做的最好的，就是把创意的萌芽公之于众，请求同伴们为它添砖加瓦。分享出来的创意会成倍增长。“设计师是创意十足的人群，通过各自的方式展现他们的创造力”对时间慷慨当我们为其他人腾出时间，合作就能取得最大成功。 ...继续阅读 (2)

乱入的80后记忆正和一伙中学同学在群里聊股市，KT又来乱入了。要不是他来这么一句，我都差点忘了从前有过这么个动画片。死宅的双十一双11刚过，和KT聊起来。他说，是不是剁了？有木有！？是啊，买了两副羽毛球拍。终于决定要运动了吗？可以伸出窗外晒袜子 →_→星灵社会学，遇上话题终结者前阵子玩了暴雪的史诗大作《星际争霸2：虚空之遗》，非常惊叹这部资料片。讲得一手好故事，拍得一手好动画，真是暴雪的年度动画电影大作。但是玩（看）完整个资料片的战役之后，我发现越来越看不懂星灵这个种族了。我觉得这个种族的设定是星际中最不合逻辑的，整个星灵社会的立足根基与科技水平似乎相矛盾。于是找同玩星际的KT探讨，产生了以下对话：“星灵活着到底有什么乐趣，每天在那里赞美塔拉，也没见他们吃东西。这么无聊的生活，哪来的创造力，怎么能发展科技？”“就因为无聊才有创造啊，无聊才会找事做。”“那为什么星灵的上层社会是由圣堂武士构成的，而不是变成河洛和矮人那样的工匠民族。”“信仰啊，就和圣殿骑士一样……”“说明他们仍然把信仰摆在第一位，但是从历史角度来看，政教合一的文明，都对创造力有某种程度的扼制。他们是怎么发展出高科技的？其实从SC2的设定来看，3个种族的社会结构中，最能产生高科技水平的，还是人类。”“我觉得不是……人类就相当于现在的社会，种族还没有彻底摆脱基本的生存需求。星灵已经到另一个阶段了，无聊才有创造，说不定产生 ...继续阅读 (9)

[国外设计第128期]编者按：我们每周会征询一些设计主管的建议。本周的议题是“你觉得优秀的设计主管需要哪些必备的品质？”下面我们给出Peter Merholz和Uday Gajendar的回答。无论规模如何，单一的权威主管对每个设计团队都有好处，具备远见卓识和高标准的个人，能够最充分地激发他的团队。这是团队中最重要的角色——也是最难做好的岗位。团队主管必须能够：向下管理。主管意味着对整个团队的表现要负起责任。他们得创造一个能够孕育伟大设计的环境（无论是现实中还是观念上的）。他们要教育、指引、辅导、激发团队。要处理好协作中的挑战、协调个人冲突、明确权责、顾及队员的情绪。横向管理。设计主管需要多方协调，包括产品主管、业务主管、技术主管，还有其他岗位，确保团队的工作能融入整体。他们还要能可靠地抵御不合理的要求，当别人抱怨设计团队的工作难以实现时，出手捍卫。向上管理。这些设计主管要能轻松地与总裁进行交谈，这点至关重要，无论是解释设计决策背后的缘由，还是申请人员或设备的开支。设计主管需要清晰表达出请求，不带情绪地传达信息，证明他们的工作对于宏观目标和客观目标的意义。“最优秀的团队主管，是导师、外交官和推销员的结合。”图片来自Inside Design: OpenTable。简而言之，最优秀的团队主管，是导师、外交官和推销员的结合。他们要通过经验构建一座桥梁，将远在天边的理想目标，拉到咫尺之内 ...继续阅读 (20)

前阵子朋友买房，找我陪同看房去。不过当时太忙没抽出时间，就依我自己的经验和教训，写了个简单的选房要点给他。发现还是值得分享给大家的，尤其对于毫无经验的朋友，提供了一个大致脉络。不算全面，可以按此思路自行补充。从大到小，先看板块板块交通如何，现在和以后有没有地铁，去最近的商业区道路堵不堵。周边有些什么基础设施，医院、学校、大型超市、商业广场有没有。发展的余地大不大，是成熟的老城区，还是一片荒地？周边设施如果不完善，但有足够多的可开发空地也不错。板块所在的行政区是否还有向外发展的潜力，如果四面都是成熟地区，未来无法再继续吞并郊区扩大版图，那地价很可能会虚高。附近有没有影响生活质量的设施，例如高架桥、火葬场、垃圾焚烧厂等。户口问题，要看板块所属行政区。有些城市会有差别对待的现象，比如余杭和萧山区的户口和杭州主城区就有区别，以后自己落户、子女读书都会有影响。缩小一点，楼盘及周边和相邻几个楼盘的差价大不大，如果高很多，通常是有它积极的原因，不妨详细了解下，有可能物有所值。低很多就要谨慎了。开发商口碑如何，名声较好的全国性开发商在项目经验上的确有一定优势，价格也通常比其他同地段楼盘高，大约能高到20%-100%。两个楼盘虽然相邻，但是可能因为楼盘档次不同，工程质量就会相差很多，甚至同一个开发商也会出现这种差别对待。如果一片区域内的楼盘都是同一个开发商，那有可能是好现象。有实力的开发商拿下一大片 ...继续阅读 (7)

[国外设计第127期]得益于Material Design日益增长的人气，卡片式界面已经随处可见了。这种时尚且注重功能的美学，运用块状的设计元素承载多种多样的信息。如果想要利用这种多才多艺的手法，你的卡片设计必须别具一格。色彩就是方法之一。优美的色彩选用、令人振奋的色彩搭配、和有趣的结合，能创造重点、提升易用性，并且吸引用户深入你的设计项目。卡片式设计基础要运用卡片来设计，有许多要注意，这些卡片会突出不同类型的数据（例如图片、文字、按钮、链接、评论、或视频），这些数据都关联到同一则信息。这些可点击的区块，被设计成复古校园游戏卡牌的样式，其中一块区域包含了某种视觉信息，还有一小块文字或按钮。卡片风格界面的优点是，用户能很轻易领悟它们的用法，使得它成为大量内容或电商的理想方案。而且，它们易于浏览、适于分享、用途广泛。图片来源：Urban Ministries of Durham图片来源：The Clymb要开始运用卡片设计，可以从学习卡片设计的基础开始，请看UX Pin的《2015-2016的网页设计趋势手册》。你还得遵循《有效的卡片式设计完全指南》中的这7条最佳用法：留白。运用足够的边界和边距来避免杂乱。一张卡片一件事。卡片能简化你的网站结构。不要让每张卡片过于复杂，破坏了这层基础。合适的图片。卡片中的图总是比较小，要确保图片清晰、裁剪得当，适合相应的场景。简洁的字体。由于文字也很小 ...继续阅读 (6)

广告文如期而至，今天来介绍一下我使用的markdown写作工具——MarkEditor。作为书写工具，对我而言最重要的意义就是博客写作。大家不妨先听我唠叨一段可乐橙博客的历史，然后你们会明白我的选择。小小透露一下，文末有限时优惠噢！无聊是第一生产力这个博客的诞生，完全不是出于什么人生大计，纯粹就是无聊。早在大学期间，我就开始写点小日记，记录一些鸡毛蒜皮的小事，今天又骑车去哪逛了一圈、期末高数又挂了之类（哎我为什么要说又呢）。内容的形式逐渐分化，开始产生一些固定栏目：旅游照片、生活趣事集锦、影评书评、梦中神奇经历、还写过几篇矫情的微型小说。如今这些都原封不动保留着，偶尔翻一翻，也算见证一下当时的青葱岁月。直到大学毕业，我都是直接在博客平台里写，用的是哪家门户已经不记得了，反正纯粹是当作私人日记本在用，访客寥寥。免不了要走上折腾的道路毕业一年左右，朋友们说，作为设计师，怎能没有个人网站呢。那时的做法很偷懒，找个相册网站，把作品往上面一扔，博客那边再加个主导航外链。朋友说这也太low了，既然你会点前端，搭个wordpress啊。找了一圈模版，发现都不太符合我的要求。以博客为主的，作品展示效果不好；以作品为主的，文章往往藏得很深。作品反映的是身为设计师的我，而文章更接近完整的我，不能喧宾夺主。没办法，只好自己卷起袖管改代码，在朋友的指导下理解了域名、空间、独立博客之间的关系，第一个独立博客 ...继续阅读 (29)

[国外设计第126期]译者注：在上一期《11名顶尖设计师的职业忠告》中，我们提到过伦敦地铁图的设计，这是人们首次通过设计抽象化绘制出的地图，将错综复杂的系统变成了易于理解的网络。关于这个话题，可乐橙意犹未尽，本期带来这篇地铁图背后的故事，还有它的传奇作者。© Ken Garland，由伦敦交通博物馆提供Harry Beck的肖像并没有出现在任何硬币或邮票上，但他的影响遍及伦敦。Beck生于1902年，是一名英国的工程测绘员，他创作的这幅激进的新伦敦地铁图，在20世纪30年代初掀起了一场小小的革命。他的这套由色彩区分的直线图，起初得到了交管局的理解和欢迎，然后迅速在伦敦的市民中展现出它的人气。如今，它被证明是世上最易识别的和最有影响力的交通地图，在全球的主要城市掀起了类似设计的狂潮。伦敦市在他死后授予他一副蓝色牌匾，那是一个荣誉头衔，庆祝这幅地图诞辰80周年。正如牌匾上的文字所言，它改变了人们流动的方式，以此向他致以崇高的敬意。此举使Beck的遗产再次收到关注，但它背后的作者却依然面貌模糊。伦敦地铁图，1908-2012“Beck的地图是一场简洁的革命，”在周一的揭幕仪式、同时也是伦敦地铁运行150周年纪念上，Sam Mullins，伦敦交通博物馆的主任说：“它已经成为伦敦的一种象征，影响着全球众多的地铁图设计，同时也启发了当时众多的艺术家与设计师。”在Beck的设计出现之前，伦敦地 ...继续阅读 (7)

或许有朋友注意到了，可乐橙的博客昨晚宕机了。从下午5点左右开始，博客里只剩下几篇很老的文章，再后来就彻底打不开了，一直持续到第二天凌晨3点左右才恢复。对于我这样一个个人网站而言，这种程度的故障其实没什么大不了的，真的不值得大惊小怪。背后的原因呢，其实就是我“手贱”，但整个过程还挺波折，很值得一说。起初，是我使用的markdown编辑器MarkEditor发布了新版本，认真看了软件官网的介绍视频，才发现原来近半年的几次版本更新中，我错过了许多新功能。关于MarkEditor，我之后会专门写一篇文章来介绍（没错，那会是一篇来自真实用户的广告文），在此就不深入了。反正有提醒就更新嘛，更新完了还是按照以前的习惯用，也不知道更新了些什么，谁不是呢？作为设计师与产品人，自己必须长期不懈压制这种本能，但同时又万万不能忘记它的存在，多么矛盾的处境。好了，新版本上手了，各种新功能一个个试过来。除了从各方面提高写作效率之外，还能把整个写作文件夹同步到第三方云服务商，整体刷新了我对这款软件的认识。它诞生之初，软件作者就邀请我试用过。作为Farbox客户端的同门师弟，当时MarkEditor给我的感觉，像是把Farbox的写作部分抽离出来，成为一个脱离博客系统独立存在的写作工具，是一个子集。现在看来，则是完全超越且意在取而代之的存在。探索的过程很有趣，有大量的Aha moment，一边学着使用这些新功能， ...继续阅读 (33)

[国外设计第125期]优秀的设计师活到老学到老。在Springboard，我们把用户体验和数据科学方面的导师与学员相互组队，这对于聆听前辈的建议有重大意义。我们整合了许多顶尖从业者的建议，用来编写我们的用户体验职业指南。因此，我们采访了11位了不起的用户体验设计师，问他们从何处获得灵感，有什么用户体验方面的建议要给其他从业者。我们与UXPin团队合作，为你带来他们的深刻见解。1.Paul BoagPaul是网页设计机构Headscape的联合创始人（他们的客户包括Nestle、Macmillan和一些英国的大学），他在互联网行业已经工作了20年以上，同时是一名多产的作者和演讲者。设计启迪我最喜欢的设计是原版的伦敦地铁图。它打破常规，具有非凡的独创性。它抛弃了按照真实比例表现距离和位置的惯例。破除这些约束后，就能够为一个复杂的网络创造出一种简洁的表现形式。于我而言，这就是优秀设计的全部——从另一个角度看待复杂，然后将其简化。职业建议老实说，我会避免给当年的我提任何建议，因为我知道自己听不进去！即使我给出建议，若没有亲身体验和探索，还是无法收获这些价值。犯错是学习任何事物的最佳方法，所以我不会剥夺年轻的自己这样的机会。温斯顿丘吉尔说过：“成功就是不断失败，而不丧失热情。”不要听别人的，自己犯错跌倒，起身再来过。2.Eva KaniastyEva在波士顿经营着自己的公司（Red Pill ...继续阅读 (11)

[国外设计第124期]虚拟现实，这种体验自从80年代中期就出现了，但似乎科技总是在拖后腿。终于，智能手机和相关科技的发展，使虚拟现实的惊人潜力触手可及。如今，我们正处于一场虚拟现实的革命当中。从价值上千美元的高端平台，到可运行在智能手机上的系统，虚拟现实的设计仅仅展露了其冰山一角。从根本上说，它仍是一片蛮荒，亟待崭新概念的探索开垦，Google敲开了这扇大门。去年，他们开始推出Google Cardboard：一种简单、廉价的方式，让任何拥有智能手机的人都可以体验虚拟现实。只要下载Cardboard应用，购买（或者自己动手制作）Cardboard眼镜，你就跻身虚拟人群了。想要开发自己的应用？它还提供了SDK。然后，2015年初，关于Cardboard还发布了一系列成文的设计指南。其中细节树立了基本原则，例如“如何避免晕动症”和“如果通过固定物体使用户感觉脚踏实地”。不过，还有什么方法能比亲自体验一遍能更好地教育和启发虚拟现实设计师呢？在Google 2015年的I/O大会上，Cardboard团队发起了Cardboard Design Lab：基于虚拟现实的交互式“指南应用”，它诠释了早些时候定下的标准和原则。Google与ustwo合作，不仅仅为了设计和开发相关体验，同时也是一次试水，通过路演亲自验证这些原则。我们的共同目标是帮助每个对虚拟现实设计与开发感兴趣的人，拓宽他们的基础 ...继续阅读 (14)

[国外设计第123期]在Dribbble上，品牌设计师只占少数。Dribbble社区的主导力量由界面、用户体验和动画的设计者构成。当我去年七月去波兰Gdańsk市参加第一届Dribbble Meetup时，我觉得会遇到一群类似的听众。确实，他们大多是自由职业网页设计师和跨界人士，多少都有被要求设计logo的经历。不过，我决定不谈论如何创作一个好logo。你在网上可以找到许多文章，介绍经久不衰的logo看起来应该是什么样的，优秀logo有哪些核心特质。我重点关注的却是流程本身。作为logo和品牌设计师，在第一个概念稿诞生前很长时间，我们的工作就已经开始了，并且在最终稿完成很久以后才真正结束。我们的工作要求远不仅限于创意和技巧——它迫使我们同时身兼市场专员、战略家、心理学家、销售员、表演家和项目经理的职责。这非常困难，但也很激动人心，极具挑战！我这篇文章的目的，在于帮助你重新思考（logo）设计流程。其中有些是我个人建议，还有一些则借鉴自世界知名的设计师。所有这些诀窍和技巧都经得起测试和验证，专为优化你的品牌建设（改造）项目流程而量身定制。“顺便说一句，我还需要一个logo。”Duang！你拿下了一个网页设计项目。一个新产品或服务即将在全球市场露面，他们需要你的创意援助。然后你向他们索要品牌指南，却得到回复，“噢，我们还没有logo。你能设计一个吗？”迟疑片刻后（因为品牌设计并不是你的 ...继续阅读 (3)

[国外设计第122期]个人品牌是人们将自己和事业作为一个品牌推广出去。如今，空有一门好手艺已经不够了，独特和真实可信方可过关，但前提是人们得知道你。正如Michael Simmons所写道，在数字时代，真实才是关键。强有力的个人品牌可以创造大量机会，获得充分认可。个人品牌在所有行业都开始成为关键因素。技能和无聊的简历再也不能给你任何保障。你确实应该开始发掘自己的品牌，并且建立起一个群落。或者换句话说，组织起一个粉丝群体，他们能给你带来工作机会与支持，分享你的作品，并认可你。本文中，我想分享一些个人品牌指南，过去几年我都在实验这些观点。这些技巧与方法为我带来了演讲、福布斯和Fast Company的访谈、业务增长，这还不算我因此获得的连接与朋友。为什么要关心个人品牌的建立？有许多理由表明你应该考虑加强个人品牌建设。重要的是个人品牌总是存在的，它就是人们对你、你的作品、你的行为的认知。经营起来，确保品牌符合你的价值，还有你希望人们对你的认知。而且，树立易辨识的个人品牌还有如下好处：职业机遇更好的工作优化公司人脉与客户行业认可愿景创造一个强有力的愿景，务必将它推而广之。无论是登上月球，还是环游世界，这一定要是个大胆的计划，人们会记住这些。如果你还没看过Simon Sinek的TED演说“伟大的领导者如何激励人们行动”，他提出了“黄金圈”和“从为什么开始”的理论，一定要去看看，创造你自己的 ...继续阅读 (87)

昨天看了部纪录片，也查阅了一些文字材料，对诞生大宪章的金雀花王朝有个初步认识。在此粗略梳理一下，以作备忘。背景金雀花王朝开端于公元12世纪，结束于14世纪，大宪章诞生在王朝前半段历史中。在此之前，英王亨利一世为调和安茹、诺曼两块属地的矛盾，发起一场政治联姻。他为自己守寡的女儿招了安茹伯爵作女婿。年轻的安茹伯爵很快暴露出政治野心，向他索要诺曼的领地。亨利一世没有理会，将他逐出英格兰。安茹伯爵则自己夺取了诺曼。可惜他英年早逝，没有达成进军英格兰的夙愿。安茹伯爵的儿子，也就是亨利二世，采用与他父亲相同的策略，政治联姻换取领地，巩固安茹伯爵的基业。当时英格兰王国在欧洲大陆的领地已经大半落在他的手中。亨利二世借势逼宫，迫使亨利一世宣布他为自己的继承人。不久后亨利一世就去世了，他的外孙亨利二世正式开创金雀花王朝。他本人很喜欢在帽子上插一支金雀花，王朝因此得名。亨利二世亨利二世是个非常有能力的国王，他精力充沛，勇武过人。在他的统治下，王国版图不断扩张，并且在与法国的战争中战绩丰厚，成为欧洲史上一个强盛的王朝。然而他却没什么好结果，渐渐落得众叛亲离的下场。先是他与坎特伯雷大主教贝克特关系恶化，一度将主教驱逐。后来关系缓和，大主教复职，但主教无法接受君权凌驾于神权之上，所以矛盾依然存在。在双方某次冲突后，亨利二世说了一句气话，导致4名骑士“受命”前去把大主教暗杀了，亨利二世只得前往教堂认罪，接受鞭笞 ...继续阅读 (3)

[国外设计第121期]过去几年来，用户交互进化如此迅速，设计师们都快跟不上了——导致在创建移动应用时，从其他媒介（甚至陈旧的应用设计）中照搬交互设计技巧。其实重要的是要记住：交互模式和设计要随着媒介的改变而变化。这种思想的第一阶段，可见于鼠标键盘的台式电脑过渡到触摸屏的过程中（Apple新推出的3D Touch就是个更加精细的例子）。从全新的交互模式，到微小的交互细节和趋势，每种新的设备、环境、模式和手势，都带来了机遇和陷阱。照片来源：Apple光是了解它们就要费一番功夫——更别说为它们设计了——下面是一些设计移动应用时应当避免的想当然。1. 用户总是需要创建账号他们不需要，许多时候他们不想、也没有必要。作为开发者，除非将用户固化到数据库中，否则很容易把他们拒之门外。但从用户的角度看，这不是光彩之举。凭什么要先注册，才能知道里面有什么？这个过程劳神费力，必须得物有所值。相反，用户数据可以离线储存，当用户最终决定创建账号时转移到账户中。或者，可以考虑使用“访客”或“试用”模式，开放核心功能（比如下面的Wunderlist），展现应用的功能，但是功能有限，或者带有水印。照片来源：Wunderlist一旦证明了你的应用有价值，用户毫无疑问会决定注册。在那之前，就有点过分要求了。2. 用户需要一套教程，告诉他们你的应用有多棒让用户使用，借此展现你的应用有多棒。解释它有多好是非常无力的。而且 ...继续阅读 (36)

[国外设计第120期]在当今这个瞬息万变的电商世界，对于任何一位设计师，预测未来都极具挑战。今天新潮，明天就会落伍！作为设计师，想要给顾客营造顺畅的购物体验，同时使自己领先于竞争对手，你得持续不断评估当下趋势的价值。如果你正要搭建（或者翻新）在线商城，你就得了解电商领域当下的流行趋势。下面我们来深入了解即将主导2016年的热门电商设计趋势。1) Material DesignMaterial Design继续盛行，如今开始大范围被电商企业采用。自2014年发布起，鲜明的、专注内容的设计风格便开始流行，而且还会在未来继续引领风潮。正是Material Design统一、切实、欢快的体验，跨越各种设备与平台，使得电商网站如此迷人。尽管将Material Design应用于在线商城是个让人望而却步的任务，还是有些电商敢于冒险尝试，成功地运用了这种设计风格，PA Design和Bewakoof就是两个例子。2) 隐藏式菜单隐藏式菜单，最常见的一种变化是汉堡菜单，已经极为盛行了，因为可以清理电商网站杂乱的版面。最初它们是为移动端设计的，但现在也越来越多用在桌面端的设计中。2015年，许多在线销售商在大大小小的屏幕上都使用了隐藏式导航菜单，节省了大量屏幕空间，这个趋势在未来还会持续增长。如今许多知名在线商城都使用了隐藏式菜单，例如House of Fraser和EtQ。3) 向上的响应式响应式 ...继续阅读 (387)

[国外设计第119期]网页设计是否丧失了灵魂？这是否要归咎于响应式设计呢？我的朋友兼同事Noah Stokes提出了这些问题，不得不说是有点耸人听闻。毕竟，响应式网页不仅能让我们通过日益丰富的联网设备浏览网页，还能感受其乐趣。作为设计师，我们的首要任务是解决问题，这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案，能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决，尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文，一大堆无关联的JPG图片可以成为一部专业的作品集。然后，问题就变成了：我们能同时实现两者吗？我们所获得的毫无疑问，网络已经成为一个美学胜地。基于可靠的网格布局，构建简单迷人的网站，已经成为一种标准。互联网的垦荒已经完成，以框架和活动栅格形式出现的律法与秩序，已经掌管这片土壤，开始了和平的统治。所有这些都是好事。简单迷人的网站，优势显而易见且丰富：熟悉，便于用户浏览（操作正确的话）。原型设计（相对）简单快速。建站技术的高度标准化（流水线取代了工匠）。快速布局节省了大量开销（有一定可能会转嫁给消费者）。严格的栅格布局促进了响应式设计（它严重依赖极简的布局趋势）。漫步Awwwards这样的网页设计画廊，其中展出的网站，有成百上千个都符合简单迷人的标准。（查看大图）毫不夸张的说，标准化与其相关技术确有重大意义。无数的个人与小公司从中受益，通过简单迷 ...继续阅读 (6)

[国外设计第118期]潘通为2016年选出的“年度色彩”令人拍案叫绝，融合了蔷薇粉与宁静蓝来构成这组色调。这组柔和的配色很可能会成为接下来一年的配色趋势。正如潘通往年的选择，这些颜色通常都会成为设计、时尚与其他项目的标杆。对于某些设计师而言，柔和色彩可能不太好处理。不过，今天我们来看看，有哪些方法能够在项目中充分运用这些色彩。蔷薇粉与宁静蓝自2000年起，潘通就开始推选年度色彩，其中多数都是明亮的色彩——从去年的玛萨拉酒红，到2013年的翡翠绿和2008年的鸢尾蓝。所以今年发布的色彩，某种程度上来说是一种惊喜，因为它包含了两种柔和色彩，共同构成了今年的年度代表色。下面是潘通对今年所选颜色的定义：“人们不懈追求正能量与幸福安乐，以缓解现代社会的压力。为此，我们非常需要迎来一款能够给予人们心灵慰藉与安定的色彩。蔷薇粉与宁静蓝相互结合，在温暖的玫瑰色调与清凉宁静的蓝色之间，呈现出一种与生俱来的平衡，象征连接与健康，还有抚慰人心的秩序与平和。“蔷薇粉与宁静蓝的流行组合，对于色彩联想的传统认知是一种挑战。“在时尚圈，世界各地都在经历一场去性别化运动，它也通过色彩的趋势逐一影响了其他设计领域。这种色彩上的归一，恰恰迎合了许多社会现实：性别平等与流动，人们更习惯于将颜色作为一种表达方式，这个时代不必担心千篇一律或是被妄加评判，数字信息的开放交流让我们见识了丰富的色彩运用。”蔷薇粉蔷薇粉是一种淡粉 ...继续阅读 (43)

前阵子接受了UI中国的专访，为了方便大家了解可乐橙，原封不动搬到博客上来，以下是采访稿正文：采访：UI君 肚脐美少年&十萬個為什麼，又名可乐橙，UI中国会员，IFEC译文团队核心成员之一，每周发布UI设计领域的译文。欢迎登录UI中国网站www.ui.cn，进入十萬個為什麼个人主页（http://i.ui.cn/ucenter/93876.html）阅读UI设计译文干货！采访可乐橙的过程，有点好像高考前夕家长会请一些大学生在家一对一辅导小孩的状态。当然他是老师我是学生，有问有答而且凡事都会告诉你为什么。好奇心极重的他同时也很享受“好奇心”特质给他带来的一切，是继续探索世界的动力，敢于去尝试新鲜事物，让自己变得更好。“如果长期守在自己的世界中，偏安一隅，怎么有机会改变自己的生活呢？”这就是他，一个说起话来循循善诱，给人以踏实稳重之感，不急不躁的专注于自己的事情，做一个积极热爱生活的人。这样的人不论做什么事都会成功吧！UI中国：介绍一下自己十萬個為什麼：我嘛其实算是半个科学青年吧，不是文艺的那个路子。对自然科学和社会科学有种特殊的崇拜。一大爱好就是看科幻小说、电影之类的作品，思考未来的社会、未来的生活。我本人也是个重度的实用主义者，其实不说别人不一定能看出来是设计师。比如我穿得就不怎么讲究，哈哈~毕业于杭州师范大学电子信息专业，从事设计工作5年多了。最初做平面设计，中途有一小段时 ...继续阅读 (8)

[国外设计第117期]身为用户体验设计师，回归对艺术设计的热爱非常重要。尤其是当你寻找创意的时候。原因有很多。或许是我们工作节奏太快强度太高，精疲力竭。也可能是你身处一个抑制创意的环境，每天要与众多阻力抗争。也可能你不知不觉就成了一个循规蹈矩的执行者，一遍遍重复同样的工作。或者仅仅是你感到厌倦了。设计流程能让你自信满满地进行创新，因为创意的萌芽和演化是有迹可循的。你的流程不应该一成不变，每个项目都有其约束。无论是资源还是技能，你的设计流程都必须随着这些实实在在的制约而改变。下面，我依据自己职业生涯的亲身经历，整理出10条改善设计流程的建议。1. 寻找解决方案之前，先确定问题爱因斯坦说过：“如果我有一小时来解决问题，我会花55分钟思考问题，5分钟思考解决方法。”许多设计师都犯了致命错误，认为问题是显而易见的。多数时候，表面问题仅仅是根本问题的一种表现。找到真正的问题时你一定会有所觉悟，因为它同时会解决许多其他问题。免费电子书网页UI最佳实践中提到，以“我们该如何……”作为设计项目的起点，开始设计的思索。牢记一点，首先要确保你在设计正确的产品，然后才是正确地设计产品。2. 对用户了如指掌有个开发者曾经告诉我，她正在为“每个人”打造一款产品。这对于批量生产或许说得通，但如果不能精确指定某一类用户，就无法创造有意义的用户场景。没有有意义的用户场景，就不知道你的MVP(最简形态产品)是什么， ...继续阅读 (40)

[国外设计第116期]移动端的设计教育我们要设计得小，如今，可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人，但只要回到设计理论的本源，你就能做出正确的选择。提到穿戴设备的设计，就要面临一系列其独有的挑战。屏幕很小，甚至可以说是袖珍，而且还流行着许多种不同的穿戴设备。（一直都有各种手表式的产品在冲击市场。）有些提供了彩色屏幕和丰富的功能，其他一些则有着超简单的美学外观和稳健的功能。各种不同的穿戴设备从简单的健康追踪设备，到能够与手机系统同步的功能齐全的手表，设计这些小屏幕界面时，有许多变种需要考虑。图片来源：Apple Watch图片来源：Tom Tom Multi-Sport图片来源：Fitbit Surge目前，我们可以看到有3种主要类型的穿戴设备：依赖手机的手表，例如Apple Watch和Samsung Gear S2独立手表，例如运动员中流行的那些带有GPS功能的手表运动追踪器，例如Fitbit Surge每种设备都只有一块几厘米大的屏幕，使得手表的UI设计成为一项特别的挑战。有些设备用了彩色屏幕，还支持动画。许多都带有手机上的功能，而其他则仍然局限于黑底白字显示屏（也有白底黑字的）。运用UI设计理论那么，要如何设计所有这些设备？又如何保持一致？这最终都要回归到你的第一个设计项目，以及其中的设计理论和概念。这些概念包括色彩、对比、留白和字体。色彩如今多数手表屏幕 ...继续阅读 (10)

[国外设计第115期]早在2013年iOS7发布以来，扁平化设计就轰动了互联网世界。从那以后，它就持续发扬光大，并且发展出数量惊人的变种。随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来，扁平化设计会成为主宰风格。正如2015与2016年的网页设计趋势一书所描述的，扁平化设计正在进化：“最初的扁平化设计是严格的扁平，极少有强调，注重极简设计。近来我们则看到了更多吸引眼球的元素，例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对，但设计圈接纳了它，它与其他流行的设计模式能够有效结合。”以往波澜不兴的风格发生突变，引发了一连串有趣的问题。如果它是如此的流行，那如何与众不同地将它运用在自己作品中呢？你要的是扁平化设计，而不是平淡无奇。巧妙的运用，与粗劣的复制，这之间有何区别？本文讲的正是这个。我们看看扁平化是如何进化的，怎样能使你的设计引领潮流。长投影我们所谈论的设计应当是扁平的，但阴影能产生纵深感，虽然这似乎有点违反直觉。但这些细微元素能为设计增添一丝情调，又不至于太引人注目。实际上，他们仍然可以算作留白的一部分，虽然他们从技术上说确实是一种视觉元素。毕竟，没有光哪来阴影？更重要的是，长投影为画面增加了一种反差元素，使得整个视觉体验变得有吸引力。要达到想要的效果，甚至投影都不必那么长。请看：图 ...继续阅读 (15)

[国外设计第114期]网页设计中最热门的技巧之一，就是高清背景图，这得益于高清显示屏的普及。但面对复杂的商标时，就不好处理了。本文中，我们来展望一下网页设计的未来。高清网页设计是否能主导网络，这已经不是问题了，关键是高分辨率显示屏何时能够普及，这是提升视觉设计的必备条件。下面开始，我们将要探索如何运用图片、视频、或是动画来创建高清背景，并且把所有内容有层次地组合。图片超大图、焦点图、全屏图。以上几个词，最适合用来描述现代网页设计的背景图片。设计师们对高清设计不仅停留在思考层面，他们将其发挥到极致，用背景图占据了整个画面。这种设计技巧很有效，因为用户天生就是视觉动物。正如《2015与2016的网页设计趋势》所描述的，毕竟我们理解周围世界时，视觉在主导潜意识。而且，令人愉悦的图片在一定程度上能创造更好的用户体验，因为我们理所当然认为有吸引力的东西更好。这看似极其肤浅，但在设计中，感知就是真相。高屏幕分辨率创造了绝佳的机遇，让用户能看到从前无法察觉的细节。图片中的小细节——例如Junction Moama所用的Macquarie公园的多色调纹理（上图的两种）——提升了界面的精细程度，对至关重要的第一印象大有帮助。使用高清图片的5条建议：使主画面成为视觉焦点——虽然图片是作为背景，不代表它就能占据舞台中央。优秀的照片能与用户建立情感连接，学习图片的精妙之处，看它如何影响设计的视觉层次。考虑 ...继续阅读 (34)

[国外设计第113期]客户项目的截止日期近在眼前。向客户当面演示的时刻即将来临。你准备好了吗？把设计稿丢给客户，并不是正确的客户演示方式。要使你的设计或提案更容易过稿，还有一些其他的事情要准备。演示非常关键，你需要做好万全应对，让自己感到舒畅、自信，使你的项目（或提案）更容易留下好印象。下面是具体的做法。从基本要素着手甚至在你正式开始演示之前，就要弄清楚你到底在演示给谁看？你在做客户演示时，会有哪些人参与？这次演示的目标是什么？了解观众，是制订合适策略的关键。在不同的观众面前，你的演示也需要量体裁衣。面对公司老总和设计团队成员时，演讲风格可能就会不一样。通过这3种方式来了解你的观众：提前几天确认演示细节，确定听众的身份与人数。查询这家公司与员工，看看他们在网上的“形象”。这会让你与他们的接触更顺畅，得到一些视觉暗示，有助于你与他们正确产生共鸣。如有必要就请求援助。如果你的演示观众是一大群人，就该考虑是否需要协助了。设计一份演示稿你是一名设计师，演示稿会反映出你的设计质量，它也需要经过设计。思考这些点：灯光与视力。这些资料能否看得清？幻灯片是定制的、还是带品牌logo的？一张幻灯片讲一件事。确保演示简单易懂。再三检查所有元素，确保它们视觉与文字内容无可挑剔。避免使用看不清的文字图片、或是半成品。准备一种备用方式，以防技术故障，还有各种因素偏离预期。如果想要了解演示稿的设计，可以考虑使 ...继续阅读 (19)

忙着打理自己的家，不知不觉又好几个月过去了，许多栏目都无限期搁置了。不过大家放心，可乐橙最不可能停的就是幽默栏目，因为这就是生活本身。雕像中的赢家可乐橙想过一个问题，历史人物对后世的影响，在某种程度上也体现在雕像上。关公雕像遍天下，可见他留下的历史形象多么鲜明；毛泽东的雕像可以在任何一处红色景点看到；孔子游历四方，人到哪里雕像也跟到哪里。那从这个角度看，在所有领域中，最具影响力的历史人物究竟是哪一位呢？某天乘车时得到了答案。雕像最多的人物并不是什么开国元勋、盖世英雄、文化领袖，他的名字大家都熟悉——禁止攀爬。大闹网易小钢约在网易上班的阿文日本自由行，临到出发前一个月阿文变卦了。“这个贱银，上次放我鸽子一定要找他算账。”“直接去大闹网易，然后说不定被破格录用了”，大家纷纷声援小钢。“提把斧子到大门口喊道：骚文你给我粗来！”“要提两把，喊的时候两把斧子要相互碰一碰，这样有气势”，我补充道。“然后你在后面壮声势。”“我在后面提个录音机，接个音响，放金蛇狂舞。”（以防有朋友对这首曲子没什么印象，在此放出链接。现场会有怎样的效果，一听便知）http://music.163.com/#/m/song?id=5271923KT没有女朋友之一我：最近上班比较闲，可以做自己感兴趣的事情。KT：可惜不能弹吉他。我：要是当个小区保安，说不定可以上班弹吉他……KT：迷倒万千少妇。我：为什么大家提到吉他就觉 ...继续阅读 (16)

[国外设计第112期]虽然如今好的配色方案已经唾手可得，但为数据可视化找到合适的配色方案，却仍是一项巨大挑战。在Graphiq，事情甚至更加棘手，因为我们要通过上千种各不相同的数据集合来传递信息，它们有着各自迥异的视觉表现。目前的问题我们没有立刻开始建立自己的配色表，而是发起了一些调查，研究网络上已存在的配色方案。令人惊讶的是，我们发现其中只有少数是为复杂的图表和数据可视化而设计的。我们发现一些不能使用现有配色的原因。问题1：辨识度低我们看过的许多配色方案都不适用于数据可视化。不仅由于颜色的明度差异不大，其实它们在创造时就没有考虑过辨识度。Flat UI配色是最广泛使用的配色之一，原因显而易见：它非常优秀。但是，正如它名字所述，这是为界面而设计的。使用Flat UI配色的话，色盲者就难以辨认出数据图像。Flat UI配色的完整色彩、红色盲模式、灰度模式。问题2：色彩不够多另一个问题是，许多现有配色方案没有足够的颜色。创造Graphiq的数据可视化时，我们需要至少6种颜色的配色方案，甚至有时需要8到12种颜色，才能满足所有的应用场景。我们看过的许多配色方案都没有足够多的色彩供选择。下面是Color Hunt里的一些例子：虽然这些都是很棒的配色，但它们都不够灵活，无法提供丰富的色系。问题3：难以区分不过等一下，还有一些配色方案看起来像是渐变——理论上说可以创造出任意数量的颜色，对吧？不 ...继续阅读 (12)

[国外设计第111期]Bindo POS 3.0的设计过程以上是该应用上百个界面中的一小部分早在2013年5月，Bindo POS的第一版，一款iPad登记软件，带着许多先进的业务功能问世了。然后它在几名设计师手中经历了多次迭代，其中还有才华横溢的Sean Farrell。不久后iOS7发布了，我负责进行改版设计，以迎合新的风格。2014年1月，2.0版发布了，如你所料，仓促赶出来的产品平淡无奇。1.0与2.0，仅仅是视觉上的修修补补。我们的产品中打包了许多功能。我们源源不断收到客户的反馈与新功能需求。正由于我们用户的多样性，这些需求往往专门针对他们所属行业。这些通常都是不容忽视的功能。如果不加入它们，产品则根本无法使用。我们支持的各种硬件设备，更加剧了它的复杂。例如，每种发票打印机模版配对方式都稍有不同。有时候感觉我们仿佛是在设计一套独立的操作系统。我们没法关注多数用户，或者选取一通百通的最佳方案。这是单一功能的极简型产品的另一个极端。随着越来越多功能的加入，按钮数量剧增，应用变得臃肿。我们需要一套简练的解决方案，来适应尽可能多的使用场景。一场大扫除刻不容缓。最初的一些草图。我们画了将近400张这样的图。线框图我们从质疑上一版的决策着手，同时尽可能多收集客户反馈与功能需求。根据优先级分类列出所有可能的使用场景。这通常是简化事情的重点，只有少部分使用场景被认为是必要的。但是，既然我 ...继续阅读 (3)

[国外设计第109期]现在的UI设计团队通常先设计组件，多数界面几乎就是各种组件的结合。这会在用户的“异常路径”上留下不容小觑的断档。由于我们构建的是整个系统，而非几个页面，我们必须投入精力打磨这些常常被忽略的状态的设计，创造出组件的整个生命周期，来适应每一个人。我所理解的生命周期是这样的：状态1.初始状态一个组件做任何事情之前是怎样的？可能这是用户首次看到它。或者它还没被激活。根本上说就是这个组件存在，但还没有启动。Jonas Treub的设计能确保你了解framer的最新动向。2.加载中令人厌恶的一种状态。在理想状况下，没人会看到这个。哎，可我们这里是现实世界。有许多方法能使加载状态微妙而含蓄。Facebook在这方面做得很好：Facebook使用“假文章”来代替传统的转圈圈。3.空状态组件已经初始化，但是空无一物。没有数据，没有项目。这时候正适合引导用户采取行动（“点这里！”），或者给他们鼓励（“好样的，一切正常”）。Luke Seeley就将它作为了一种捷径。4.单一项目开始有些数据了。在输入界面中，这或许是按下第一个键的状态。在列表中，可能是只有一项（或仅剩一项）时的状态。又是Luke Seeley，MetaLab项目。5.有一些数据这通常是你首先考虑的状态。某个组件的最理想状态是怎样的？数据加载了，也有内容输入，正是用户熟悉的状态。UENO.舒适的大仪表盘。6.数据过多 ...继续阅读 (8)

[国外设计第110期]如果你是一名经验丰富的设计师，你一定会认同一点，受他人启发并不是在抄袭UI设计。这是一种最佳的研究实践。它也要运用各种设计模式，也要遵循设计规范，也需要确保选择用户熟悉的模式来建立可用的界面。有些人可能会说，死守规范和模仿他人会扼杀创造力，终将有一天，所有应用都长一个样。但从用户体验的角度我注意到另一个问题。习惯于最佳实例可能会让你盲从Google/Facebook/Instagram/还有你最喜欢的应用，误以为他们的设计目标与你的相同，你却未对此产生质疑。下面是一些被认为（或是曾经被认为）是最佳实例的模式，但未必如你初见时所认为的那么好。1. 隐藏式导航至少有五十万篇关于汉堡菜单的文章，多数都是设计师写的，为此展开激烈争辩。如果你对此一无所知，可以读读这篇或者这篇。但简而言之，讨论点并不是这个图标本身，而是将导航隐藏在一个图标中。侧滑菜单非常灵活，使用也方便。这个解决方案对于设计师很有诱惑力，方便快捷：你不用操心有限的屏幕空间，把整个导航塞进默认隐藏的滚动层里就可以了。但是，实验显示，用一种更加可见的方式展示菜单项，能够提升活跃度、用户满意度、甚至收入。这就是为何所有大公司都在舍弃汉堡菜单，让最重要的导航项持续可见。YouTube导航的变革，Luke Wroblewski注如果你的导航很复杂，将其隐藏并不是友好的移动端做法。为它排个主次才是。2. 图标，到处 ...继续阅读 (11)

[国外设计第108期]遵循这些建议，找到你才思枯竭的原因，寻找自我提升的策略——geekmentalhelp。Geek Mental Help Week是一系列为期一周的文章、博客、会谈、播客和线上活动，围绕心理健康问题和如何帮助人们。在这里，设计总监Hannah Donovan揭示了一些方法，她以此避免才思枯竭，使自己保持进步。同样住在我34楼公寓的热带鸟再一次吵醒了我，当然，它住在外面。香港的湿热气候已经包裹了整个清晨，我的手机开始嗡嗡作响。“虽然很不情愿在你工作之余打扰，不过可否请你帮我做一个项目？”我的长期合作伙伴Matthew Ogle需要一名设计师。但设计师是我好几个月前的身份了。我才思枯竭了。我去工作，尝试打开创意的水龙头，但什么也出不来。这不是一天两天了，已经持续了许多星期。于是，在临近2011年的几个月前，我辞掉了Last.fm的工作，打包好行李，并不知道即将去向何方。设计——我唯一想到的方向，我唯一赖以谋生的手段——已经干涸枯竭了。作为“创造者”（无论是设计、开发、产品设计、写作或是其他什么，这些我们谋生的技能），你会发现我们最重要的技能之一，就是好好保持我们创造力。但现在，我在盯着这条信息好一会儿，脑袋却塞住了，不仅在考虑如何回复，也不知道接下来该怎么做。“好啊”，我回复，“什么项目？”然后我意识到只有一条路可以逃脱困境——继续创作。当然，我也得寻找新的道路， ...继续阅读 (17)

[国外设计第107期]如何通过设计让学习不那么令人厌烦？这可没有听起来那么简单。坦白说，人们往往不会偏离道路去学习一些新东西。研究显示，在美国只有3%的成年人会在一天中花时间学习。细想一会儿：尽管我们指尖轻按就能触达所有信息，所有的新技术似乎都在一夜间爆发，但97%的人却不会花任何时间积极地探索新知识来提升自己。我们正面临着这样的挑战，我们在Google的团队正着手打造Primer，一款新的移动应用，帮助人们在5分钟内学习数字营销概念。用户体验是这项任务的核心。在学习面前有诸多障碍：你需要了解学什么、在哪学、为何想要学习，然后还需要投入时间、金钱和精力，坚持到底。这意味着我们的用户体验要承担双重任务：这个应用需要吸引人且直观，同时它得克服所有阻碍人们学习的因素。要应对这项挑战，我们思考了应用中主要的3处地方，人们可能会在其中花时间：操作面板、单项课程、还有每项课程中的操作。1. 操作面板操作面板的重要性毋庸置疑，因为那是人们打开应用首先看到的东西。我们花了数月的时间，反复迭代绘制不同操作面板的原型。我们有许多想法：课程包，让用户从3个随机课程中选择，事件相关的课程话题，或是为与我们有合作的专家和品牌创造特殊组件。可能性总是无穷无尽。早期的操作面板原型。显然，我们需要一套准则来作为指引，所以我们把自己置于用户的视角。我们推论，来到应用中的人们可以归为3类：被动型：他们会随便看看。好奇 ...继续阅读 (28)