70個(gè)交互/服務(wù)/產(chǎn)品設(shè)計(jì)&課程網(wǎng)站資源大放送！趕緊來(lái)收藏??！

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

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

70個(gè)交互/服務(wù)/產(chǎn)品設(shè)計(jì)&課程網(wǎng)站資源大放送！趕緊來(lái)收藏?。。?br>



對(duì)于想要學(xué)習(xí)交互服務(wù)設(shè)計(jì)的同學(xué)來(lái)說(shuō)，在做項(xiàng)目的過(guò)程中會(huì)需要很多輔助材料來(lái)幫助我們進(jìn)行設(shè)計(jì)，無(wú)論是理論、方法，還是軟件、工具，挖掘并掌握這些設(shè)計(jì)資源都可以讓我們的項(xiàng)目推進(jìn)的更加順利，擁有更豐富的視覺(jué)效果。

本文UXD將從Icons、Illustrations、Learn Design、Inspiration、Colors、Design Systems、Design Tools等方面對(duì)設(shè)計(jì)資源進(jìn)行了分類和網(wǎng)站推薦，有需要的同學(xué)抓緊收藏吧！

Icons

圖標(biāo)(Icon)的使用并不需要很復(fù)雜，如果使用得當(dāng)，它可以為你的UI設(shè)計(jì)增加形式和功能。它們可以通過(guò)立即被識(shí)別來(lái)加速用戶交互，還可以為用戶界面設(shè)計(jì)增加風(fēng)格和視覺(jué)趣味。10個(gè)相關(guān)網(wǎng)站推薦如下：

• Streamline

http://streamlinehq.com

• Feather

http://feathericons.com

• Iconscout

http://iconscout.com

• Iconfinder

http://iconfinder.com

• Remix Icon

http://remixicon.com

• The Noun Project

http://thenounproject.com

• Icons8

http://icons8.com

• Google Fonts

http://fonts.google.com

• Iconset

http://iconset.io

• Eva Icons

http://akveo.github.io/eva-icons

Illustrations

使用插圖可以幫助滿足多種用戶的需求。它可以提供視覺(jué)輔助，增加功能之外的價(jià)值，還可以用于講故事。恰當(dāng)?shù)厥褂貌鍒D可以幫助提升網(wǎng)站、軟件或應(yīng)用程序的檔次。10個(gè)相關(guān)網(wǎng)站推薦如下：

• Streamline

http://app.streamlinehq.com/illustrations

• Illlustrations

http://illlustrations.co

• Open Doodles

http://opendoodles.com

• Get Illustrations

http://getillustrations.com

• Draw Kit

http://drawkit.com

• 3D Icons

http://3dicons.co

• UnDraw

http://undraw.co/illustrations

• Many Pixels

http://manypixels.co/gallery

• Icons8

http://icons8.com/illustrations

• Humaaan

http://humaaans.com

Learn Design

對(duì)于學(xué)習(xí)交互和服務(wù)設(shè)計(jì)的同學(xué)來(lái)說(shuō)，有很多理論、方法、工具和軟件都需要掌握，在這里推薦10個(gè)相關(guān)網(wǎng)站，供大家參考和學(xué)習(xí)：

• Webflow

http://university.webflow.com/courses

• Checklist Design

checklist.design

• Laws of UX

http://lawsofux.com

• Growth Design

growth.design/case-studies

• Apple

http://developer.apple.com/videos/

• Humane by Design

http://humanebydesign.com

• Material Design

http://material.io/design

• Invision

http://designbetter.co

• Case Study Club

casestudy.club

• Nielsen Norman Group

http://nngroup.com

Inspiration

在項(xiàng)目的開(kāi)始階段，我們往往會(huì)苦惱于找不到設(shè)計(jì)的靈感，因此在這里推薦10個(gè)設(shè)計(jì)資源網(wǎng)站，幫助啟發(fā)大家的設(shè)計(jì)思路：

• Dribbble

