
成長是從積累到涌現(xiàn)的過程。好的產(chǎn)品設(shè)計師首先要有好的素材積累,才能涌現(xiàn)出動人的作品。下面是我整理出來的常用的網(wǎng)站。希望給大家?guī)韼椭#ù虿婚_請掛代理)
尋找靈感類的
優(yōu)秀的藝術(shù)家靠的是借鑒,但偉大的藝術(shù)家靠的是‘竊取’。所謂站在巨人的肩膀之上才能累計人類文明。所以對于剛剛?cè)腴T的產(chǎn)品設(shè)計師而言不要羞于借鑒。你需要做到的是提高審美,不要借鑒爛作品。
https://www.google.com/design/spec/material-design/introduction.html
(material design 設(shè)計法則)
素材收集
APP 只是一個容器。真正決定產(chǎn)品調(diào)性的是往容器里面填充的內(nèi)容,而圖片就是這些內(nèi)容的基礎(chǔ)之一。所以無論是樣圖還是海報都需要大量優(yōu)秀的圖片(忽悠甲方也是主要原因),下面這些網(wǎng)站能給你提供大量優(yōu)秀的圖片素材。
配色類
配色是一門很深的學問,他能左右你的感情引導你的欲望。下面這這些網(wǎng)站會給你帶來諸多配色的靈感,但是真正要深入學習請自己買書自己體會。
http://colorhunt.co/ (配色方案集合)
http://www.yiihuu.com/ (配色已經(jīng)軟件教程)
簡單代碼入門
產(chǎn)品設(shè)計師本身不是簡單的負責繪圖交于開發(fā)實現(xiàn),他們還肩負著產(chǎn)品經(jīng)理的工作——和開發(fā)溝通。所以必要的時候可以學點代碼,以方便和開發(fā)小伙伴一起快樂的玩耍啦。(本人就是在這幾個網(wǎng)站中學習了 html、css、js、vue、react 等技術(shù)的,講真代碼很有意思)
新聞資訊
除了很多出色的微信公眾號以外,medium 是個很好的信息入口。很多國外優(yōu)秀前沿的設(shè)計理念都可以在 medium 上發(fā)掘。而且 medium 本身也是給極其優(yōu)秀的產(chǎn)品,簡直干凈到令人窒息。
軟件工具
這里我主要推薦 sketch 的教程,Adobe 一家的軟件教程滿地都是我不再贅述。還有幾款交互軟件感覺也不是特別值得一學這里就不推薦了。
http://www.sketchcn.com/ (軟件技能)
字體icon
對于 web 端的產(chǎn)品設(shè)計而言,你的 icon 做成 webfont 交付開發(fā)會讓人覺得你特別專業(yè)。
http://www.iconfont.cn/ (icon收集搜索)
http://www.youziku.com/ (在線字體制作)
http://sketchrepo.com/ (sketch 素材網(wǎng)站)
https://design.google.com/icons/ (谷歌的)
Web UIKIT
無論設(shè)計 APP 還是 web,在動手設(shè)計畫面之前最重要的是定下設(shè)計法則和 UIKIT。一套合理的設(shè)計法則可以讓你產(chǎn)品具有秩序之美,也能大大見底 UI 的維護成本和開發(fā)成本。最后說一句,像成為大師就去享受制定規(guī)則的過程吧。
http://www.getuikit.net/ (UIKIT可用于H5和web)
http://www.bootcss.com/ (bootstrap 中文資料網(wǎng)站)
http://materializecss.com/ (material design uikit)
新產(chǎn)品發(fā)布網(wǎng)站
對新鮮事物保持足夠的好奇心是一個優(yōu)秀的產(chǎn)品設(shè)計師的立足點。通過你的設(shè)計的作品向世界表達你的善意以及對生活的態(tài)度。 所以請不要錯過任何一個新產(chǎn)品。
PNG 無損壓縮
如果你體會過 IOS 開發(fā)的過程你會發(fā)現(xiàn):決定一款軟件大小的因素主要是 native 的圖片資源;一個是 Pod 進去的庫。而代碼本身更像是膠水。庫我們很難決定用不用(畢竟不開發(fā))但是我們可以讓本地的圖片壓縮到更小。
https://tinypng.com/ (用于輕量化軟件)
最后
上面提供的一切只是方便大家在成長的過程中完成積累,而真的有一天你要打通任督二脈完成涌現(xiàn)和創(chuàng)新則需要更高維度的思考:如何給人類創(chuàng)造美麗的東西。還有職業(yè)只是你謀生的選擇,它本身并不決定你學習的路線。
我的博客地址:www.beings.me