2021年你該知道的，交互設(shè)計大神必備靈感網(wǎng)站
時間：2023-10-11 07:06:02 | 來源：網(wǎng)站運營
時間：2023-10-11 07:06:02 來源：網(wǎng)站運營
2021年你該知道的，交互設(shè)計大神必備靈感網(wǎng)站：有哪些交互設(shè)計靈感網(wǎng)站值得推薦？各位準備出國學交互設(shè)計的小伙伴們，克瑞思為大家準備了一份交互設(shè)計大神強烈推薦的優(yōu)質(zhì)靈感網(wǎng)站合集，希望能夠幫你在準備階段獲得加分靈感，穩(wěn)穩(wěn)收獲心儀offer！
Dribblehttps://dribbble.com/Dribble應該算是最大的互聯(lián)網(wǎng)設(shè)計作品共享網(wǎng)站了，內(nèi)容涵蓋了交互、UI、平面、插畫、動態(tài)視覺、多媒體、攝影等等多方面的設(shè)計師作品。
在這上面你可以看到設(shè)計師作品的精彩頁面，能通過作品認識世界各地的設(shè)計師。同時，你也可以上傳自己的作品，看看大家都是怎么評價的，很多設(shè)計師都是通過這種方式優(yōu)化自己的方案，甚至接到了其他約稿～
Behancehttps://www.behance.net/Adobe旗下的著名設(shè)計社區(qū)，2006年創(chuàng)立。近幾年，有越來越多優(yōu)秀的設(shè)計師轉(zhuǎn)戰(zhàn)Behance，在社區(qū)中展示自己設(shè)計案例的全部細節(jié)。對于交互設(shè)計學習者來說，非常具有參考價值。
社區(qū)里發(fā)布了大量的優(yōu)秀作品，也同樣可供設(shè)計師之間相互交流，討論作品。還有關(guān)注追蹤的功能，可以讓瀏覽者及時看到自己關(guān)注的優(yōu)秀設(shè)計者的動態(tài)。
Behance上的作品種類豐富，不僅有上面提到的交互、視覺、多媒體等作品，還有建筑設(shè)計、工業(yè)產(chǎn)品、品牌等其他設(shè)計領(lǐng)域作品，為你提供多角度的思路。
CollectUIhttp://collectui.com/Collect UI網(wǎng)站是一個基于dribbble的每日資源推薦社區(qū)。它不僅是dribbble的“再分享社區(qū)”，又與dribbble有很大的區(qū)別。
Collect UI網(wǎng)站以移動端UI設(shè)計案例居多，收錄數(shù)量多，推薦給大家的原因主要是每天都會更新高質(zhì)量的UI作品，能夠緊跟設(shè)計變化的時代步伐。
因為collect UI都是通過人工篩選的方式來保證這個社區(qū)有很高的質(zhì)量，我們可以看到在左側(cè)列表欄劃分出了不同的頁面類別，詳盡到多達100多種，比如sign up、landingpage、user profile，這樣我們在搜索不同類別時可以很清晰，可以從網(wǎng)站左側(cè)快速定位進行瀏覽。遇到喜歡的作品，還可以直接追蹤到Dribbble關(guān)注它的作者。
Uplabshttps://www.uplabs.com/如果同學們對behance或者dribbble很熟悉，我相信大家對uplabs也一定不陌生，它是一個很好地為設(shè)計師打造的資源推薦社區(qū)，上面匯集了很多前端設(shè)計作品，還有大量的android和ios UI這樣的資源。
另外uplabs也有很好地marketing功能，大家可以去免費或付費下載資源。
onepagelovehttps://onepagelove.com/這個網(wǎng)站匯集了很多優(yōu)秀單頁，也有很多模板和資源，有20多種基于行業(yè)的分類，你會發(fā)現(xiàn)它沒有像其他作品集網(wǎng)站的頁面，它會將大家的注意力集中于界面，模板主題很直觀，所以你可以很輕松地找到自己喜歡的不同行業(yè)的模板。
Awwwardshttp://www.awwwards.com/Awwwards是數(shù)媒領(lǐng)域的一個大獎，網(wǎng)站上展示了歷年的獲獎作品，其中包括網(wǎng)頁設(shè)計、多媒體設(shè)計、交互設(shè)計、平面設(shè)計等等。
在賞析這些精美的獲獎作品同時，你還可以了解當下的設(shè)計趨勢。
TheFWAhttp://www.thefwa.com/FWA（ Favourite Website Awards）是英國老牌的全球minisite酷站，展示作品比較重視新技術(shù)運用于互動中，視覺重視創(chuàng)意表現(xiàn)，其中很多商業(yè)設(shè)計值得借鑒。
網(wǎng)站上有300多位評委老師，你可以上傳作品看到他們給作品的打分情況。
SiteInspirehttps://www.siteinspire.com/Site Inspire的特點是收錄網(wǎng)站多——收錄了2500+個網(wǎng)站設(shè)計，并且可以按主題、類型以及風格來進行搜索你想要的靈感。
?
straightlinehttp://bm.straightline.jp/Straightline是一個日本的網(wǎng)頁視覺設(shè)計匯總網(wǎng)站，日本的網(wǎng)頁設(shè)計風格沒有歐美的注重質(zhì)感和視覺沖擊力，是屬于超級耐看型，匯集了很多很棒的設(shè)計，資源也比較豐富。
?
pttrnshttps://pttrns.com/Pttrns很像是交互設(shè)計版的pinterest，網(wǎng)站收集了一千多個App設(shè)計模板和產(chǎn)品流程截圖，而且還在不斷更新中。這些模板截圖按照App的功能或者截圖的類型分類。另外，還可以通過放大鏡，更清晰地看清楚截圖。
?
Html5Showcasehttp://html5-showcase.com/HTML showcase是一個展示各種優(yōu)質(zhì)Html5網(wǎng)頁交互案例的資源網(wǎng)站，專門做H5的資源網(wǎng)站本來就不多，趕緊安利給大家。
http://MUUUUU.ORGhttp://muuuuu.org/http://MUUUUU.ORG日式風格的網(wǎng)頁設(shè)計集合網(wǎng)站。
有許多優(yōu)質(zhì)的日式風格網(wǎng)頁設(shè)計的案例，日本設(shè)計風格中的自成一派和許多細微的人性化交互設(shè)計非常值得借鑒。
Hoverstathttps://www.hoverstat.es/features/Hoverstat是一個很有意思的小眾網(wǎng)站展示平臺，里面有很多設(shè)計師或者程序員做的好玩網(wǎng)站，在這里有很多能夠啟發(fā)你的靈感。
?
navnavhttp://navnav.co/Navnav主要集合了app交互設(shè)計的各個元素，比如table、Chat、Border等等的設(shè)計作品。
這讓它在交互設(shè)計中顯得格外有參考價值，和其他靈感網(wǎng)站相比，它更像是給你展示了app交互設(shè)計中每個細節(jié)的優(yōu)秀案例。
其中有很多動態(tài)視覺的案例參考，都很有趣。
Resourcecardshttps://resourcecards.com/這個是一個特別給力的比較結(jié)合性的網(wǎng)站。
如果我們對設(shè)計還沒有很多了解，如果你的設(shè)計收藏夾還為零的話，僅僅這一個網(wǎng)站就可以解決很多問題，因為它的resource cards是一個專門為設(shè)計師提供豐富資源的網(wǎng)站，這上面有不同的卡片類別，每一個卡片類別下面都會有相應下一級的分類，每一個小小的卡片都是一個收藏夾。
?
smashingmagazinehttps://www.smashingmagazine.com/這里面的文章比較綜合包括整體的質(zhì)量很高，很適合做用戶體驗的同學來關(guān)注。
它比較適合美國留學的同學，因為其實美國會對交互有一些技術(shù)性要求，會需要你有coding的能力，需要你有交互的能力，其實這里面也有涉及到這樣的分類，比如coding，mobile都會有偏向這樣的文章。
smashing magazine里面的文章總體的質(zhì)量很高篇幅很長，我不知道現(xiàn)階段大家的英語能力怎么樣，但是我覺得大家可以一篇一篇堅持讀下來我相信對大家這樣的專業(yè)詞匯的能力的提上還是很高的。
ux boothhttps://www.uxbooth.com/它其實是個偏向于用戶體驗的文章的匯集網(wǎng)站，與上面的smashing magazine主要的區(qū)別的在于是更聚焦于用戶體驗這樣相關(guān)的方面，整體具有很系統(tǒng)很嚴謹?shù)膶W術(shù)性，很系統(tǒng)很嚴謹。三個功能都很棒，一個是交互，一個是acceptability，還有一個偏向于可用性測試也很不錯。
ux magazinehttps://uxmag.com/這里的文章和上面其他的網(wǎng)站上的相比更短小精悍一些。比較會用通俗的案列講解理論知識，分析得很有理有據(jù)，可以作為大家二手調(diào)研里的素材，同時會有一些結(jié)合心理學與設(shè)計的探討，與上面幾個相比會比較容易理解。
wordMarkhttps://wordmark.it/它是一個可以幫你快速比較不同字體、選擇字體的工具，你可以簡單輸入你想要測試的文字，設(shè)置它的字體大小，就會在下面實時的顯示出實時做一個比較。當大家在看英文書籍時你可能會發(fā)現(xiàn)一個非常好看的英文字體，但是因為它的紙質(zhì)的，我也沒有辦法去得到這個字體是什么，其實這個時候掃描一下把它植入到平臺里面會自動幫你識別出這個字體，來方便你日后的使用。
LOL COLORShttps://www.webdesignrankings.com/這是一個設(shè)計師獨立設(shè)計、獨立coding 的網(wǎng)站。這上面提供了很多不同顏色的配色方案，每一組有四個顏色，大家如果看到這上面有合適的配色方案，可以簡化大家的設(shè)計流程。
Coolorshttps://coolors.co/我們可以卡到這也是一個配色網(wǎng)站，相比于上一個它的功能會更豐富一些，可以微調(diào)每個顏色的亮度，飽和度與色相。這里有一個很好的功能，你會看到如果上傳一張圖片，它會幫你解析圖片的配色方案，最后你可以導出保存到調(diào)色板里面。
Lcons for Everthinghttps://thenounproject.com/這個網(wǎng)站可以簡化你的icons設(shè)計路徑，如果我們在做作品集排版的時候，我們經(jīng)常會用icon做導引，在這樣的平臺都可以找到合適的icon。
place ithttps://placeit.net/在做用戶體驗，交互，服務(wù)設(shè)計的時候其實都會分4個部分，第一個部分是我們需要去發(fā)現(xiàn)一個實際問題；第二是定義一個核心的痛點；第三是去展示我們的設(shè)計結(jié)果；最好要把設(shè)計結(jié)果放入到一個真實的情景中去測試，從用戶的身上得到反饋。
這個place it其實就是幫助我們在最后在得到設(shè)計結(jié)果的時候自動生成最終場景的圖片，你只需準備好你的interface直接把它植入到這個環(huán)境里，不需要去修改，去ps。
在線咨詢