Medium年度最佳設計文章
創意,見地,有用,可操作;我們從的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產品設計總監:後知後覺的8個經驗教訓 - UXRen
《我被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
譯文傳送門:用心設計的藝術 | llp的程序猿之路
《捍衛設計相似化》(我們要知道有時候「獨特的設計」會挑戰用戶的經驗習慣。)
原文鏈接: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
譯文傳送門:谷歌設計師:如何重設計Chrome瀏覽器?-20161114早讀課 丨 互聯網早讀課
三、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
譯文傳送門:表單設計優化-UI中國
《怎樣使通知更加智能化》(倡議更智能的推送通知,為用戶提供有價值的幫助。)
原文:https://medium.com/@intercom/designing-smart-notifications-36336b9c58fb#.j6v2t6eqm
譯文傳送門:怎樣使通知(Notification)更加智能化
《微交互:優秀 app 設計的秘訣》(解釋了微交互是什麼,為什麼有效,如何找准機會,以及以用戶為中心的設計的必要性。)
原文:https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf#.kp7cpgti0
譯文傳送門:微交互:優秀 app 設計的秘訣
《多字體設計的價值》(提供了一個折衷的方法,幫助你在項目中有效地結合多種字體。)
原文: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
譯文傳送門:設計篇-譯文-Developing your eye for design為了設計不斷提升你的眼界
《功能性動畫設計:優秀的轉場效果》原文: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
譯文傳送門:UX設計之——按鈕使用實例、類型和狀態
《彈窗設計的5條基本原則》(督促我們思考先進的技術與界面正在深遠地改變用戶的交互行為。)
原文:https://uxdesign.cc/designing-confirmation-278d159723e#.r0yi48hu1
譯文傳送門:【DDC譯文】彈窗設計的5條基本原則 - Dianrong Design Center
《如何利用「卡片式設計」提升用戶體驗》(詳細解釋了為什麼網站和手機應用正在從頁面轉向卡片式和完全個性化的體驗。)
原文: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
譯文傳送門:『想』如何更好更快地進行UI設計? - 優秀網頁設計
《app 文案設計的7個技巧》原文鏈接:https://medium.com/@jsaito/how-to-design-words-63d6965051e9#.wwokoy29m
譯文傳送門:app 文案設計的7個技巧
《UI設計的未來屬於動效設計》原文鏈接:https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.7gl0cznfz
譯文傳送門:UI設計的未來屬於動效設計 - Mr. Wang
《為電視而設計》原文鏈接: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界面中的文案設計有哪些注意事項?
《顧慮越少,設計越好》(通過減少設計決策和思考過程來實現更好的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
譯文傳送門:在迪斯尼我對VR項目進行用戶體驗設計時思考的四件事 - UXRen
《按鈕 UI 設計的發展史》原文鏈接:https://uxplanet.org/buttons-in-ui-design-the-evolution-of-style-and-best-practices-56536dc5386e#.kbfaei16n
譯文傳送門:按鈕 UI 設計的發展史
《設計經典持久的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
譯文傳送門:花了7天看了上千個交互動效神作,我總結出5個技巧
《如何用動畫來提高用戶體驗?》原文鏈接:https://uxplanet.org/how-to-use-animation-to-improve-ux-338819e93bdb#.8z2oldwdd
譯文傳送門:如何用動畫來提高用戶體驗?-UI中國
《流暢WEB動畫的十大法則》(這是一個如何CSS做出60幀速流暢Web動畫的完整指南。)
原文鏈接:https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29#.u0b6va51d
譯文傳送門:流暢web動畫的十個法則 - 眾成翻譯
六、色彩
色彩,這個被視為理所當然地的設計元素,下面的是關於它的完整指南。
《找到完美的色彩搭配---ColorClaim》(這是一個設計師的配色的工作流程的簡短文章。)
原文鏈接:https://medium.com/@vanschneider/how-to-find-your-perfect-color-parings-introducing-colorclaim-d00254c65ebc#.48f2zl6sb
譯文傳送門:找到完美的色彩搭配---ColorClaim-UI中國-專業界面交互設計平台
《在色彩上設計》(關於配色流程的指導,色彩超出你的想像的重要,90%的用戶作出決定完全是基於色彩。)
原文鏈接:https://medium.freecodecamp.com/designing-in-color-abd358660a7b#.shngjbeix
譯文傳送門:[自譯]Designing in color
《為你的品牌選擇配色》(概述了顏色對於品牌辨識度的意義,並且提供了一些指導方法幫助你回答這個問題:什麼顏色適合這個品牌?。)
原文鏈接: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
譯文傳送門:未來已來!13個關於2017年的設計預言
《「設計師學習商業」中「Why」與「How」的問題》原文鏈接:https://medium.com/@joshuantaylor/designers-shouldn-t-code-they-should-study-business-dc3e7e203d39#.tnut0murd
譯文傳送門:譯文|「設計師學習商業」中「Why」與「How」的問題 | 人人都是產品經理
《設計界的下一個大事件》(呼籲合作設計來解決更大的更加全球性挑戰。)
原文鏈接: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
譯文傳送門:2016年網頁設計的5個風向標 | 人人都是互聯網創意G客《如何做出真正的好設計?》
原文鏈接: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
譯文傳送門:你中了幾槍!判斷一個設計師是否合格的30條冷知識
八、雜項
下面是一些不容易被歸類的有價值的文章。
《世界上最小的網站只有9 X 9個像素》(挑戰下你以9 x 9法則來設計一個數碼產品或者網站,你會明白為什麼簡單是最大的優勢。)
原文鏈接:https://medium.com/swlh/9x9-pixels-the-world-s-smallest-website-s-82c9e46a9fd0#.nb6j06tku
譯文傳送門:以「9x9原則」來觀察簡潔設計 | Rocket Café 火箭科技評論《人性化設計》
(探討了形式、功能和設計中的情感,以及人和非生命體之間的關係。)
原文鏈接: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
譯文傳送門:Airbnb,Beats和Medium的Logo設計理念都出自於同一本書!還是一本89年的書! - 做品牌 - 創業邦
《零基礎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
不需翻牆鏈接:Sina Visitor System
《對IOS10鎖屏界面交互的一次嚴肅地分析》原文鏈接:https://uxdesign.cc/a-critical-analysis-of-the-ios-10-lockscreen-experience-726ddfba3c1a#.iz5nqnoi0
譯文傳送門:關於iOS10鎖屏界面交互的一次嚴肅地分析 | 人人都是產品經理
九、工具 & 資源
如果沒有設計工具和資源的推薦列表這篇文章會不完滿的。
《新手指導:如何成為一名優秀的設計師》原文鏈接: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
譯文傳送門:省時高效工具篇!25個不能錯過的設計工具集合
《三張塗鴉告訴你什麼才是好的設計》原文鏈接: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
譯文傳送門:Sketch 4.1重大更新:全新界面,全新LOGO
原文鏈接:https://medium.com/swlh/mediums-best-design-writing-of-2016-68de5ed2b7d9#.oqd34gvpr
編譯:逗砂
首發於公眾號:非科班設計
推薦閱讀:
※Medium - 高質量外文博客 #Android #iOS
※Medium恐怕是我見過更新文檔玩得最有才的應用了
※Medium.com 是做什麼的?有什麼優勢?
※如何評價 Medium 增加簡單寫作功能?