不管是從事網(wǎng)站建設(shè)哪一個(gè)步驟的人，都會(huì)希望自己做出來(lái)的網(wǎng)站是可以從互聯(lián)網(wǎng)上脫穎而出的。網(wǎng)站設(shè)計(jì)師希望自己設(shè)計(jì)的東西是可以得到用戶的肯定的，是受到用戶歡迎的，是可以成為一個(gè)讓自己驕傲的作品；而后端開發(fā)人員，則是希望自己做出來(lái)的功能是符合用戶需求的，是能滿足用戶操作的。

所有人都喜歡它能成功，所以在互聯(lián)網(wǎng)上讓網(wǎng)站脫穎而出的文章有很多。但是，他們大部分都是僅僅的探討了一下趨勢(shì)，或者是拿出了某部分東西講一下。然后，一個(gè)成功的網(wǎng)站絕對(duì)不是單個(gè)趨勢(shì)或者某個(gè)技巧就能早就的。

對(duì)于廣大網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)，為什么自己看了那么多的趨勢(shì)，看了那么多的技巧，自己設(shè)計(jì)出來(lái)的東西，還是那么的平庸呢？究竟自己要怎樣做才能讓這個(gè)網(wǎng)站別具特色呢？其實(shí)，有時(shí)候我們不必這么的執(zhí)著，有時(shí)候原創(chuàng)不一定是好的，也許你現(xiàn)在設(shè)計(jì)出來(lái)的東西更是當(dāng)下用戶的需求也是說(shuō)不定的。

但是，好設(shè)計(jì)的呈現(xiàn)形態(tài)很多，能夠脫穎而出的設(shè)計(jì)，你其實(shí)也能做到。你需要堅(jiān)持不懈地嘗試原創(chuàng)，至少是尋求原創(chuàng)的感覺(jué)，精心的規(guī)劃，并且不斷地努力。想要打磨出與眾不同的優(yōu)秀網(wǎng)站，你可以從下面5個(gè)維度入手，精心打磨。

1、布局與結(jié)構(gòu)

當(dāng)用戶進(jìn)入一個(gè)網(wǎng)站時(shí)，首先會(huì)吸引他的，就是網(wǎng)站的布局和結(jié)構(gòu)。所以，對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)，想要區(qū)分它和其他網(wǎng)站的不同，布局和結(jié)構(gòu)就是最明顯的手段之一。從專業(yè)的角度來(lái)說(shuō)說(shuō)，當(dāng)前沒(méi)有哪個(gè)排版時(shí)沒(méi)有人用過(guò)的，我們基本是找不到一個(gè)沒(méi)有人用過(guò)的排版。但是，設(shè)計(jì)排版卻是一件比較有趣的事情，同時(shí)也是一件比較能磨煉人的創(chuàng)造力的事情。但是我們創(chuàng)建出很多個(gè)網(wǎng)頁(yè)布局之后，我們就會(huì)發(fā)現(xiàn)，我們的網(wǎng)頁(yè)排版布局已經(jīng)和以前很不一樣了。當(dāng)然，這個(gè)時(shí)候拿出來(lái)的排版布局，可能會(huì)讓前端感覺(jué)到頭痛。

另外一方面，在這個(gè)過(guò)程中我們會(huì)會(huì)同開發(fā)慢慢磨合，也會(huì)更加了解哪些地方是用戶的痛點(diǎn)，明白信息架構(gòu)要如何搭建。通過(guò)了解，在做排版設(shè)計(jì)的時(shí)候，會(huì)更加清楚如何確保網(wǎng)頁(yè)的可用性和可訪問(wèn)性。獨(dú)特而又繁復(fù)的網(wǎng)頁(yè)布局很大程度上會(huì)依賴Javascript 等技術(shù)，但是理想狀況下的布局最好是不要這樣，否則調(diào)整和修改的成本會(huì)非常高昂。

2、品牌

品牌一直都是提高網(wǎng)站知名度的一個(gè)重要東西，也是突出網(wǎng)站的一個(gè)重要手段。通過(guò)強(qiáng)化品牌設(shè)計(jì)，是可以提升網(wǎng)站氣質(zhì)和獨(dú)特性的。如果你的客戶有著系統(tǒng)的品牌風(fēng)格指南，那么你所需要做的就是遵循它，按照其中的指引來(lái)進(jìn)行設(shè)計(jì)，擁抱你客戶的品牌風(fēng)格和用色。合理的運(yùn)用加上適當(dāng)?shù)膬?yōu)化，這并不是一件太難的事情。

不過(guò)，想要通過(guò)強(qiáng)化品牌設(shè)計(jì)來(lái)得到這個(gè)效果的話，首先必須要保重我們的客戶的品牌原創(chuàng)性和特色要很明顯。如果他們的LOGO字體用的是Helvetica，色彩也沒(méi)有很獨(dú)特，甚至還不夠漂亮，那么這個(gè)情況就比較尷尬了，在這種局面下做品牌風(fēng)格化的網(wǎng)頁(yè)設(shè)計(jì)，并不會(huì)有啥好效果。

3、圖形和圖片

