靈感
設計是一條孤獨的路,無論你是在家里,辦公室,咖啡館還是任何一個你喜歡的地方。你都需要一些時間去獲得創(chuàng)意和靈感。當我還不知道用Noizio(一款白噪音的app)去將我的設計空間從外部世界隔離開的時候,我都是在Spotify上聽音樂和播客。
Sublime.fyi
http://sublime.fyi/
企業(yè)家、設計師和行業(yè)領袖們鼓舞人心的想法。簡單的概念和很棒的背景音樂。
Designer Hangout
https://www.designerhangout.co/
如果你不是這個組織的一員,說真的,你業(yè)余時間都干嘛去了???不開玩笑了,這是我參加的最好的設計師團體之一。這7000+的設計師都有自己的故事可以講,你可以跟他們建立聯(lián)系。從點評你的設計,到友好的交談和幫助你使用工具,在這里你可以找到各個領域的天才。
99% Invisible
http://99percentinvisible.org/
你見過一個小房子被一個巨大的購物中心包圍么?想知道它背后的故事?冰淇淋車的音樂怎么樣?這個博客分析了那些你可能根本想不到的事物背后的思考。
榮譽提名:
uxpodcast
http://uxpodcast.com/
The UIE Podcast
https://www.uie.com/
5by5 | The Big Web Show
https://www.5by5.tv/
User Experience Podcast
https://www.uxpod.com
User Defenders : UX Design Podcast
https://www.userdefenders.com
Design Horizons - The UX Design Education Problem
https://soundcloud.com/truenorthpod/design-horizons-the-ux-design-education-problem
演示
有的時候創(chuàng)建一個完美的作品已經花掉了你全部的精力了,但是現(xiàn)在你還必須要學會展示它。這里有一些資源能幫助你更好的做到這點。
Smartmockups
http://smartmockups.com/
快去拿這些產品的效果圖去打動董事會,他們不知道為什么都很喜歡第一人稱視角的圖片。
Devices by Facebook
http://facebook.design/devices.html
Facebook重繪了很多流行的設備所以他們可以被用在Origamy和Framer中,這些設備可以幫助你以一個清爽的方式展示你的設計。
HTML5 templates
https://html5up.net/
沒錯,他們都是免費的。是的,你可以用它們來做任何事情。并且,他們會為你節(jié)省大量的時間,和一些錢。
UI設計
界面設計相關的資源對于很多設計領域來說是黃油和面包一樣的存在,反正我是這么堅信的。在這部分永遠都不嫌資料太多。
Mo.js
http://mojs.io/
讓這些流暢美麗的動效去愉悅你的眼睛,這里還有許多教程讓你可以從頭開始。
Cubic Bezier
http://cubic-bezier.com/
這個網站可以幫助你通過控制運動曲線來定制自己的動畫。
Living Styleguide
http://livingstyleguide.devbridge.com/
簡單的方式去為你的品牌創(chuàng)造和維持一個風格,它還可以被轉成CSS元素等,你可以調整它們直到你滿意。
Craft by Invision
https://www.invisionapp.com/craft
我現(xiàn)在已經離不開它了,它和Sketch現(xiàn)在已經是我的主要工具,我已經適應它并且愛上它了。它可以無縫適配你的多個屏幕,原型線框圖用它來做非常完美,即使做起高保真圖來也不含糊喲。
Shared text styles
http://www.textstyl.es/
這是一個sketch上很有用的插件可以配合著Craft使用。
SVGOMG
https://jakearchibald.github.io/svgomg/
這是個極好的資源將使你的SVG代碼更易讀。
Loading.io
http://loading.io/
一個加載動畫生成網站,如果你需要為你的app,網站或者項目創(chuàng)建一個加載動畫,那么去這里吧,你可以生成一個你最喜歡的。有SVG、CSS和GIF導出功能。
Puzzles
http://puzzles.design/
圖標,屏幕和iOS10的UI元素。所有都是矢量化的。
UX相關
用戶體驗是一項需要很多不同學科支持的技術。為了更好的配合我們的工作,有這樣的學科的在線工具來幫助我們,使我們的工作更快捷,高效,和輕松。
Aspects
http://aspects.design/
一個幫助你換算屏幕比例的工具。
UX Checklist
https://uxchecklist.github.io/
當你創(chuàng)建并開始了一個UX項目,你必須得保證你在這個過程中不忘記任何事情。UX checklist會幫助你列舉出你正在進行著的步驟。這將幫助你贏的一些晚上的睡眠時間。
Printable devices
http://sketchsheets.com/
灰模原型常常需要制作者具備一些視覺方面的幫助,不然你只能一張一張的畫。幸運的是,有人有同樣的感覺,并且做了一些事情。把它們打印在紙上你就可以開始畫原型啦。
Pttrns
http://pttrns.com/
基準測試應用程序是一個偉大的成功,對于設計師來說,這個資源是特別寶貴的,當你想在其他應用程序檢查特定元素是如何工作的時候(尤其是如果這些應用程序是不能用于你的國家)。
視覺
當我開始設計的時候總是使用圖案、網格等資源,這些是我們設計的基本元素。無論我做什么,我都有大量的資源去方便我創(chuàng)造一個令人愉悅的視覺元素。
Visual Center
http://javier.xyz/visual-center/
視覺中心和實際的圖片中心可不一樣...但是別擔心,我最近找到了一個幫助你尋找真正視覺中心的資源。
Free stock images & videos
http://allthefreestock.com/
這里的資源比所有你知道的免費資源(例如unsplash等)還要多得多。
Color Wheel
https://color.adobe.com/create/color-wheel/
Adobe CC的色輪是一個相當棒的資源,色彩無處不在,一定要下一個Adobe capture到你的手機上,這能幫你獲得一些很棒的靈感。
排版
我相信沒有哪個設計師不愛排版的,我們甚至可以直接從文字中創(chuàng)造出藝術來。我已經記不清我對自己說了多少次:我已經有足夠多的字體了。
Type Terms
https://www.supremo.tv/typeterms/
Type Terms將教會你排版背后的全部秘密,或者至少它可以幫助你區(qū)分那些好的字體和差的字體。無論你是為你的app,網站還是品牌,選擇一個合適的字體都是一件非常重要的事情。
Type Anything
https://typeanything.io/
如果你為了你下一個網站建設而使用谷歌字體,那么你可能會有興趣使用這個資源。它將會幫助你進行字體搭配。
其它
Bonsai
https://www.hellobonsai.com/
一個幫助自由職業(yè)者和企業(yè)聯(lián)系起來的網站,可以幫助你自動生成一些合同啊文件啥的。這些都是設計師們最頭疼的事情。
User research and testing
https://uxdesign.cc/ux-tools-for-user-research-and-user-testing-a720131552e1#.9wikxek49
一個UXdesign.cc的資源列表,我最喜歡的資源之一。
Service design toolkit
http://www.servicedesigntoolkit.org/downloads.html
這是一個非常棒的,容易使人上癮的資源。這里有很多關于用戶研究的模板,下載它們然后用在自己的項目里吧。
額外福利
http://blog.invisionapp.com/atomic-design-principles/
原文鏈接:https://blog.prototypr.io/top-favorite-design-resources-vol-2-26db09c689d8
翻譯:逗砂
聯(lián)系客服