作為一枚努力的UI設計師形病,每天找靈感/勤思考必不可少客年。Behance、Dribbble窒朋、Pinterest搀罢、iconfont、站酷侥猩、UI中國以及被約談的花瓣榔至,這些老生常談的靈感來源網(wǎng)站我就不說了。今天主要是想給大家推薦除以上外欺劳,我自己平時常用到和積累的一些靈感來源/設計參考/思考學習網(wǎng)站唧取。(多數(shù)需要科學)
?一、APP設計?
No.1 Mobbin
網(wǎng)址:https://mobbin.design
精心挑選的最新APP設計集合
150多個iOS APP和8,000個頁面(來自iPhone X的屏幕截圖)
No.2 uplabs
網(wǎng)址:https://www.uplabs.com
a.部分可下載源文件(PS划提、Sketch枫弟、XD、Figma...)
b.對前端小伙伴們也是友好的
No.3 UI Movement
網(wǎng)址:https://www.uimovement.com
主要是人機交互界面動效展示鹏往,移動端居多
?二淡诗、WEB設計?
No.1 Muuuuu.org
網(wǎng)址:https://muuuuu.org
No.2 Awwwards
網(wǎng)址:https://www.awwwards.com/
No.3 81-web
網(wǎng)址:https://81-web.com
No.4 Reeoo
網(wǎng)址:https://reeoo.com
No.5 S5-stytle
網(wǎng)址:http://bm.s5-style.com
?三、學習拓展?
No.1 Medium
網(wǎng)址:https://medium.com
a. 主要看用戶研究/交互體驗/產(chǎn)品迭代等的一些觀點性文章
b. 國內(nèi)文章很多就是從這里面翻譯過來的
No.2 Marvel
網(wǎng)址:https://blog.marvelapp.com/
No.3 Inside Design
網(wǎng)址:https://www.invisionapp.com/inside-design
No.4 Vimeo
網(wǎng)址:https://vimeo.com/watch
No.5 YouTube
網(wǎng)址:https://www.youtube.com
國內(nèi)的學習拓展網(wǎng)站:最推薦的是「人人都是產(chǎn)品經(jīng)理」,文章的質量比較高毅弧,尤其是很多分析類文章气嫁,多看可以鍛煉思維能力。其次是「知乎」「簡書」形真,兩者信息量很多杉编,相對較雜,不過好在你可以選擇你關注的領域咆霜。
?四邓馒、攝影欣賞?
No.1 500Px
網(wǎng)址:https://500px.com/
No.2 Unsplash
網(wǎng)址:https://unsplash.com
No.3 Pexels
網(wǎng)址:https://www.pexels.com
No.4 Pixbay
網(wǎng)址:https://pixabay.com/zh
國內(nèi)的圖片資源網(wǎng)站:攝圖網(wǎng)、全景網(wǎng)蛾坯、花瓣美素等光酣。
?五、插畫欣賞?
No.1 Tumblr
網(wǎng)址:https://www.tumblr.com
No.2 Instagram
網(wǎng)址:https://www.instagram.com
國內(nèi)的插畫欣賞推薦網(wǎng)站:Lofter脉课、涂鴉王國救军、新浪微博。
?五倘零、顏色搭配?
No.1 Coolhue
網(wǎng)址:https://webkul.github.io/coolhue
Coolhue 是有Sketch插件的唱遭,所有漸變顏色可在Sketch直接使用(需要插件的朋友后臺回復“顏色”即可)
No.2 itmeo
網(wǎng)址:https://webgradients.com
No.3 Ui gradients
網(wǎng)址:https://webgradients.com
No.4?Color Hunt
網(wǎng)址:https://colorhunt.co
No.5?Colorfavs
網(wǎng)址:http://www.colorfavs.com
類似圖片取色器,Sketch的Alembic插件也可實現(xiàn)(詳見公眾號關于插件的文章2019合集| 配合Sketch的逆天插件)
No.6?Color Scheme
網(wǎng)址:http://colorschemedesigner.com/csd-3.5
No.7 Coolors
網(wǎng)址:https://coolors.co
No.8 Nippon colors
網(wǎng)址:http://nipponcolors.com
?六拷泽、了解開發(fā)?
No.1?Apple Developer
網(wǎng)址:https://developer.apple.com
a. 了解一些代碼實現(xiàn),工作對接/溝通上很有幫助
b. 其次袖瞻,Apple的官方設計規(guī)范也需要我們?nèi)ピ敿氶喿x(盡量自己先理解一遍司致,再去讀其他人翻譯過來的,帶著疑問去尋找答案)
No.2?Android developer
網(wǎng)址:https://developer.android.com
Android也是聋迎,經(jīng)常保持關注吧脂矫,雖說現(xiàn)在規(guī)范越來越趨于統(tǒng)一,但不排除部分APP很在乎這一塊并且區(qū)分得很清楚霉晕,比如知乎APP庭再。
No.3?Material design
網(wǎng)址:https://material.io
除以上外捞奕,Google Design (https://design.google)也可以了解下。
另外佩微,你可以用谷歌瀏覽器可以按類別管理書簽哦缝彬。如下: