藝術(shù)作品集攻略|交互設(shè)計(jì)必備的50個網(wǎng)站

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

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

藝術(shù)作品集攻略|交互設(shè)計(jì)必備的50個網(wǎng)站：大家好，這次帽子君為大家整理了全套的交互設(shè)計(jì)網(wǎng)站，網(wǎng)站分為6類，總共50個，這些網(wǎng)站可以解決幾乎90%的問題，希望能夠?qū)Υ蠹矣袔椭?br>

一.資訊類網(wǎng)站

1.Sidebar

https://sidebar.io/

每天更新設(shè)計(jì)類的資訊，可以說是資訊類最好的網(wǎng)站。

二.靈感來源

1.Smashing

https://www.smashingmagazine.com/

面向設(shè)計(jì)師的付費(fèi)類型網(wǎng)站，網(wǎng)站內(nèi)容包含從從業(yè)者的實(shí)際感受。

2.ID公社

http://www.hi-id.com/

網(wǎng)站類似于博客，經(jīng)常會更新一些交互設(shè)計(jì)類的經(jīng)驗(yàn)以及想法，幫助尋找靈感。

3.Iconfans

http://www.hi-id.com/

是服務(wù)于所有愛好設(shè)計(jì)交互人群的理想平臺，專業(yè)界面交互設(shè)計(jì)論壇。

4.優(yōu)秀網(wǎng)頁設(shè)計(jì)

https://www.uisdc.com/

國內(nèi)比較好的交互設(shè)計(jì)博客類網(wǎng)站，每天都會更新一些干貨經(jīng)驗(yàn)。

5.Design - Fubiz Media

http://www.fubiz.net/

設(shè)計(jì)類的媒體網(wǎng)站，比較偏向生活中應(yīng)用的作品，可以作為一個尋找靈感的網(wǎng)站。

6.dribbble

https://dribbble.com/

全球?qū)ふ异`感最好的網(wǎng)站之一，是所有類型設(shè)計(jì)師的全球社區(qū)。

7.Behance

https://www.behance.net/

和dribbble類似。

8.Uplabs

https://www.uplabs.com/

匯集了很多前端設(shè)計(jì)作品，還有大量安卓和IOS UI這樣的資源

9.collect UI

https://www.collectui.com/

每日更新高質(zhì)量UI作品，它最棒的一點(diǎn)在于歸類詳盡，還可以直接追蹤到Dribbble關(guān)注它的作者。

10.site inspire

https://www.siteinspire.com/

一個網(wǎng)頁集合類網(wǎng)站，你可以根據(jù)不同的風(fēng)格，樣式，種類來搜索你想要的網(wǎng)站。

11.one page love

https://onepagelove.com/

匯集了很多優(yōu)秀的單頁，也有很多模版和資源。

12.resource cards

https://resourcecards.com/

所有設(shè)計(jì)中基本用到的元素都可以通過這里找到，卡片式分類。

三.學(xué)術(shù)類網(wǎng)站

1.網(wǎng)頁設(shè)計(jì)師聯(lián)盟

https://www.uisdc.com/

每周會邀請一些大牛分享課程以及經(jīng)驗(yàn)，是國內(nèi)比較少有的課程類網(wǎng)站。

2.52 Weeks of UX

https://www.uxbooth.com/

可以從第一周開始看，這個網(wǎng)站以教程為主，看完52周可以對交互設(shè)計(jì)有一個全面的了解

3.UI & UX | Co.Design

https://www.fastcodesign.com/ui-ux-interactive

文章篇幅較長，文章質(zhì)量比較高，如果需要深入學(xué)習(xí)交互設(shè)計(jì)是非常好的一個網(wǎng)站。

4.ux magazine

https://uxmag.com/

比較會用通俗的案列講解理論知識，分析得很有理有據(jù)，可以作為大家二手調(diào)研里的素材。

5.designmodo

https://designmodo.com/

網(wǎng)介紹了很多設(shè)計(jì)前沿與趨勢，可以通過這個網(wǎng)站了解到最新的設(shè)計(jì)趨勢。

6.Facebook design

https://facebook.design/

這個頁面結(jié)合了Fb的設(shè)計(jì)師所制作的免費(fèi)設(shè)計(jì)資源。

7.Usability Post

http://usabilitypost.com/

內(nèi)容包含大量的網(wǎng)頁設(shè)計(jì)和可用性問題。其中，也有關(guān)于設(shè)計(jì)趨勢的預(yù)測，以及對項(xiàng)目管理資源的推薦。

四.工具類網(wǎng)站

1.workMark

https://wordmark.it/

一個可以幫你快速比較不同字體、選擇字體的工具

2.Coolors

https://coolors.co/

相比LC功能更豐富的配色網(wǎng)站，可以解析上傳圖片中的配色。

3.Icons for Everthing

https://thenounproject.com/

這個網(wǎng)站可以簡化你的icons設(shè)計(jì)路徑。

4.place it

https://placeit.net/

place it其實(shí)就是幫助我們在最后在得到設(shè)計(jì)結(jié)果的時(shí)候自動生成最終場景的圖片，你只需準(zhǔn)備好你的interface直接把它植入到這個環(huán)境里，不需要去修改。

5.Pexels

https://www.pexels.com/

最好的圖片素材庫之一。

6.Unsplash

https://unsplash.com/

最好的圖片素材庫之一

五.原型圖網(wǎng)站

1.UXPin

https://www.uxpin.com/

UXPin 中內(nèi)置了很多不同的 UI 元素，幫助我們創(chuàng)建星光圖和原型，可以很大程度上減少時(shí)間成本。

http://2.Proto.IO

https://proto.io/

可以說是網(wǎng)頁版最完整的原型圖工具了，他可以直接進(jìn)入原型去編譯Html和CSS代碼和觸摸屏的交互方式，方便測試結(jié)果

3.Bslsamiq

https://balsamiq.com/

一個長效的線框圖設(shè)計(jì)的一個平臺，但是它比較局限性在于只可以用來輸出靜態(tài)的線框圖的結(jié)果。

4.Axure

https://www.axure.com/

最主流原型圖軟件的網(wǎng)頁版

5.InVision

https://www.invisionapp.com/

InVision 也是有很多內(nèi)置的 UI 的元素，它的局限在于不太能隨便去建立自己的 UI 庫。它的優(yōu)點(diǎn)在于可以通過動向的鏈接去輸出一個可點(diǎn)擊的結(jié)果。

六.國內(nèi)博客

??騰訊

1.騰訊CDC

https://cdc.tencent.com/

2.讓生活支付更完美|TID-財(cái)付通設(shè)計(jì)中心

??360

1.360UXC用戶體驗(yàn)設(shè)計(jì)中心

http://ecd.tencent.com/

??阿里

1.天貓UED

http://www.aliued.cn/

??網(wǎng)易

1.網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心

http://gux.163.com/