https://dribbble.com/

• Muzli

http://muz.li

• Mobbin

mobbin.design

• Behance

http://behance.net

• Awwwards

http://awwwards.com

• Lapa Ninja

lapa.ninja

• Best Folio

http://bestfolios.com

• Pttrns

http://pttrns.com

• UI Sources

http://uisources.com

• Designer Hunt

http://designerhunt.io

Colors

色彩是任何UI設(shè)計(jì)都會(huì)突出強(qiáng)調(diào)的一個(gè)因素，一組好的配色可以吸引用戶，也可以更好地傳達(dá)你的信息，同時(shí)，色彩還可以設(shè)定一個(gè)品牌或產(chǎn)品的基調(diào)、概念和內(nèi)涵。10個(gè)相關(guān)網(wǎng)站推薦如下：

• Happy Hues

http://happyhues.co

• Duo

http://duo.alexpate.uk

• Adobe Color

http://color.adobe.com

• Khroma

http://khroma.co

• Color Hunt

http://colorhunt.co

• Colorsinspo

http://colorsinspo.com

• Coolors

http://coolors.co

• Eva Design System

colors.eva.design

• Pigment

http://pigment.shapefactory.co

• Color Claim

http://vanschneider.com/colors

Design Systems

設(shè)計(jì)系統(tǒng)是一組標(biāo)準(zhǔn)，通過(guò)減少冗余，在不同頁(yè)面和通道之間創(chuàng)建共享的語(yǔ)言和視覺(jué)一致性，從而方便我們大規(guī)模地管理自己的設(shè)計(jì)，從而節(jié)省更多的時(shí)間和精力。10個(gè)相關(guān)網(wǎng)站推薦如下：

• Carbon Design System

http://carbondesignsystem.com

• Adobe design system

http://spectrum.adobe.com

• Evergreen

http://evergreen.segment.com

• Material Design

http://material.io/design

• Apple Design System

http://developer.apple.com/design/human-interface-guidelines/

• Atlassian Design System

atlassian.design

• Primer

primer.style

• Marvel App

http://marvelapp.com/styleguide

• Shopify

http://polaris.shopify.com

• Zendesk

garden.zendesk

Design Tools

設(shè)計(jì)工具可以幫助設(shè)計(jì)師設(shè)計(jì)精確的高保真線框、模型和原型，并渲染最低可行性的產(chǎn)品，這些工具可以幫助構(gòu)建信息體系結(jié)構(gòu)。10個(gè)相關(guān)網(wǎng)站推薦如下：

• Figma

http://figma.com

• Adobe Xd

http://adobe.com/in/products/xd.html

• Sketch

http://sketch.com

• Miro

http://miro.com

• Framer X

http://framer.com

• Lottie Files

http://lottiefiles.com

• Zeplin

http://zeplin.io

• Figma Jam

http://figma.com/figjam

• Adobe Illustrator

http://adobe.com/in/products/illustrator.html

• Adobe Photoshop

http://adobe.com/in/products/photoshop.html

---

更多知識(shí)干貨以及其他海外留學(xué)的資訊可以關(guān)注UXD交互工業(yè)產(chǎn)品設(shè)計(jì)公眾號(hào)或者添加小助手，還可獲取作品集和講座資源~

|福利大放送 | WELFARE

對(duì)于設(shè)計(jì)初學(xué)者，完成從0開(kāi)始創(chuàng)作幾乎是不可能的，就像學(xué)習(xí)過(guò)程中書(shū)讀百遍其義自見(jiàn)一樣。有了大量的積累，才能在腦海里建立素材庫(kù)，這些素材庫(kù)能幫助同學(xué)們完成最初的設(shè)計(jì)想法積累，基于這樣的基礎(chǔ)再進(jìn)行個(gè)性化的創(chuàng)作，最終才能做出高質(zhì)量的作品集。全球院校最新作品集免費(fèi)拿！添加小助手wx即可獲取：