Medium年度最佳设计文章2016

原创 2017-01-01 逗砂非科班设计非科班设计

创意，见地，有用，可操作；我们从的75个类别中筛选出了最好的设计文章。好好享用吧！

一、创意过程中的方法

创意成功的路径不是静态的也不神奇。下面的文章将会向您解释这一切：

《双钻石理论在设计中的应用》

原文链接：https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812#.cctc7zw73

译文传送门：

《FACEBOOK设计总监：后知后觉的8个经验教训》

原文链接：https://medium.com/the-year-of-the-looking-glass/8-unintuitive-lessons-on-being-a-designer-ca7e97a572ee#.ciyape9ez

译文传送门：

《我被FACEBOOK设计师批的有点惨，却也很享受》

原文链接：https://medium.com/facebook-design/critique-is-an-important-part-of-any-design-process-whether-you-work-as-part-of-a-team-or-solo-ef3dcb299ce3#.3q7ke4tdu

译文传送门：

《我们如何设计书籍封面》

原文链接：https://medium.com/galleys/how-we-tried-to-design-our-own-book-cover-and-how-jessica-hische-saved-the-day-58551087cfea#.2gqh7qym5

《设计和产品开发中的“破窗理论”》

（解释了为什么小问题才是重要的问题。）

原文链接：https://medium.com/desk-of-van-schneider/the-broken-window-theory-in-design-product-development-93765be7349#.19za9rumz

译文传送门：

《设计流程》

（当前UX尴尬的现状，需要大家有严肃的自我反省。）

原文链接：https://thedesignteam.io/the-design-process-67df3e8ec68f#.8u09zp6ur

《用心设计的艺术》

（我们的软件是为了帮助用户的，如果我们用户对待，用户会注意到的。）

原文链接：https://m.signalvnoise.com/the-art-of-designing-with-heart-f5dc4df21697#.7wwi84413

译文传送门：

《捍卫设计相似化》

（我们要知道有时候“独特的设计”会挑战用户的经验习惯。）

原文链接：https://medium.com/@yarcom/in-defense-of-homogeneous-design-b27f79f4bb87#.m13a5j1iq

《数字产品设计原则》

（提供了12个注意事项来帮助你做设计决策。）

原文链接：https://dev.degreed.com/digital-product-design-principles-8bc9eb6c080c#.2hlab5kiq

二、屏幕背后的创意过程

这些文章探讨了一些科技公司最成功的产品，我们可以向Spotify，Facebook和Instagram等产品的流程学习。

《INSTAGRAM重设计，灵感来自社区》

原文链接：https://medium.com/@ianspalter/designing-a-new-look-for-instagram-inspired-by-the-community-84530eb355e3#.4eex4o1pt

《设计不能标准化？》

（由于团队的分散性设计师被分配到不同的项目中，造成了Spotify的产品分散性。但协调好设计师之间配合，可以让设计师们成为一个规范化的整体。）

原文链接：https://medium.com/@hellostanley/design-doesnt-scale-4d81e12cbc3e#.b0mwnnkul

译文传送门：设计无法标准化？

《SPOTIFY图标的重设计》

（长达4个月面对的视觉、功能和语义挑战的设计过程。）

原文链接：https://medium.com/@andrealimjoco/redesigning-the-spotify-icon-suite-63f16853ba00#.3jyx7nmto

《复杂产品的设计策略》

（分享了对日益扩大的交互领域的见解以及如何在设计项目中减少人和产品之间复杂性。）

原文链接：https://blog.truthlabs.com/designing-complex-products-8f9289ab26c9#.5j0504s4g

译文传送门：

《重新设计CHROME浏览器》

（Chrome重设计的详细说明，面向未来的设计过程中像素的重要价值。）

原文链接：https://medium.com/google-design/redesigning-chrome-desktop-769aeb5ab987#.mjpvy02ai

译文传送门：

三、UX

