教了6年設(shè)計(jì)，我們總結(jié)了這些交互設(shè)計(jì)/服務(wù)設(shè)計(jì)的素材網(wǎng)站

時(shí)間：2023-06-04 09:27:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-06-04 09:27:01 來源：網(wǎng)站運(yùn)營

教了6年設(shè)計(jì)，我們總結(jié)了這些交互設(shè)計(jì)/服務(wù)設(shè)計(jì)的素材網(wǎng)站：作為一個交互或服務(wù)設(shè)計(jì)師，除了掉頭發(fā)的創(chuàng)意階段，我們還需要辛辛苦苦的做圖階段。如何提升做圖效率就成了重要一環(huán)。今天，我們來看看有哪些網(wǎng)站能夠幫助我們快速找到設(shè)計(jì)素材。

找 Kit

1.蘋果官網(wǎng)的 iOS kit
網(wǎng)址：https://developer.apple.com/design/

蘋果官方出品的設(shè)計(jì)Kit，無需多言了吧。


在這里我們可以下載到最新的 iOS kit，包含了多種軟件格式，XD 文件也加入了哦。


2.Facebook.design
網(wǎng)址：https://facebook.design/

作為設(shè)計(jì)界優(yōu)秀的存在，這個不存在的網(wǎng)站不僅為世界提供社交平臺，還在為設(shè)計(jì)師提供設(shè)計(jì)指導(dǎo)。在Facebook.design 這里的Tools & Resources 板塊中， 我們能夠找到一些優(yōu)秀的設(shè)計(jì)素材。


Facebook.design 的主要內(nèi)容以 iPhone GUI 的 Kit 為主，用過都說好。


3.Carbon Design System
網(wǎng)址: https://www.carbondesignsystem.com


出品方 IBM 的設(shè)計(jì)框架與UI準(zhǔn)則，主要更新在世界最大的同性交友程序員交流網(wǎng)站 github，也是我們馬克筆設(shè)計(jì)留學(xué)推出的《版面速食/設(shè)計(jì)留學(xué)作品集全攻略》與 大北窯工具套裝 的最初靈感。


進(jìn)入 Carbon Design 的 Github Repo 后，我們就可以下載對應(yīng)的sketch 文件了。

找 icon

1.flaticon
網(wǎng)址：https://www.flaticon.com


大量矢量 icon 素材包，SVG 與 EPS 格式文件可以非常方便直接拖入各個設(shè)計(jì)軟件。


2.easyicon
網(wǎng)址: https://www.easyicon.net

單個 icon 下載與尋找的最佳網(wǎng)站之一。


3.ICONFONT
網(wǎng)址: http://iconfont.cn

阿里旗下設(shè)計(jì)師/程序員福音網(wǎng)站之一，甚至支持 github 登錄。單個 icon 或成組 icon 都能很方便下載。全中文網(wǎng)站，值得推薦。

找方法

1.DeisngKitMethods
網(wǎng)址: http://www.designkit.org/methods


來自 IDEO 的設(shè)計(jì)方法總結(jié)，在這里你可以找到幾乎所有你可能用到的設(shè)計(jì)方法和參考。除了 Delft Design Guide 之外，這是我們比較推薦的設(shè)計(jì)方法網(wǎng)站之一。


2.Service Design Tools
網(wǎng)址: http://www.servicedesigntools.org


一個精確在服務(wù)設(shè)計(jì)領(lǐng)域的工具網(wǎng)站，幾乎是每個做服務(wù)設(shè)計(jì)同學(xué)或多或少都會用到的網(wǎng)站。推薦給服務(wù)設(shè)計(jì)師或者服務(wù)設(shè)計(jì)學(xué)習(xí)者。

找圖

1.unsplash
網(wǎng)址: https://unsplash.com

全網(wǎng)站CC0 授權(quán)圖片，超高精度免登陸下載，甚至可以商業(yè)用途。無需多言的找圖首選。


2.pixabay
網(wǎng)址: https://pixabay.com

概念與 unsplash 類似，超清大圖，CC0授權(quán)，推薦與 unsplash 組合使用。


3.Pinterest
網(wǎng)址: https://www.pinterest.com


俗話說，設(shè)計(jì)師的創(chuàng)造力程度80%受到 Pinterest 的連接速度影響。那么，P站自然是找圖找靈感找思路的最好網(wǎng)站之一。

特別推薦

1.Freebiesbug
網(wǎng)址: https://freebiesbug.com


Freebiesbug 正確的分詞應(yīng)該是 freebies bug，這個網(wǎng)站專供各種類型各種軟件各種用途的設(shè)計(jì)資源，幾乎免注冊，非常方便，極度推薦。
從 icon, 到 Kit, 到 Mock-Up, 只要是設(shè)計(jì)師需要的資源，這里基本都有下載。


2.版面速食
網(wǎng)址: http://kit.makebi.net

《版面速食/設(shè)計(jì)留學(xué)作品集全攻略》也許是你能見到最全面最完整最高規(guī)格的免費(fèi)作品集制作資源。


總結(jié)
這次資源網(wǎng)站推薦主要集中在軟件/界面/做圖等方向內(nèi)，適合交互設(shè)計(jì)、服務(wù)設(shè)計(jì)專業(yè)的小伙伴們收藏使用。但是，外部設(shè)計(jì)資源僅僅是一個幫助，它雖然能幫助我們快速完成設(shè)計(jì)，但卻不能幫助我們進(jìn)行創(chuàng)意。工具畢竟只是工具而已。
好了那我們下次再見！


文章作者：Natt
教學(xué)總監(jiān)
拉夫堡大學(xué)碩士
輔導(dǎo)學(xué)生多次錄取倫藝/羅德島/帕森斯/愛丁堡/米理等名校


任何關(guān)于院校和作品集的問題
歡迎隨時(shí)和馬克君溝通
知無不言，言無不盡歡迎關(guān)注公眾號：馬克筆設(shè)計(jì)留學(xué)，更多院校信息以及作品集攻略都在這里哦！原文鏈接：http://www.makebi.net/31807.html