有哪些關於交互設計方面的好網站?

希望推薦一些交互體驗比較好的網站,特別是國外的~


第7版更新 2015/8/16
特贊的微信帳號,定時有高質量的翻譯文章,很不錯,強烈建議閱讀。

--------
第6版更新
The Design Details Podcast &<- 每天早上有時間必聽。有趣的對話與更親民的故事,還有許多最新的觀點,關於交互設計、創業文化與工具。
Facebook Design on Medium &<- 關於設計過程的一些好文章,分享給注重內容品質的讀者。

--------

感謝邀請。推薦交互體驗比較好的網站跟上網站找靈感可能用這樣的方式來回答:

我想推薦一些站點、內容來源來幫助相對性較資淺的交互設計師(不細分領域)來初步了解相關業界、並可以開始自行評估交互體驗(透過商業模式、獨特性等角度),同時也能在各方面被啟發:

厲害的同事搜集的厲害Pinterest Boards:
ui


關於交互設計的商業模式:
TechCrunch / 哈佛商業評論 / Wired的主編、相關文章等
The Startup Economy / BussinessInsider /
The Designer Fund(建議快速認識一下這些導師,這樣就可以找到各種延伸的資源)
Kickstarter (Discover Projects )

獨特的觀點或靈感:
Daring Fireball / OpenIDEO / Qoura (透過關鍵字搜尋比較容易找到)
TED上的演講,與Social Impact、Culture, Education相關的其實啟發交互設計更多。Sixth Sense、Bing Map等則讓人欽佩。

案例介紹:Core 77, Frog、 IDEO、Smart, Ziba Design等設計公司,會從用戶、科技、文化與商界角度分析設計的價值,都很值得看。

業界消息:
數位周刊 / 關於互聯網的那點事 / 數位之牆

英文:
The Next Web [ The Next Web ]
Smashing Magazine
UX Magazine

較有質量的文章或創新交互設計的案例:
SXSW相關評論、紀錄等 / Apple4us (強啊)
OFFF: OFFF, Let"s Feed The Future |
New York Times (很多文章都有互動的信息設計、甚至很多活動都會有即時互動的交互設計,很棒)
少數研討會分享的PPT(有時參與比較有價值)

不見得常更新:
Frog的design mind / IDEO的Patterns from IDEO / Adaptive Path / Smart Design的SmartThinking

科技相關...不過還蠻有意思的:
Emergent Future - Emergent Futures Tumblelog
Futuramb - futuramb"s crumbs

抽象、藝術、實體交互設計
Processing / RCA的研究所的作品、學生、老師的網站或出版品。

幾個關鍵詞,有需要會搜尋:
Art + Com / Second Story Studio / SuperNature / Obscura Digital / GPJ
Maker Magazine / Arduino

來自學術的新想法:
美國CCA交互設計課程的所有信息與項目(非常值得期待!)
NYU的ITP / Art Center College of Design的Media Design Program的某些項目
Umea College of Design近年來的學生網站

* 台灣IxDA的臉書群組有一群HCI專家超愛分享國外最新的論文,有點硬,但對於想攻讀博士的人可能有用的。

界面視覺設計 (其他朋友應有更多好的推薦)
Dribbble 或 Folio Focus
我會看一些明星元老的網站裡面的內容與他們的新書、新作品,還有一兩個真的非常厲害的年輕設計師。不過我用Galleried看比較快。
Pinterest上的"Nicely Done UI" by Ya-Ting Maggie Kuo
*事實上,現在在Pinterest上找UI方便很多,感覺比Dribbble更好找~

新增類似:
Creattica
http://siteinspire.com/
HTML5 Showcase
http://pttrns.com/
http://wellplacedpixels.com/
http://www.lovelyui.com/
(應該跟多人收集的都類似吧?)

FWA
不過我以前都去這邊看得獎的公司(digital agencies)裡面有些很厲害的設計師跟新作品與想法,很少看視覺..推薦:
odopod / unit9(有個很厲害的日本人) / R/GA, 當然還有... The Barbarian Group

偶爾會去看每年得獎作品。Communication Arts, One Show, AXIS... 日本跟韓國的一些廣告獎。Archive雜誌、誠品、PageOne書店都會有這些書。