用户体验是一个宽泛的话题，是任何一个优秀产品关注的焦点。值得庆幸的是，下面这些UX文章涵盖了从最基本的技巧到最前沿的建议。

《设计新趋势:化繁为简》

（探讨了移动端设计的下一个趋势是“清晰和极简”，并给出减少复杂性的终极指南。）

原文：https://medium.com/swarm-nyc/complexion-reduction-a-new-trend-in-mobile-design-cef033a0b978#.fxh33xgom

译文传送门：

《设计更高效的表单：结构，输入，标签和动作》

原文：https://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f#.3nv2xvvxj

《表单设计优化》

（涵盖了设计师最常见的错误以及如何解决。）

原文：https://uxdesign.cc/design-better-forms-96fadca0f49c#.dig8wvwjh

译文传送门：

《怎样使通知更加智能化》

（倡议更智能的推送通知，为用户提供有价值的帮助。）

原文：https://medium.com/@intercom/designing-smart-notifications-36336b9c58fb#.j6v2t6eqm

译文传送门：怎样使通知(Notification)更加智能化

《微交互：优秀 app 设计的秘诀》

（解释了微交互是什么，为什么有效，如何找准机会，以及以用户为中心的设计的必要性。）

原文：https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf#.kp7cpgti0

译文传送门：

《多字体设计的价值》

（提供了一个折衷的方法，帮助你在项目中有效地结合多种字体。）

原文：https://blog.prototypr.io/the-value-of-multi-typeface-design-ccd67227b0ee#.o16ma2pc6

《移动端用户体验设计之底部导航》

（优秀底部导航设计的3个原则。）

原文：https://uxplanet.org/perfect-bottom-navigation-for-mobile-app-effabbb98c0f#.t555cs8sc

译文传送门：

《为了设计不断提升你的眼界》

（帮助培养和提高你的设计品位和审美能力的简单方法。）

原文：https://medium.com/@JonathanZWhite/developing-your-eye-for-design-cce944bbeae4#.j1bt5dpju

译文传送门：

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

原文：https://uxplanet.org/functional-animation-in-ux-design-what-makes-a-good-transition-d6e7b4344e5e#.uwroj4l2s

译文传送门：

《UX设计之——按钮使用实例、类型和状态》

原文：https://uxplanet.org/button-ux-design-best-practices-types-and-states-647cf4ae0fc6#.ba2s2ffs4

译文传送门：

《弹窗设计的5条基本原则》

（督促我们思考先进的技术与界面正在深远地改变用户的交互行为。）

原文：https://uxdesign.cc/designing-confirmation-278d159723e#.r0yi48hu1

译文传送门：

《如何利用“卡片式设计”提升用户体验》

（详细解释了为什么网站和手机应用正在从页面转向卡片式和完全个性化的体验。）

原文：https://uxplanet.org/using-card-based-design-to-enhance-ux-51f965ab70cb#.ambdcen39

译文传送门：

《传统的汉堡包菜单有哪些替代设计》

（探索了其它菜单的类型，以及为什么手机导航没有一个一次性的解决方案。）

原文：https://medium.com/@kollinz/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8#.tyvlha6p5

译文传送门：

《偷窃的艺术：如何成为一位设计能手》

（让我们来看看设计师是怎么“抄袭”设计作品，并且在此基础上有效地创新的例子。）

原文：https://uxplanet.org/the-art-of-stealing-how-to-become-a-master-designer-7c5c3753cdb9#.jiy15pf84

译文传送门：

《如何设计优秀的文本框：明确性，易理解性以及用户负担》

原文：https://uxplanet.org/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b#.k10qfivmn

译文传送门：

《聊天机器人设计终极指南》

原文：https://medium.muz.li/the-ultimate-guide-to-chatbots-why-theyre-disrupting-ux-and-best-practices-for-building-345e2150b682#.6bh2iy6mf

译文传送门：

四、UI

