最受歡迎的頂級設計資源(下)

對於一個設計師,找到設計資源使得你的生活和工作都更簡單是很關鍵的一件事。但是資源如此之多,以至於大家都被淹沒在其中。所以我從這些海量的資源里挑選了最值得關注的那幾個出來,去對它們進行分類和排序。上一期已經分享了一部分啦,在這裡最受歡迎的頂級設計資源(上)

今天繼續分享第二部分,希望大家也能積極留言告訴我你們手裡寶貴的資源。

靈感

設計是一條孤獨的路,無論你是在家裡,辦公室,咖啡館還是任何一個你喜歡的地方。你都需要一些時間去獲得創意和靈感。當我還不知道用Noizio(一款白噪音的app)去將我的設計空間從外部世界隔離開的時候,我都是在Spotify上聽音樂和播客。

Sublime.fyi

sublime – Opinion Leader Video Blog

企業家、設計師和行業領袖們鼓舞人心的想法。簡單的概念和很棒的背景音樂。

Designer Hangout

UX Community on Slack

如果你不是這個組織的一員,說真的,你業餘時間都幹嘛去了???不開玩笑了,這是我參加的最好的設計師團體之一。這7000+的設計師都有自己的故事可以講,你可以跟他們建立聯繫。從點評你的設計,到友好的交談和幫助你使用工具,在這裡你可以找到各個領域的天才。

99% Invisible

99% Invisible

你見過一個小房子被一個巨大的購物中心包圍么?想知道它背後的故事?冰淇淋車的音樂怎麼樣?這個博客分析了那些你可能根本想不到的事物背後的思考。

榮譽提名:

uxpodcast

UX Podcast - Breaking down digital media silos!

The UIE Podcast

uie.com/

5by5 | The Big Web Show

5by5.tv/

User Experience Podcast

uxpod.com

User Defenders : UX Design Podcast

userdefenders.com

Design Horizons - The UX Design Education Problem

soundcloud.com/truenort

演示

有的時候創建一個完美的作品已經花掉了你全部的精力了,但是現在你還必須要學會展示它。這裡有一些資源能幫助你更好的做到這點。

Smartmockups

Smartmockups

快去拿這些產品的效果圖去打動董事會,他們不知道為什麼都很喜歡第一人稱視角的圖片。

Devices by Facebook

facebook.design/devices

Facebook重繪了很多流行的設備所以他們可以被用在Origamy和Framer中,這些設備可以幫助你以一個清爽的方式展示你的設計。

HTML5 templates

html5up.net/

沒錯,他們都是免費的。是的,你可以用它們來做任何事情。並且,他們會為你節省大量的時間,和一些錢。

UI設計

界面設計相關的資源對於很多設計領域來說是黃油和麵包一樣的存在,反正我是這麼堅信的。在這部分永遠都不嫌資料太多。

Mo.js

mo · js - Motion Graphics For The Web

讓這些流暢美麗的動效去愉悅你的眼睛,這裡還有許多教程讓你可以從頭開始。

Cubic Bezier

cubic-bezier.com

這個網站可以幫助你通過控制運動曲線來定製自己的動畫。

Living Styleguide

Living Styleguide by Devbridge

簡單的方式去為你的品牌創造和維持一個風格,它還可以被轉成CSS元素等,你可以調整它們直到你滿意。

Craft by Invision

Craft by InVision LABS

我現在已經離不開它了,它和Sketch現在已經是我的主要工具,我已經適應它並且愛上它了。它可以無縫適配你的多個屏幕,原型線框圖用它來做非常完美,即使做起高保真圖來也不含糊喲。

Shared text styles

textstyl.es/

這是一個sketch上很有用的插件可以配合著Craft使用。

SVGOMG

SVGOMG - SVGOs Missing GUI

這是個極好的資源將使你的SVG代碼更易讀。

Loading.io

loading.io - Your SVG + GIF Ajax Loading Icons