設計或團隊:iA
Vincent Liu補充:Information Architects

交互設計師的下一份工作
Krop / FWA / Design Observer的招聘區 / Aquent
光看工作的招聘也可以學到業界動態、需求,但從朋友同行學到其實更多更快...

附註

  • 獨立的設計師網站先不列舉了...畢竟更新的很少,大部份他們twitter也很少跟專業有關...
  • 就算在微博有不錯的洞察與即時性,也很難比案例分析來的有架構與內容。
  • 科技、技術、調研相關的也可能不在問題範圍內...也不列舉了...
  • 大部份我透過Reeder讀,所以一天中可以花很少時間看有意思的。
  • 還有信息設計的就先不列出...

UI 可以看
國外
Dribbble - Popular
FWA winner | Chrome Super Sync Sports
http://www.awwwards.com/

國內
iconfans,ICONFANS|圖標粉絲網
優秀網頁設計 優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台
網頁設計師聯盟 網頁設計師聯盟--國內網頁設計綜合門戶

UE可以看
國外UE
UX Magazine | Defining and Informing the Complex Field of User Experience (UX)
Interaction Design Association
Wireframes Magazine
Smashing Magazine

國內UE組織深圳體驗設計專業委員會
動易主機管理平台

國內各個團隊的blog
-企鵝家的
騰訊CDC
騰訊MXD移動互聯網設計中心
TGideas-騰訊遊戲官方設計團隊
QQ遊戲設計中心
騰訊ecd – 電商用戶體驗設計部 E-Commerce User Experience
http://isux.tencent.com/blog
讓生活支付更完美|TID-財付通設計中心
360 360UXC用戶體驗設計中心
微博 微博UDC | 讓設計無「微」不至
-阿里家的
支付寶 UED 官方網站
Tmall_UED | 天貓UED
文章 -一淘-UX-用戶體驗中心
http://www.lpued.com/
阿里巴巴(中國站)用戶體驗設計部博客
搜狗 搜狗UED博客
網易 網易用戶體驗設計中心
百度
百度MUX
百度聯盟用戶體驗中心
http://ued.baidu.com


雖然算不上交互設計師,不過對美麗的界面很感興趣:

國內的:

http://www.21uk.cn/

日本的:(這個界面也比較酷)

http://Bm.straightline.jp

英文:

thefwa

一位網友對thefwa的介紹是:thefwa 地球人都知道的老牌的全球minisite酷站。其展示作品重視新技術運用於互動中,視覺重視創意表現,其中很多商業設計值得借鑒。個人認為這裡簡約大氣 的作品很多,花眼球的設計技巧較少,近期給人眼前一亮的作品減少。

開始訪問:http://www.thefwa.com/

另一些網友的評論:NB網站集核,界面漂亮且友好~

這個也挺不錯:

http://stresslimitdesign.com/


「最美應用」,是一個幫助設計師、產品經理和所有移動互聯網圈內人收集那些用戶體驗最美的 App 的微信公眾賬號。(請在微信添加聯繫人處搜索賬號:「nice-app」,或添加公眾賬號「最美應用」,或掃描下面二維碼)

最美應用網站:http://zuimeia.com (最美啊 ^_^)

最美,是產品概念的最美,是交互設計的最美,是視覺設計的最美。作為移動互聯網圈內人,我們就是需要不斷的積累美感,每一天一個最美應用,每一天多一點積累。

這是我們做的一個開放項目,希望能夠將我們日常探索和發現的最美應用分享出來,將那些在產品、交互和視覺的某一方面值得揣摩、借鑒的 App 分享給大家,一起學習。期待大家都能做出「更美的應用。

我們推薦的不是App,是用戶體驗,是產品概念、交互設計和視覺設計,是給行業內的大家來看。不希望涉及到任何商業推廣,請不要聯繫我們做任何App推廣之類的活動。

//不斷的收到大家的感謝,非常開心。周圍的很多朋友關注了「最美應用」,都和我說覺得非常有幫助,這讓我們非常有動力。

http://weixin.qq.com/r/YXVyfT3E8wOMhywenyBF (二維碼自動識別)