如果強(qiáng)化品牌設(shè)計(jì)都不能支撐我們來(lái)設(shè)計(jì)網(wǎng)頁(yè)的話，那么我們就需要通過(guò)獨(dú)特的圖形和圖片來(lái)支撐整個(gè)網(wǎng)站的視覺(jué)設(shè)計(jì)了。人，是一個(gè)視覺(jué)動(dòng)物，通常會(huì)對(duì)一些善用高清大圖的網(wǎng)站比較感興趣。視覺(jué)刺激在很多時(shí)候能夠轉(zhuǎn)換甚至強(qiáng)化情感聯(lián)系，而圖片和圖形在風(fēng)格的選取上，也有著近乎無(wú)限的可能，這使得設(shè)計(jì)師可以通過(guò)它更好地傳遞情緒和情感。

不過(guò)，要知道一張好的，高清的大圖可不便宜啊。當(dāng)然，我們也可以使用商用圖庫(kù)里面的圖片。但是，要記住，你懂得用這張圖，別人也是可以的。這就在很大程度上磨平了自己和其他設(shè)計(jì)師之間的差異了。

4、文案和內(nèi)容

在文案和內(nèi)容上和其他的網(wǎng)站區(qū)分開來(lái)，這件事很重要，但是同時(shí)也可能是拉開距離最艱難的方式。網(wǎng)站應(yīng)該能夠反映出公司或者品牌的個(gè)性和文化，而這些東西通常是通過(guò)文案和內(nèi)容來(lái)呈現(xiàn)，從Banner 的標(biāo)題到圖標(biāo)和按鈕上的微文案都應(yīng)該凸顯這些內(nèi)容。

不過(guò)，想要做到這一點(diǎn)，也就意味著你需要同客戶進(jìn)行深入的溝通和協(xié)作了。你要讓文案擁有相應(yīng)的氣質(zhì)，擁有人應(yīng)該有的語(yǔ)氣和氣質(zhì)，而這也是最難的地方。絕大多數(shù)的營(yíng)銷文案都有著非常明確的語(yǔ)調(diào)和感覺(jué)。

我之前曾經(jīng)為網(wǎng)站設(shè)計(jì)過(guò)全部的文案和內(nèi)容，用戶在Banner和輪播圖這樣的地方期望能看到推薦甚至推銷產(chǎn)品的文案，而在網(wǎng)站其他的地方諸如設(shè)置、導(dǎo)航中又不喜歡被當(dāng)作客戶——他們更期望文案能像是人和人之間的溝通一樣自然。這樣的設(shè)計(jì)往往能讓網(wǎng)站脫穎而出。

5、動(dòng)效

這些年，動(dòng)效這個(gè)東西在設(shè)計(jì)圈是變得越來(lái)越種重要了。但是，這種變化并不是不無(wú)道理的。通過(guò)一個(gè)優(yōu)秀的動(dòng)效，可以讓網(wǎng)站的體驗(yàn)變得更優(yōu)秀，也讓人更加難以忘懷。從動(dòng)畫片誕生一直到動(dòng)效大規(guī)模地運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)中，整整間隔了一個(gè)世紀(jì)之久。在網(wǎng)頁(yè)剛剛誕生的年代就有人嘗試過(guò)在網(wǎng)頁(yè)中運(yùn)用動(dòng)效，但是效果之粗糙簡(jiǎn)直令人發(fā)指。

隨著技術(shù)的進(jìn)步，動(dòng)效設(shè)計(jì)可謂是變得越來(lái)越成熟了。但是，真正好的動(dòng)效還是不多的。

我在最后才提及動(dòng)效，原因并不復(fù)雜：動(dòng)效確實(shí)很好用，但是好動(dòng)效并不容易獲得。我的意思是，動(dòng)效的設(shè)計(jì)和制作成本確實(shí)在逐步降低，但是濫用而導(dǎo)致的可用性和體驗(yàn)上的問(wèn)題，同樣很多。缺少動(dòng)效，我們會(huì)覺(jué)得過(guò)渡生硬，而動(dòng)效做的太過(guò)明顯（比如彈跳），用戶又會(huì)覺(jué)得鬧心。而且，在網(wǎng)站上使用太多的動(dòng)效，是會(huì)影響到網(wǎng)站打開速度的，是比較影響用戶體驗(yàn)的。所以，盡可能讓動(dòng)效微妙，才是關(guān)鍵。

結(jié)語(yǔ)

現(xiàn)在你回頭看看那些設(shè)計(jì)得比較優(yōu)秀的網(wǎng)站，他們的設(shè)計(jì)師也只是運(yùn)用了上述降到的策略中的一種，甚至有的設(shè)計(jì)師在5個(gè)方面都做的非常的突出。不過(guò)，作為一個(gè)網(wǎng)站設(shè)計(jì)師，我們應(yīng)該懂得輕重緩急，有策略有偏向地制定設(shè)計(jì)策略。搞清楚自己的優(yōu)勢(shì)在哪里，是視覺(jué)設(shè)計(jì)還是信息架構(gòu)，是品牌優(yōu)化，還是動(dòng)效設(shè)計(jì)，圍繞著我們最得心應(yīng)手的部分來(lái)推進(jìn)整個(gè)設(shè)計(jì)。最后，當(dāng)我們?cè)趧?chuàng)造某些全新的東西的時(shí)候，我們應(yīng)該學(xué)會(huì)享受這個(gè)過(guò)程。