一個載入動畫生成網站,如果你需要為你的app,網站或者項目創建一個載入動畫,那麼去這裡吧,你可以生成一個你最喜歡的。有SVG、CSS和GIF導出功能。

Puzzles

puzzles.design/

圖標,屏幕和iOS10的UI元素。所有都是矢量化的。

UX相關

用戶體驗是一項需要很多不同學科支持的技術。為了更好的配合我們的工作,有這樣的學科的在線工具來幫助我們,使我們的工作更快捷,高效,和輕鬆。

Aspects

aspects.design/

一個幫助你換算屏幕比例的工具。

UX Checklist

UX Project Checklist

當你創建並開始了一個UX項目,你必須得保證你在這個過程中不忘記任何事情。UX checklist會幫助你列舉出你正在進行著的步驟。這將幫助你贏的一些晚上的睡眠時間。

Printable devices

Printable sketch sheets for UI & UX designers

灰模原型常常需要製作者具備一些視覺方面的幫助,不然你只能一張一張的畫。幸運的是,有人有同樣的感覺,並且做了一些事情。把它們列印在紙上你就可以開始畫原型啦。

Pttrns

pttrns.com/

基準測試應用程序是一個偉大的成功,對於設計師來說,這個資源是特別寶貴的,當你想在其他應用程序檢查特定元素是如何工作的時候(尤其是如果這些應用程序是不能用於你的國家)。

視覺

當我開始設計的時候總是使用圖案、網格等資源,這些是我們設計的基本元素。無論我做什麼,我都有大量的資源去方便我創造一個令人愉悅的視覺元素。

Visual Center

Visual Center

視覺中心和實際的圖片中心可不一樣...但是別擔心,我最近找到了一個幫助你尋找真正視覺中心的資源。

Free stock images & videos

Free Stock Images & Videos ~ AllTheFreeStock.com

這裡的資源比所有你知道的免費資源(例如unsplash等)還要多得多。

Color Wheel

color.adobe.com/create/

Adobe CC的色輪是一個相當棒的資源,色彩無處不在,一定要下一個Adobe capture到你的手機上,這能幫你獲得一些很棒的靈感。

排版

我相信沒有哪個設計師不愛排版的,我們甚至可以直接從文字中創造出藝術來。我已經記不清我對自己說了多少次:我已經有足夠多的字體了。

Type Terms

Type Terms

Type Terms將教會你排版背後的全部秘密,或者至少它可以幫助你區分那些好的字體和差的字體。無論你是為你的app,網站還是品牌,選擇一個合適的字體都是一件非常重要的事情。

Type Anything

Type Anything

如果你為了你下一個網站建設而使用谷歌字體,那麼你可能會有興趣使用這個資源。它將會幫助你進行字體搭配。

其它

Bonsai

hellobonsai.com/

一個幫助自由職業者和企業聯繫起來的網站,可以幫助你自動生成一些合同啊文件啥的。這些都是設計師們最頭疼的事情。

User research and testing

uxdesign.cc/ux-tools-fo

一個UXdesign.cc的資源列表,我最喜歡的資源之一。

Service design toolkit

Service Design Toolkit

這是一個非常棒的,容易使人上癮的資源。這裡有很多關於用戶研究的模板,下載它們然後用在自己的項目里吧。

額外福利

獨角獸工作流,Invision上的一篇文章

The unicorn workflow: design to code with Atomic Design principles and Sketch

ps:你們要的封面圖

https://cdn-images-1.medium.com/max/2000/1*897iagXkUJXQsFvKsfsdsQ.jpeg

英文原文地址:blog.prototypr.io/top-f


推薦閱讀:

Instagram 如何在新 iPhone 的廣色域屏幕中顯示廣色域圖像
SODO學堂 獨家教程 | 壓印戒指金工技法
比有錢買房更牛逼的是,你有一個好的裝修品位…

TAG:设计 | 交互设计 | 用户界面设计 |