剛剛發現,微信公眾平台的首頁截圖裡都有最美應用~~~
https://mp.weixin.qq.com/cgi-bin/readtemplate?t=wxm-mp-kind-intro


說實話,國內很多設計師去dribbble這樣的地方並不是尋找靈感,而只是抄


http://creattica.com/

我覺得這個也不錯,涵蓋了多方面的設計。


DECOMOOK(達摩客)http://decomook.com
bauhaus(包豪斯) http://www.bauhaus.de
Le Corbusier(柯布基金會) http://www.fondationlecorbusier.asso.fr
walter-gropius(格羅彼烏斯)http://www.walter-gropius-schule.de
Ludwig Mies van der Rohe(密斯基金會)http://www.miesbcn.com
Alvar Aalto(阿爾托基金會) www.alvaraalto.fi
frank lloyd wright(萊特} http://www.franklloydwright.org
Louis I. Kahn 康) 非官方http://www.design.upenn.edu/archives/archives/collection_a-z.htm
Peter Behrens(貝倫斯) http://www.tu-harburg.de/b/kuehn/pb40.html
Antoni Gaudí (高迪) http://www.gaudiclub.com
Victor Horta(霍塔)www.hortamuseum.be
scarpa(斯卡帕)http://www.studiocleo.com/gallerie/scarpa/scarpapage.html
lissitzky(里茨斯基)http://www.getty.edu/research/conducting_research/digitized_collections/lissitzky/
Botta Mario(博塔) http://www.botta.ch
Piano Renzo(皮亞諾) http://194.185.232.3
Ateliers Jean Nouvel (努韋爾) http://www.jeannouvel.com
Zaha M. Hadid (哈迪德) http://www.zaha-hadid.com
Santiago Calatrava (卡拉特拉瓦) http://www.calatrava.com
mvrdv www.mvrdv.nl
Foster and Partners(福斯特) http://www.fosterandpartners.com
Steven Holl(霍爾) http://www.stevenholl.com
libeskind(里伯斯金德) http://www.daniel-libeskind.com
Kisho Kurokawa (黑川) http://www.kisho.co.jp
Richard Meier Partners, Architects (邁耶) http://www.richardmeier.com
Bernard Tschumi Architects (屈米) http://www.tschumi.com
OMA(庫哈斯) www.oma.nl
coop-himmelblau(藍天組)www.coop-himmelblau.at
vsba(文丘里) http://www.vsba.com
Arata Isozaki(磯崎新)http://www.c-channel.com/c00005/index_en.html
KPF http://www.kpf.com
SOM http://www.som.com
richard rogers(羅傑斯) http://www.richardrogers.co.uk
architecture-studio(法國工作室) http://www.architecture-studio.fr
michael graves(格雷夫斯) http://www.michaelgraves.com
gigon-guyer(古耶+吉貢) www.gigon-guyer.ch
future-systems(未來系統) http://www.future-systems.com
Cesar Pelli Associates - Architects (佩里)http://www.cesar-pelli.com
Grimshaw Nicholas and Partner (格雷母.肖)http://www.grimshaw-architects.com
Morphosis(梅恩) http://www.morphosis.net
非常建築 http://www.fcjz.com
tadao ando(安騰)非官方 http://www.tadaoando.com
HOK http://www.hok.com
貝聿明 http://www.pcfandp.com
Philip Johnson(菲利浦 約翰遜) http://www.pjar.com
Antoine Predock(普雷多克) http://www.predock.com
Charles Correa(克里亞) http://www.charlescorrea.net
劉家琨 http://www.jiakun.com
eisenman (艾森曼) http://www.eisenmanarchitects.com
wiel arets (阿雷茲) www.wielarets.nl