UI设计是一个迷人的大主题，特别是在今年。接下来的部分重新对文案、电视界面、最佳按钮设计和当前趋势给出了长远的预测。

《『想』如何更好更快地进行UI设计？》

原文链接：https://medium.com/sketch-app-sources/how-to-be-more-organized-while-designing-ui-90d2d69cfb4f#.sj1fl3ou7

译文传送门：

《app 文案设计的7个技巧》

原文链接：https://medium.com/@jsaito/how-to-design-words-63d6965051e9#.wwokoy29m

译文传送门：

《UI设计的未来属于动效设计》

原文链接：https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.7gl0cznfz

译文传送门：

《为电视而设计》

原文链接：https://medium.com/this-also/designing-for-television-8e1812ea9082#.dtjp18uan

译文传送门：

《讲究！UI界面中的文案设计有哪些注意事项？》

（帮助你的文案更加清晰、准确和简洁的技巧。）

原文链接：https://uxplanet.org/effective-writing-for-your-ui-things-to-avoid-f6084e94e009#.1wnykjd2g

译文传送门：

《顾虑越少，设计越好》

（通过减少设计决策和思考过程来实现更好的UI设计流程。）

原文链接：https://blog.attackthefront.io/think-less-design-better-f812c1617888#.f3chpehr1

译文传送门：

《在迪斯尼我对VR项目进行用户体验设计时思考的四件事》

原文链接：https://medium.com/startup-grind/4-things-i-learned-designing-user-interfaces-for-vr-cc08cac9e7ec#.of0ikg6pk

译文传送门：

《按钮 UI 设计的发展史》

原文链接：https://uxplanet.org/buttons-in-ui-design-the-evolution-of-style-and-best-practices-56536dc5386e#.kbfaei16n

译文传送门：

《设计经典持久的UI》

（解释了为什么UI的生命周期是有限的，我们可以做些什么来让它的寿命更长。）

原文链接：https://blog.attackthefront.io/designing-future-proof-ui-1fae12e1f552#.ws8tltxo7

五、动画/Gif

动画是数字设计的一个重要的组成部分，它的应用在过去的一年里引发了很多有意思的辩论和讨论。

《UI动画：愉悦视觉，解决问题》

（我们承认很多时候动画是一个多余的加载负担，但是还是坚持认为这是应该提供给用户的，最接近互动本质的东西，）

原文链接：https://uxplanet.org/ui-animation-eye-pleasing-problem-solving-a8b27013f55c#.6x0j13dom

《花了7天看了上千个交互动效神作，我总结出5个技巧》

原文链接：https://medium.freecodecamp.com/5-mistakes-to-avoid-when-designing-micro-interactions-a6f638ee6a86#.bfno8udq2

译文传送门：

《如何用动画来提高用户体验？》

原文链接：https://uxplanet.org/how-to-use-animation-to-improve-ux-338819e93bdb#.8z2oldwdd

译文传送门：

《流畅WEB动画的十大法则》

（这是一个如何CSS做出60帧速流畅Web动画的完整指南。）

原文链接：https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29#.u0b6va51d

译文传送门：

六、色彩

色彩，这个被视为理所当然地的设计元素，下面的是关于它的完整指南。

《找到完美的色彩搭配---ColorClaim》

（这是一个设计师的配色的工作流程的简短文章。）

原文链接：https://medium.com/@vanschneider/how-to-find-your-perfect-color-parings-introducing-colorclaim-d00254c65ebc#.48f2zl6sb

译文传送门：

《在色彩上设计》

（关于配色流程的指导，色彩超出你的想象的重要，90%的用户作出决定完全是基于色彩。）

原文链接：https://medium.freecodecamp.com/designing-in-color-abd358660a7b#.shngjbeix

译文传送门：

《为你的品牌选择配色》

（概述了颜色对于品牌辨识度的意义，并且提供了一些指导方法帮助你回答这个问题：什么颜色适合这个品牌？。）

