一般設(shè)計(jì)師的入門(mén)方法之一就是臨摹優(yōu)秀的大師級(jí)作品，網(wǎng)頁(yè)設(shè)計(jì)也不例外，如果你想學(xué)習(xí)優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)，而且是設(shè)計(jì)新手，那么臨摹別人的設(shè)計(jì)作品是最好的方法，當(dāng)然前提是你要懂photoshop的一些基本用法。

下面設(shè)計(jì)達(dá)人網(wǎng)為大家分享2013流行的網(wǎng)站UI模板，分別有fackbook、Github、apple等優(yōu)秀網(wǎng)站，這些網(wǎng)站UI設(shè)計(jì)十分優(yōu)秀，源文件的字體、圖標(biāo)、排版布局大小都和原來(lái)網(wǎng)站的一模一樣，細(xì)節(jié)很到位，值得下載來(lái)學(xué)習(xí)！

Facebook Timeline 網(wǎng)站模板

下載地址：微盤(pán)下載

對(duì)于新手網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，可能拿到優(yōu)秀的網(wǎng)站模板PSD源文件是很好的，因?yàn)檫@樣可以從里面深入學(xué)習(xí)很多有用的技術(shù)和技巧，這些網(wǎng)頁(yè)模板設(shè)計(jì)很精致，設(shè)計(jì)師們應(yīng)該認(rèn)真看看它們的設(shè)計(jì)細(xì)節(jié)、如何用柵格線布局、配色方案等等。

作為設(shè)計(jì)師，在創(chuàng)建網(wǎng)站的時(shí)候，最關(guān)心的是在不影響可用性的情況下如何捕捉觀眾的注意力。做到這點(diǎn)的唯一方法是通過(guò)提升你的創(chuàng)意水平，以創(chuàng)造一些真正令人印象深刻的東西。

　　顏色有不同的作用，在網(wǎng)頁(yè)設(shè)計(jì)中的有強(qiáng)烈的色彩心理學(xué)概念。紅，綠，紫，橙......所有這些都會(huì)刺激觀眾的感受和情緒，所以當(dāng)你選擇配色方案的時(shí)候，你需要做一個(gè)小小的研究。在這篇文章中，你將看到30個(gè)使用鮮艷的色彩的華麗網(wǎng)站。

Behind The Brutes

紙和筆

大多數(shù)的設(shè)計(jì)師都習(xí)慣在紙上開(kāi)始自己的工作，假如你也是設(shè)計(jì)師，想必手上也有一兩本筆記本，上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙)，都是值得自豪的，為什么不亮出來(lái)給別人看看呢？

別的設(shè)計(jì)師的草稿都是什么樣子的呢？

Buzz Usborne, Campaign Monitor (活動(dòng)監(jiān)測(cè))

先來(lái)看看 Buzz 的設(shè)計(jì)草稿

草稿里的對(duì)角線和最終成品的對(duì)角錢(qián)相呼應(yīng)，Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié)，而是注意線條和指引的清晰程度。

我們常常說(shuō)設(shè)計(jì)要清爽簡(jiǎn)潔，要一目了然。近來(lái)我們看到時(shí)興的設(shè)計(jì)有走向平面化的趨勢(shì)，而今天我們要分享給大家這一類頁(yè)面的設(shè)計(jì)——定價(jià)頁(yè)面的設(shè)計(jì)。很多時(shí)候大家從主頁(yè)跳轉(zhuǎn)到定價(jià)頁(yè)面的時(shí)候都感覺(jué)來(lái)到另一個(gè)網(wǎng)站，而定價(jià)頁(yè)面的重要性是不言而喻的，想要更高的轉(zhuǎn)化率不妨多在這上面下功夫。

大多數(shù)的設(shè)計(jì)師都習(xí)慣在紙上開(kāi)始自己的工作，假如你也是設(shè)計(jì)師，想必手上也有一兩本筆記本，上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙)，都是值得自豪的，為什么不亮出來(lái)給別人看看呢？

　　別的設(shè)計(jì)師的草稿都是什么樣子的呢？

　　Buzz Usborne, Campaign Monitor (活動(dòng)監(jiān)測(cè))

　　先來(lái)看看 Buzz 的設(shè)計(jì)草稿

　　草稿里的對(duì)角線和最終成品的對(duì)角錢(qián)相呼應(yīng)，Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié)，而是注意線條和指引的清晰程度。

　　Buzz 的成品

　在過(guò)去的幾年里，我們看到建設(shè)網(wǎng)站的方式發(fā)生了巨大的變化。隨著瀏覽器對(duì) HTML5/CSS3 Web 標(biāo)準(zhǔn)的支持的不斷增強(qiáng)，越來(lái)越多的用戶已經(jīng)轉(zhuǎn)移到移動(dòng)平臺(tái)。在 設(shè)計(jì)界，有很多獨(dú)特的想法，每隔一段時(shí)間就發(fā)生變化！

 　　在這篇文章中，我想介紹一些我們已經(jīng)看到正不斷變化的趨勢(shì)。其中， 許多設(shè)計(jì)理念已經(jīng)存在了很長(zhǎng)一段時(shí)間。 但是，我認(rèn)為在2013年里，這些獨(dú)特的想法將會(huì)更加的蓬勃發(fā)展。 網(wǎng)上提供了很多可以免費(fèi)下載的開(kāi)源項(xiàng)目和用戶界面 ，這樣設(shè)計(jì)人員可以專注于自己的領(lǐng)域。

移動(dòng)優(yōu)先的設(shè)計(jì)

　　響應(yīng)設(shè)計(jì)的理念并不僅僅只網(wǎng)站能夠縮放到更小的尺寸， 設(shè)計(jì)師的意識(shí)形態(tài)也應(yīng)該發(fā)生改變 。這里向大家推薦  DesignShack  上的一篇文章，其中談到了這個(gè)想法。

　　往往更容易規(guī)劃最重要的界面元素，讓他們排布成為一個(gè)移動(dòng)的布局。 如果這些元素不合適這樣，你將不得不刪除一些。 同時(shí)，你可以規(guī)劃布局將如何應(yīng)對(duì)的窗口變大。 您將有空間包含一個(gè)側(cè)邊欄，也可能是2個(gè)，以及許多其它的頁(yè)面元素。