工業設計網站世界著名設計公司
-----------------------------------------
國際工業設計協會聯合會 : http://www.icsid.org
中國工業設計聯合會:http://www.chinadesign.cn/
美國: http://www.core77.com
日本工業設計促進會: http://www.jidpo.or.jp
韓國工業設計促進研究會:http://www.kidp.or.kr
美國工業設計師協會: http://www.idsa.org
設計在線: http://www.dolcn.com
設計時代: http://www.design-era.com
全球設計資訊網 : http://www.infodesign.com.tw
台灣工業設計協會: http://www.cida.org.tw
北京工業設計促進中心: http://www.bjidesign.com
義大利: http://www.designboom.com
德國: http://www.design-report.de
西班牙: http://www.designmp.com
比利時: http://www.designaddict.com
澳大利亞: http://www.m-pm.com
厄瓜多: http://www.trama.com.ec
瑞士: http://www.scandinaviandesign.com
荷蘭: http://www.framemag.com
丹麥: http://www.ddc.dk
法國: http://www.designfrance.tm.fr


------------------------------------------------
http://www.4ddesign.com/----product design and development firm, industrial design, mechanical design, and prototypes, specializing in ergonomic and rugged handheld products
http://www.lunar.com/----美國盧勒設計公司:數字化產品設計
http://www.eccoid.com/----美國艾柯設計顧問公司,一家蜚聲國際的產品設計公司,多次榮獲國際性的設計獎項
http://www.ideo.com/----美國IDEO設計與產品開發公司:戰略服務、人因研究、工業設計、機械和電子工程、互動設計、環境設計等
http://www.ziba.com/home.htm----美國奇芭設計公司:產品設計、環境設計、傳達設計--產品識別,交互設計,機構設計,企業識別,包裝,新媒體,展示...
http://www.frogdesign.com/----青蛙設計公司:平面設計、新媒體、工業設計、工程設計和戰略諮詢。成功設計有索尼的特麗瓏彩電、蘋果的麥金塔電腦、羅技的高觸覺滑鼠、宏基的渴望家用電腦、Windows XP品牌...
http://www.teague.com----美國提格設計公司:產品開發、交通工具設計、系統工程
世界著名設計公司-歐洲
http://www.absolut.fr----法國無限設計群:互動媒體、高科技產品、人機工程、交通工具等設計http://www.fitch.com/----英國費奇設計顧問公司:品牌開發、消費環境、新媒體、產品開發
http://www.welldesign.com/----一家在德國、荷蘭、及台灣皆設有分公司的工業設計公司
http://www.fmdesign.co.uk/----英國費若邁爾斯設計公司:諮詢顧問及戰略策劃、研究與分析、品牌開發、產品、結構包裝、系列傢具、交通工具等設計、計算機輔助設計、模型樣機製作及虛擬模型製作
http://www.alessi.it/----義大利阿萊西設計公司
http://www.design.philips.com/----飛利浦設計中心
http://www.pentagram.com/----英國潘塔格拉姆設計公司:國際化、多專業設計公司,企業形象識別系統設計、室內設計、環境標識系統設計、展覽設計和產品設計等
http://www.pilotfishproducts.com/----位於德國幕尼黑,在台灣及大陸亦成立分公司,提供符合歐美市場的工業設計。作品在國外獲 IF、IDEA、GIO等設計獎。
http://www.marc-newson.com/----英國倫敦的設計公司,網站內產品大多以3D圖呈現,當然也有真實的產品介紹,強調曲線柔性的設計手法,值得一看
http://www.via4.com/index_win.html----德國維佛設計公司:工業設計、平面設計
http://www.mono.de/----德國莫諾設計公司,主要從事日用生活用品設計
http://www.andreanidesign.com/----義大利設計公司
http://www.brooksstevens.com/---- Brooks Stevens Design, a multi-disciplinary product development firm, provides national and international clients with turn-key product development services including design research, human factors and industrial design, engineering, prototyping and project management
http://www.david.se/---- Divid Design所設計生產的家具行銷22個不同的國家,它的產品意味著功能性佳,使用舒適方便。基本上整個網頁呈現出很簡潔的歐洲設計風格,讓人感覺特別細緻淡雅,瀰漫著一種需要細細品味才能感受的美
http://www.nexteo.com/asia/----結合設計與戰略諮詢的國際頂尖設計公司。http://www.ccd.no/---- CCD is a scandinavian design studio developing light fixtures, furniture and technical equipment for european markets.
http://www.marktunddesign.de/---- Markt Design 是德國一家多元化的國際設計公司,
http://www.mnodesign.nl/---- Jan Melis Ben Oostrum, an industrial designer and a sculptural artist
http://www.fritzhansen.com/----北歐最大的傢俱製造商,
http://www.cbd.dk/---- CHRISTIAN BJ豏N DESIGN:北歐最大的工業設計公司,是斯堪的那維亞設計風格的代表


