編者按：說了這么久的Material Design，不能半抱琵琶半遮面了，直接來研究高手的作品吧！今天分享一組的設(shè)計(jì)資源，包括GUI工具包和UI模板，以及1000+圖標(biāo)素材，全都是挑的精品，包你滿載而歸，來淘寶吧！

再不學(xué)習(xí)你就奧特咯！

經(jīng)常有新入職的同學(xué)，搞不清設(shè)計(jì)師和別的職位如產(chǎn)品經(jīng)理，在工作內(nèi)容上有什么區(qū)別。回答了幾次之后，我總結(jié)出兩方面的差別，簡(jiǎn)單概括為：技能和定位。

“技能”指的是設(shè)計(jì)師掌握了項(xiàng)目中其他角色都不具備的能力——畫圖。這么概括有點(diǎn)簡(jiǎn)單粗暴了，事實(shí)上設(shè)計(jì)師的專業(yè)能力遠(yuǎn)比畫圖兩字涵蓋的內(nèi)容要廣。但“畫圖”確實(shí)是更容易被所有人理解的說法（向家里長(zhǎng)輩解釋我干什么的時(shí)候，他們?nèi)绻焕斫馕揖蜁?huì)說是畫圖的，他們就會(huì)貌似恍然大悟地哦一聲，終于聽到一個(gè)他們想要的能聽懂的答案了）。伴隨著人機(jī)界面從命令行到圖形可視化，再進(jìn)化到哪兒哪兒都可以摸的觸屏?xí)r代，用戶對(duì)于“美”和“交互”的要求越來越高，設(shè)計(jì)師的能力和價(jià)值也愈發(fā)受到重視。

設(shè)計(jì)師的“定位”，是隨著用戶體驗(yàn)受重視而發(fā)展起來的。互聯(lián)網(wǎng)產(chǎn)品有一個(gè)很重要的特點(diǎn)是免費(fèi)。聊天是免費(fèi)的，搜索是免費(fèi)的，游戲是免費(fèi)的，殺毒也是免費(fèi)的。免費(fèi)對(duì)用戶來說當(dāng)然是好事，但免費(fèi)也意味著用戶遷移的成本很低，特別是當(dāng)產(chǎn)品同質(zhì)化嚴(yán)重時(shí)。一款免費(fèi)游戲，如果突然宣布收費(fèi)，市場(chǎng)上又有同類游戲，結(jié)果很有可能是大規(guī)模的用戶流失。和傳統(tǒng)行業(yè)不同，在免費(fèi)的商業(yè)模式之下，用戶黏性、忠誠(chéng)度對(duì)產(chǎn)品來說至關(guān)重要；而用戶體驗(yàn)就是構(gòu)成黏性的一個(gè)重要因素。于是伴隨著互聯(lián)網(wǎng)行業(yè)的蓬勃發(fā)展，用戶體驗(yàn)設(shè)計(jì)師，以用戶體驗(yàn)衛(wèi)道者的姿態(tài)站了出來。

@BobbyTung ：本文最初以英文發(fā)表于Medium，主要是希望給外文圈的朋友在進(jìn)行Web與App等內(nèi)容服務(wù)中文地區(qū)化時(shí)，能夠提供較好的文字排版呈現(xiàn)。在吳逸文、許翰文等設(shè)計(jì)圈的朋友催促下，以中文重新書寫，刪除部分「對(duì)外」的用語，并且加上一些額外的信息，希望對(duì)中文圈也能有所幫助。

異軍崛起的一組特好用字體：《字體排行榜！2014年的35款字體素材打包下載》

東亞對(duì)于全球化的網(wǎng)絡(luò)服務(wù)來說，進(jìn)入時(shí)會(huì)遇到幾道墻壁隔離，第一道就是語言的障蔽（然后你會(huì)遇到中國(guó)偉大的防火墻）。中文、日文、韓文有著不同的排版規(guī)則，目前在W3C的參考資料中，日文排版需求是最為完整的文件，但是長(zhǎng)到大概很難讀完；韓國(guó)的諺文文字排版需求則是份量剛剛好。至于中文，我目前還在撰寫草稿。

在我寫完前，先整理出十項(xiàng)簡(jiǎn)單的原則，作為做好中文排版的參考。

編者注：序號(hào)文末有注釋。

比起純粹的商務(wù)網(wǎng)站，設(shè)計(jì)師會(huì)更青睞允許自由發(fā)揮創(chuàng)意的項(xiàng)目。從網(wǎng)頁設(shè)計(jì)的角度上來說，“普通”的網(wǎng)站也正是需要借助創(chuàng)意來脫穎而出，尤其是產(chǎn)品宣傳網(wǎng)站，更是有足夠的空間來供設(shè)計(jì)師來發(fā)揮他們的狂拽酷炫的創(chuàng)意。實(shí)際上如果你正在尋求網(wǎng)站設(shè)計(jì)創(chuàng)意靈感的話，那么這些宣傳網(wǎng)站正是你需要的。

接下來我們要推薦的20個(gè)宣傳網(wǎng)站中，既有精致的產(chǎn)品宣傳頁，也有氛圍營(yíng)造得恰如其分的活動(dòng)宣傳頁，還有幾個(gè)創(chuàng)意爆棚的個(gè)人宣傳網(wǎng)站。這些網(wǎng)站無一不是設(shè)計(jì)精美的典范，更重要的是其中包含了設(shè)計(jì)師精心設(shè)計(jì)的交互和動(dòng)效。如果你有時(shí)間的話，每個(gè)網(wǎng)站都仔細(xì)把玩一番，絕對(duì)讓你獲益匪淺！