原文链接：https://medium.com/swlh/picking-a-color-for-your-brand-7a589c40d950#.yamlemtim

七、趋势

从卡片设计到商业学习，下面会详细介绍2016年的设计趋势。

《未来已来！13个关于2017年的设计预言》

原文链接：https://medium.com/digital-age/the-future-is-near-13-design-predictions-for-2017-654761f12c45#.lgsj6fsh1

译文传送门：

《「设计师学习商业」中「Why」与「How」的问题》

原文链接：https://medium.com/@joshuantaylor/designers-shouldn-t-code-they-should-study-business-dc3e7e203d39#.tnut0murd

译文传送门：

《设计界的下一个大事件》

（呼吁合作设计来解决更大的更加全球性挑战。）

原文链接：https://medium.com/ideo-stories/the-next-big-thing-in-design-513522543a6f#.er93bmz8g

译文传送门：

《2016年网页设计的5个风向标》

原文链接：https://medium.com/apegroup-texts/5-actual-web-designs-trends-for-2016-f9504223c9b3#.gzb0bqrz8

译文传送门：

《如何做出真正的好设计？》

原文链接：https://medium.com/design-your-life/design-and-the-self-a5670a000fee#.jhkwvmgr9

译文传送门：

《小孩子独有的5大设计秘密》

原文链接：https://medium.com/ideo-stories/5-design-secrets-from-the-kids-who-will-replace-you-40ae93665dd5#.4lv4h4jqr

《TOP 3移动UX设计趋势》

（强调个性、导航和内容。）

原文链接：https://uxdesign.cc/top-three-ux-mobile-design-trends-82f6530e6cba#.f2bsr1e1n

译文传送门：

《判断一个设计师是否合格的30条冷知识》

原文链接：https://medium.com/@jon.moore/fifty-shades-of-fafafa-eaa903e36b9c#.gb0skx7my

译文传送门：

八、杂项

下面是一些不容易被归类的有价值的文章。

《世界上最小的网站只有9 X 9个像素》

（挑战下你以9 x 9法则来设计一个数码产品或者网站，你会明白为什么简单是最大的优势。）

原文链接：https://medium.com/swlh/9x9-pixels-the-world-s-smallest-website-s-82c9e46a9fd0#.nb6j06tku

译文传送门：

《人性化设计》

（探讨了形式、功能和设计中的情感，以及人和非生命体之间的关系。）

原文链接：https://medium.com/swlh/the-future-of-design-is-emotional-5789ccde17aa#.7x7zzg2wg

译文传送门：

《最佳设计工作流》

（提供了27个步骤帮助你完善自己的设计流程，但不要生搬硬套。）

原文链接：https://blog.prototypr.io/the-ideal-design-workflow-2c200b8e337d#.h4ck6lba5

译文传送门：

《如何假装你是一个伟大的设计师》

（列举了一些实用的技巧和原则来“欺骗”人们你是行业的大拿。）

原文链接：https://thedesignteam.io/how-to-pretend-youre-a-great-designer-3625de90d79f#.5i8kjpzgs

译文传送门：如何假装你是一个伟大的设计师

《在设计学校你需要学到的10件事》

（如果你不想浪费学费的话。）

原文链接：https://deardesignstudent.com/10-things-you-need-to-learn-in-design-school-if-you-re-tired-of-wasting-your-money-64aaa0bc3994#.vct46j3yk

《FACEBOOK设计师面试问答》

原文链接：https://medium.com/facebook-design/questions-and-answers-from-design-interviews-at-facebook-ef685f6968a3#.9vw7yr6t9

《那些关于UX设计或产品设计的谣言》

原文链接：https://medium.com/@cwodtke/the-myths-of-ux-design-product-design-whatever-they-call-it-this-week-ef37a39cac6b#.pt55vakzc

《设计中不可承受之同质化》