世界著名設計公司-亞洲
http://www.azumi.co.uk/----一家由日本設計師Shin和Tomoko Azumi在倫敦成立的設計公司,所參與的領域包括產品設計、傢具設計以及空間設計
http://www.gk-design.co.jp/----日本最大的工業設計公司
http://www.designexchange.com----(完美FLASH版本網站)新加坡最優秀的工業設計公司.


http://www.dribbble.com 是前段時間很火的一個站


打開 ipad,下載 Zite閱讀器,然後 訂閱 interactive design 這個關鍵詞。

沒事兒就翻翻,無盡寶藏。


交互設計師啊,不是GUI設計師。
我雖不是交互設計師,但是也去http://patterntap.com/隨便看看別人的設計模式


Little Big Details
推且僅推這個站。


reddit其實也算吧……
Mashable - 各類新聞,視角
nettuts+ Web development tutorials, from beginner to advanced
Smashing Magazine


整理一下自己 RSS 裡面訂閱網站

和 UI UX 關聯稍微大的

52 Weeks of UX ,可以從第一周開始看,剛剛開始工作時花了很長時間配合《About Face》(國內譯本《交互設計精髓》都已經是第 4 版了),可以對交互交互設計有一個非常全面的了解和實踐

Design - Fubiz Media ,關於設計的媒體,內容和涉及的行業比較雜,偏向於當代生活中的優秀設計作品,交互設計應該從其他行業汲取靈感

Smashing Magazine — For Web Designers And Developers ,面向網頁設計師和工程師的付費網站, 免費也能看一部分文章,說實話內容比較淺,但是都是從業人員的一些實際感受

Beautiful Pixels ,主要介紹一些當下比較有些的軟體(很重的廣告嫌疑),當作新聞站看看好了

UI UX | Co.Design,文章普遍很長,質量也不錯,貌似被國內翻譯的不多

Sidebar ,可以說是必須訂閱的聚合類網站,每天推薦幾篇文章,設計行業最新資訊和非常不錯的文章

靈感來源

siteInspire - Web Design Inspiration

Little Big Details ,產品細節

Awwwards - Website Awards - Best Web Design Trends

Design Pttrns ,產品流程截圖

善用搜索

https://www.slideshare.net/search/slideshow?searchfrom=headerq=design

https://www.pinterest.com/search/pins/?q=uxrs=typedterm_meta[]=ux%7Ctyped

https://www.behance.net/search?content=projectssort=commentstime=weeksearch=ux

中文

[ i D 公 社 ] ,第一次看的時候有一種醍醐灌頂的感覺

待續……


http://www.awwwards.com/

不知道這個算不算··


國內的交互設計學習網站大多收費,推薦一個剛起步的學習交互設計的開源、免費的網站,交互設計-艾歐交互學堂,http://www.00io.com;http://UED.xyz


交互設計的網站國外的會多一些

交互設計工具

交互設計師用一系列不同的工具來完成他們的工作。無論他們是在一張餐巾紙上畫一個交互草圖還是給客戶介紹一個模擬雛形,他們的目的是相同的:通過交談來溝通。最重要的是,交互設計師需要良好的溝通。以下列出一小部分用於幫助溝通的工具。請記住當網頁界面最終創建好時,需要用諸如CSS、HTML、Flash等面向用戶的(前端)技術來完成。

BALSAMIQ MOCKUPS是一個非常棒的Adobe Air應用程序,使構建交互變得非常容易。Balsamiq團隊做得非常出色,為用戶提供了大量實用的應用設計的交互設計模板。此外,用戶可以很快地跟客戶分享構建框架,建立起框架與更多方面間的聯繫。

Omnigraffle是一款適用於Mac OS X系統的出色的繪圖軟體。交互設計師可以利用像Omnigraffle這樣的繪圖軟體創造出溫和的美感。Omnigraffle載入了一系列值得稱道的功能,包括:點擊即可顯示功能(例如,你可以展示一個模式如何運作),繪製bezier曲線等。