編者按：今天微博上看到一位設(shè)計(jì)師說：做，就會(huì)錯(cuò)；可不做，永遠(yuǎn)對(duì)不了。深以為然，趕緊點(diǎn)贊。如果那么巧，你剛好在不斷試錯(cuò)的設(shè)計(jì)階段，那今天這篇好聞推薦學(xué)習(xí)一下。作者分享了9個(gè)實(shí)用的小技巧，幫你的半成品設(shè)計(jì)變成完整好看的作品，希望同學(xué)們多動(dòng)手多看前輩的經(jīng)驗(yàn)，一起加油。

說這句話的設(shè)計(jì)師是@牛MO王涵 ，他也在優(yōu)設(shè)分享過很多好文喲：《過稿有訣竅！5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上》

也許你還是一個(gè)設(shè)計(jì)新手，但你也想讓你的設(shè)計(jì)作品看起來更好看些（可是你的作品還不太符合既定的模板）。或許你也想明白到底是什么因素成就了那些偉大的設(shè)計(jì)作品，但現(xiàn)在，你必須先去完成一些其他的事情。根據(jù)這個(gè)建議，你應(yīng)該先學(xué)習(xí)如何去完善你的半成品設(shè)計(jì)，簡(jiǎn)而言之，你應(yīng)該是去學(xué)習(xí)，而不是在想象的海洋中盲目掙扎。那么讓我們言歸正傳吧。

“扁平化設(shè)計(jì)”的使用正逐漸成為網(wǎng)頁和UI設(shè)計(jì)近期的大趨勢(shì)，同時(shí)也是時(shí)下的一個(gè)熱門話題，各種探討和學(xué)習(xí)研究紛至沓來。鑒于我本身一直鐘情于極簡(jiǎn)主義，所以扁平化設(shè)計(jì)中的美學(xué)對(duì)我極有啟發(fā)，特別是在近期對(duì)QuoteRobot（我在2010年與他人共同完成的一個(gè)提案書寫應(yīng)用）進(jìn)行重新設(shè)計(jì)時(shí)。

在本篇文章中，我將與大家探討什么是扁平化設(shè)計(jì)，并審視其他設(shè)計(jì)師對(duì)扁平化設(shè)計(jì)的看法，然后為大家提供一些能用于自己設(shè)計(jì)工作的小建議。

什么是扁平化設(shè)計(jì)？

從實(shí)踐角度說，扁平化設(shè)計(jì)就是指不采用近幾年流行的漸變、像素完美陰影和擬物化方法（在后面的部分會(huì)詳細(xì)介紹）實(shí)現(xiàn)“扁平化”的界面。

感到自己深陷千篇一律的設(shè)計(jì)泥潭無法自拔？

Stylorouge的Rob O’Connor為你送上下面幾條建議幫助你解放自己的想象力。

找不到設(shè)計(jì)靈感？項(xiàng)目在眼前卻不知道如何著手或者找不到合適的入手角度？掙扎著想克服阻攔創(chuàng)意的屏障？

別著急，哪怕是最優(yōu)秀的設(shè)計(jì)師也會(huì)碰上這些問題。你只需要找到方法讓大腦重回戰(zhàn)斗狀態(tài)，創(chuàng)意就會(huì)源源不斷滾滾而來。下面，我們?yōu)槟阏砹艘幌盗心軒椭阌行нM(jìn)行頭腦風(fēng)暴的小建議，另外還有五個(gè)絕妙的應(yīng)用協(xié)助你捋清頭腦風(fēng)暴的流程。

當(dāng)我們建立網(wǎng)站的時(shí)候，我們一般從定義正文開始。正文的定義顯示了你的主欄有多寬，其它幾欄的大小就隨它自己內(nèi)容定義了。直到最近，各種屏幕分辨率或多或少是同質(zhì)化的。如今，我們要處理各種屏幕尺寸和分辨率。這讓處理變得更復(fù)雜。

在重整旗鼓的熱情中，我寫了一篇關(guān)于響應(yīng)式排版的博客，這篇文章主要專注于我們最近的實(shí)驗(yàn)：響應(yīng)式字體。如果不知道IA的歷史，你可能會(huì)錯(cuò)過我們新啟動(dòng)的網(wǎng)站中的響應(yīng)式排版和設(shè)計(jì)的一些關(guān)鍵點(diǎn)。我決定從頭做起，一步一步解釋響應(yīng)式排版，而不是整理所有文章。以下是第一步。

liaochongzhi：在工作中我們經(jīng)常會(huì)有banner設(shè)計(jì)需求，和大項(xiàng)目比較，需求方從設(shè)計(jì)成本方面考慮，不會(huì)給設(shè)計(jì)師太多的時(shí)間。那么我們?nèi)绾尾拍茉诙虝r(shí)間內(nèi)做一個(gè)出彩而效果又好的banner呢？ 以下是整理的banner設(shè)計(jì)8技巧，現(xiàn)與大家分享：

一、主題明確

要突出產(chǎn)品主題，讓用戶一眼就能識(shí)別廣告含義，減少過多的輔助干擾元素。切忌，banner被切割的太細(xì)碎，內(nèi)容繁多，沒有瀏覽重心。很多廣告主往往會(huì)認(rèn)為傳達(dá)的信息越多，用戶越有興趣，其實(shí)并不然，什么都想說的廣告，就是什么都沒說好。