（提出了很多问题，促使我们反思当前设计的自满。）

原文链接：https://medium.com/@morgane/the-unbearable-homogeneity-of-design-fe1a44d48f3d#.ulxzo31bu

译文传送门：

《以用户为中心的设计 & 6大基本交互原则》

原文链接：https://medium.com/against-design/human-centered-design-the-6-fundamental-principles-of-interaction-between-products-and-users-7343734b38a1#.kvqnl7qwp

《Airbnb，Beats和Medium的Logo设计理念都出自于同一本书！》

（设计Logo的目的比设计本身更重要。）

原文链接：https://blog.prototypr.io/what-is-the-purpose-of-a-logo-its-more-than-design-it-s-about-purpose-c7dfdc783d1e#.vv0eulxsp

译文传送门：

《零基础5分钟设计logo》

原文链接：https://journal.designinc.com/how-to-make-a-logo-for-free-in-about-5-minutes-a4f409176a8e#.59qooui6d

译文传送门：

《成长中的设计团队面临的7个问题》

原文链接：https://medium.com/leading-design/7-problems-growing-design-teams-face-5fd94292d405#.sia2o6wfl

《产品设计 & 偶然的混蛋》

原文链接：https://medium.com/apegroup-texts/product-design-the-asshole-contingency-296ed8a50e21#.iq6v2fuap

《如果撒旦是WEB设计师》

原文链接：https://uxdesign.cc/if-satan-was-a-web-designer-dc5cdf06dff9#.1a0zwgsyx

《对IOS10锁屏界面交互的一次严肃地分析》

原文链接：https://uxdesign.cc/a-critical-analysis-of-the-ios-10-lockscreen-experience-726ddfba3c1a#.iz5nqnoi0

译文传送门：

九、工具 & 资源

如果没有设计工具和资源的推荐列表这篇文章会不完满的。

《新手指导：如何成为一名优秀的设计师》

原文链接：https://uxdesign.cc/the-beginners-guide-to-becoming-the-best-designer-e8e774a0c3bf#.tzndkqeuj

《2016年度最佳设计读物》

原文链接：https://blog.pttrns.com/great-books-for-designers-to-read-in-2016-d2ebea3763f4#.su9ht7ynp

《每个设计师都应该看的20部纪录片》

原文链接：https://uxdesign.cc/20-documentaries-every-designer-should-watch-e63bb26c65e2#.hxhj7zl41

《按1X来设计》

原文链接：https://medium.com/shyp-design/design-at-1x-its-a-fact-249c5b896536#.ur0o6ol3g

《25个不能错过的设计工具集合》

原文链接：https://medium.muz.li/the-best-designer-tools-collection-53651efa4975#.xcmnd9yaw

译文传送门：

《三张涂鸦告诉你什么才是好的设计》

原文链接：https://medium.com/the-year-of-the-looking-glass/design-illustrated-in-3-charts-128ae8ff22fe#.9zwe8iurk

译文传送门：三张涂鸦告诉你什么才是好的设计

《让我们来聊聊作品集》

原文链接：https://uxdesign.cc/lets-talk-about-design-portfolios-8a56ce1e9a8e#.dd4s122pa

《UX设计方法和可交付成果》

原文链接：https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d#.vrdbpqvpb

《你应该认识的64位设计师》

原文链接：https://medium.com/tradecraft-traction/64-people-you-should-know-in-design-f28cf3c2cfaa#.fmgtbxi8d

《Sketch 4.1重大更新：全新界面，全新LOGO》

（展示了Sketch全新的icon设计和让设计师兴奋的新功能。）

原文链接：https://blog.sketchapp.com/an-iconic-new-look-and-more-4191df5ce8d7#.xlx0t5q6v

译文传送门：

原文链接：https://medium.com/swlh/mediums-best-design-writing-of-2016-68de5ed2b7d9#.oqd34gvpr

编译：逗砂