儘管最早InDesign是一個頁面布局的應用程序,主要是平面設計師在使用它,但它在交互設計中的實用性不容忽視,特別是它引入了EightShapes Unifyframework(見下文)。它是Adobe creativeSuite中的一員,InDesign可能是將工作流程簡單化的一個理想工具,它使你的團隊工作起來更加容易。

最後但也是相當重要的,我們不要忘了永遠忠誠的Moleskine筆記本。用鉛筆和紙來繪製給架構過程增加了一點人文因素,這是其他軟體工具所不能比擬的。再者,所有人都可以參與。即便是最差的設計師都能畫「方框和箭頭」。記得花錢買一些這樣的筆記本,然後在跟客戶第一次見面的時候帶上他們,特別是當白板不是那麼方便的時候。

5.1 相關資源

用Balsamiq Mockups建立的Mockups To Go,是一個由用戶提供,可以馬上使用的交互設計組件和設計模式的合集。如果你發現自己在做一些現在已有的東西,你應該立刻去查看這個設計庫;他們或許有和你的設計非常接近的模板。

OmniGraffle version 5.x.Konigi公司免費提供了一系列製作線框(低保真網頁設計圖)的圖形。它包含了大多數你需要用來創建用戶界面的基本元素。

Unify使你的用戶體驗設計更統一。簡介如下:EightShapesUnify是一個模板、圖庫和其他組件的合集,它使用戶體驗設計師的設計更統一,有效和快速。這個系統使用了AdobeCreative Suite,最主要的一點,InDesign是其中至關重要的一個製作工具。

總之,EightShapes嘗試規範交互(和用戶體驗)設計師的工作流程。我還沒有嘗試使用這個系統,但它的信息非常全面,同時有教學視頻,你可以馬上開始自學。

5.2 把你的草圖都放在一起,讓所有人都參與進來。

IxEdit允許在網頁里創建雛形。用這個載入在瀏覽器中的工具,可以將交互設計師創建的一些初級的xhtml/css/javascript的交互雛形可視化,從而加快設計的流程。IxEdit是一個被稱為「基於JavaScript的網頁交互設計工具。通過IxEdit,設計師可以進行DOM-scripting的實踐操作而無需寫代碼來改變、增加、移動或者變換他們網頁上的動態元素」。

交互設計協會

用他們的話來講,IxDA提供了一個討論交互設計以及幫助其他熱衷於交互設計的人收集和增長學科知識的網路平台。

儘管AIGA(AmericanInstitute of Graphic Arts)最初為平面設計師而成立,該組織自身意識到,平面設計師更頻繁地給新媒體設計組件,在交互設計中起著重要的作用。在美國各地都有當地的AIGA組織。在我熟悉的組織里他們主辦過很多活動,如Photoshop Layer Tennis,或藝術展覽等。AIGA很值得參加。

有關交互設計的書單

可以排好幾個網頁。在這裡只列了其中最具代表性的5本。

Designing WebInterfaces:Principles and Patterns for Rich Interactions

The Principles of Beautiful Web Design

Designing the Obvious:A Common Sense Approach to Web Application Design

About Face 3: The Essentials of Interaction Design

Sketching User Experiences:Getting the Design Right and the Right Design (InteractiveTechnologies)


分享一個 @子雄 的TEDxChongqing的演講如何成為一名優秀的設計師:羅子雄@TEDxChongqing,裡面有提到一些網站。


52weeks of UX http://52weeksofux.com/
Johnny Holland http://johnnyholland.org/
IDEO http://www.ideo.com/
UX Booth http://www.uxbooth.com/
http://www.lukew.com/
以上是經常逛的關於交互設計、用戶體驗的網站,經常會有很精彩的文章,非常不錯,國內的話看UCDCHINA CDC這些咯。資源是很多的,關鍵看有沒有勤做總結,勤思考的好習慣。總結才有吸收、進步。


在各行各業,尤其用戶體驗/界面設計中,唯有變化從未改變。當下的流行語似乎人盡皆知,而能保持對行業最新動態以及理念的敏銳嗅覺,確並非易事。尤其隨著各類資訊以及資源的大量湧現,能篩選並找到於自己而言真正有用的信息,看起來愈發困難了。

基於這樣的情況,下面收集了一些自2016年來對用戶體驗/界面設計的國外最佳博客和網站資源。其中有些推薦是只有一位博主專門撰寫和維護,有些則匯聚了行業意見領袖和專家的智慧結晶。各個推薦之間沒有先後、排名區分,讓我們一起來看看吧!

1. UI/用戶界面設計

下面介紹的博客網站,提供關於如何建立有效的、吸引用戶眼球的界面設計的建議和方法。內容包括,移動設備、網站以及軟體產品的界面設計,不容錯過哦!

  • Dribbble—設計師聚集的專業社區,設計相關話題以及UI設計都可以在這裡被展示和討論。
  • Behance—能激發設計靈感的強大網站,任何傳統/非傳統的平面設計以及高質量的設計項目都能在這裡創建。它並不僅限於網頁或者移動端的UI設計。
  • Site Inspire—提供基於網頁的界面設計,能顯示實時的網頁快照和位置。目前為止,收錄了2500個網站,並且可以按主題、類型以及風格來進行搜索。
  • Smashing Magazine—領先的博客網站,提供網頁設計以及開發相關的資源和信息。非常注重博客的質量,具有行業權威性。
  • Usability Post—內容包含大量的網頁設計和可用性問題。其中,也有關於設計趨勢的預測,以及對項目管理資源的推薦。

2. 設計策略

這些網站將提供一系列設計實踐中的指導方針和方法技巧,內容豐富多彩,包括從設計理念到不同的項目管理方法。

  • Usability Geek—專註於設計與業務的交叉結合,有許多關於改進設計、提高轉換率類相關的文章。
  • Medium—與其他設計師進行故事互動的社區平台,每天都有成千上萬的新故事持續更新。
  • Nielsen Norman Group—發布關於用戶體驗設計的所有資訊,是一個提供與用戶體驗研究和報告相關的可信機構。
  • Webcredible—總部位於英國倫敦的UX設計機構,已與全球眾多知名品牌合作,該博客包含UX相關的文章和資源。

3. UX/用戶體驗設計

下列的資源網站,討論以UX為主題的服務及產品,範圍從UX行業發展趨勢到給小白或者專家推薦的工具和軟體。內容豐富,同樣值得收藏、品讀。

  • Awwwards—行業領先的網站,會頒獎給挑選出來最好的移動和網頁設計,讀者也可以從中挖掘行業標準,把握最新的發展趨勢。
  • Mockplus—優選用戶體驗、界面設計以及趨勢預測的博客,所有文章都是經過精心挑選的,也提供如何進行有效設計的指南和技巧。
  • Designmodo—綜合性網站,提供標準/非標準的設計主題,以及一些設計發展,WordPress,教程,技巧類文章。
  • UX Myths—圍繞用戶體驗設計,提供一些大家都可能都知道但並不正確的設計常規,博客會引用具體的學術調查,事實考察以及相關鏈接來進行論證。
  • UX Booth—知名度很高的出版商之一,讀者可以通過子目錄進行搜索,內容也包括內容策略和信息架構等。
  • UX Matters—可以激發設計靈感的網站,適合的人群既可以是在UX各方面都精通的專家,也可以是剛剛踏入UX設計領域的新手小白。
  • UX Movement—以UX設計為主題的博客網站,展示有用戶界面將如何影響用戶行為,並且會用實際的視覺例子舉例說明。
  • User Ability Stack Exchange—類似於國內「知乎」的問答社區。不同的是,它是專門為用戶體驗設計而服務的社區,許多偏生活化的專家意見也能在這裡被發現。

4. 設計工具及軟體

這些網站的內容,包括對最新軟體、UX工具、代碼編程以及其他設計中必不可少的元素的介紹。其中還包括介紹有當下最流行、最實用設計工具的介紹。

  • Creative Bloq—國外有名的博客網站站點,會定期推薦最新的UX設計工具以及書籍,同時也能從中找到自己最感興趣的在線雜誌。
  • Mockplus—推薦實用的軟體資源和信息,其中對如何運用Mockplus進行快速原型設計有詳細的指導說明。
  • Little Blog Details—精挑細選的博客文章,主要內容包括獲取設計靈感、挑選最佳的設計軟體,每天保持不斷更新。
  • Boxes and Arrows—提供設計原則、方法、過程以及平面設計相關的博客文章,也有關於硬體/軟體的文章內容。
  • UXPin—國外市場上最流行的博客網站之一,主要從網站的角度來進行UX設計分析,有大量的文章資源,適合於硬體開發人員和設計人員。

結束語

這裡列舉的博客站點,分別從「平面設計」、「設計策略」、「用戶體驗設計」以及「設計工具」四個不同的方面進行了分類展示,希望可以幫助設計師們更準確地找到自己最需要的設計資源。有補充或者不正確的地方,歡迎大家留言指教。


1、http://IconPng.com 愛看圖標網,免費中文圖標搜索引擎! 中文網站,支持中文、英文搜索
2、Icon Search Engine 中文網站,只支持英文搜索
3、Icon search engine and market place 英文網站,只支持英文搜索
用戶體驗團隊網站
1、UCD大社區 http://ucdchina.com/
2、騰訊WSD 騰訊MXD移動互聯網設計中心
3、騰訊CDC 騰訊CDC
4、騰訊ISD http://isd.tencent.com/
5、淘寶UED http://ued.taobao.com/
6、著片會 http://www.shupianhui.com/
7、口啤UED http://ued.koubei.com/
8、阿里UED http://www.aliued.cn/
9、阿里媽媽UED http://ued.alimama.com/
10、163UED http://www.ued163.com/
11、搜狐UED http://todd-lee.net/blog/
專業UI設計團隊

1、eico http://www.eicodesign.com/
2、FaceUI http://www.faceui.com
3、西安超人科技 http://www.skyui.net/
4、Reooo http://www.reooo.com/
5、Rigo http://www.rigodesign.com
6、ICON http://icon.cn/cn/
圖標設計及素材
1、中文圖標搜索 http://IconPng.com 愛看圖標網,免費中文圖標搜索引擎!
2、http://www.fasticon.com/
3、http://dryicons.com/
4、http://www.icotrip.com/
5、提供搜索http://www.icones.pro/
6、國外圖標http://weloveicons.com/
7、圖標搜索 Icon search engine and market place
9、http://www.freeiconsdownload.com/
10、http://www.freeiconsweb.com/
網頁、UI設計門戶
1、站酷http://www.zcool.com.cn/
2、八隻熊http://www.8bears.com/coolsite/
3、國外網站欣賞http://www.thefwa.com/
4、網頁設計師*http://www.68design.net/
5、我愛設計網http://www.52design.com/
6、藍色理想http://www.blueidea.com/
7、視覺中國http://www.chinavisual.com
8、創意視覺http://cvsion.com/
9、國外設計門戶http://www.deviantart.com/
10、合子UI http://www.boxui.com/
11、酷點http://www.koodian.com/
12、優艾網http://www.chinaui.com/
13、中國UI設計師大社區http://www.uirsss.com
14、UI製造http://www.uimaker.com/
15、UI設計網http://www.worldui.com/
16、iconfans http://www.iconfans.org
17、uisheji http://www.uisheji.com
18、uiimg http://www.uiimg.com
19、UIrss http://www.uirss.com
素材門戶
1、素材精品屋 http://www.sucaiw.com/
2、昵圖網 http://www.nipic.com
3、全景網 http://www.quanjing.com
4、行業LOGO http://www.tucool.com
5、素材庫 http://www.sccooo.com/
6、LOGO大全 http://logopond.com/
7、圖圖網 http://www.tutu001.com/
8、創意悠悠花園 http://uuhy.com/


推薦閱讀:

先有用戶需求還是先有產品?
產品經理性格大都是外向的嗎?
PM 拿數據說話與拿出更專業精細的設計相比,哪個更重要?
為什麼傳統製造業 500 強企業用年薪 60 - 80 萬元都招不到互聯網的運營人才?
求分享產品經理專用表情包,聊天技巧~?

TAG:網頁設計 | 產品經理 | 設計 | 交互設計 | 交互設計師 |