幾乎每個(gè)參與網(wǎng)站建設的人，都希望自己的網(wǎng)站能夠在激烈的競爭中脫穎而出。設計師希望它效果拔群，成為自己作品集中令自己驕傲的存在；客戶(hù)希望它廣受歡迎，在用戶(hù)和潛在用戶(hù)心理扎下根；后端開(kāi)發(fā)也同樣希望這個(gè)網(wǎng)站能夠成功，這樣他也能為自己的職業(yè)生涯加上濃墨重彩的一筆。

所有人都是如此的希望它能成功。而關(guān)于如何讓網(wǎng)站脫穎而出的文章是如此之多，但是它們大多僅僅探討趨勢，或者僅僅拿出單一技巧作為討論核心。成功的設計案例從來(lái)都不是單個(gè)趨勢或者技巧可以造就的。

對于廣大設計師而言，看了那么多的技巧和趨勢，自己的設計依然平庸，上線(xiàn)的網(wǎng)站也依然大眾。靈感到底從何而來(lái)？創(chuàng )意到底在哪里？Well，有的時(shí)候過(guò)度執著(zhù)于原創(chuàng )并不一定是好事，也許你現在的設計也更符合實(shí)際需求也說(shuō)不定。

但是，好設計的呈現形態(tài)很多，能夠脫穎而出的設計，你其實(shí)也能做到。你需要堅持不懈地嘗試原創(chuàng )，至少是尋求原創(chuàng )的感覺(jué)，精心的規劃，并且不斷地努力。想要打磨出與眾不同的優(yōu)秀網(wǎng)站，你可以從下面 5 個(gè)維度入手，精心打磨。這篇文章當中不會(huì )展現一堆堆的實(shí)際案例，因為你的目標不是復制，而是創(chuàng )造。

1、布局與結構

優(yōu)秀的排版布局是將自己網(wǎng)站和其他網(wǎng)站區分開(kāi)來(lái)的明顯手段之一，而它的難度也是比較高的。從專(zhuān)業(yè)的角度上來(lái)說(shuō)，沒(méi)有一個(gè)排版布局是沒(méi)人用過(guò)的，你幾乎不可能再找出一個(gè)別人沒(méi)用過(guò)的布局。但是，設計排版本身是一件非常有趣，也能夠磨練你的創(chuàng )造力的事情。在你創(chuàng )建出第 52 個(gè)網(wǎng)頁(yè)布局之后，也許你的網(wǎng)頁(yè)排版布局能力已經(jīng)和之前截然不同了，當然，也有可能你這個(gè)時(shí)候拿出來(lái)的布局方案已經(jīng)可以讓前端頭疼不已了。

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

2、品牌

強化品牌設計是提升網(wǎng)站氣質(zhì)和獨特性的有效手段。如果你的客戶(hù)有著(zhù)系統的品牌風(fēng)格指南，那么你所需要做的就是遵循它，按照其中的指引來(lái)進(jìn)行設計，擁抱你客戶(hù)的品牌風(fēng)格和用色。合理的運用加上適當的優(yōu)化，這并不是一件太難的事情。

不過(guò)，強化品牌設計能夠帶來(lái)好效果的前提也很重要：你的客戶(hù)的品牌原創(chuàng )性和特色要足夠明顯。如果他們的LOGO字體用的是Helvetica，色彩也沒(méi)有很獨特，甚至還不夠漂亮，那么這個(gè)情況就比較尷尬了，在這種局面下做品牌風(fēng)格化的網(wǎng)頁(yè)設計，并不會(huì )有啥好效果。

3、圖形和圖片

如果品牌化設計并不足以支撐你要設計的網(wǎng)頁(yè)，那么你需要使用獨特的圖片和圖形來(lái)支撐你的整個(gè)視覺(jué)設計了。人是視覺(jué)動(dòng)物，這也能夠解釋為什么那些善用高清大圖的網(wǎng)站，常常擁有良好的轉化率。視覺(jué)刺激在很多時(shí)候能夠轉換甚至強化情感聯(lián)系，而圖片和圖形在風(fēng)格的選取上，也有著(zhù)近乎無(wú)限的可能，這使得設計師可以通過(guò)它更好地傳遞情緒和情感。

不過(guò)，好的圖片往往不便宜，高素質(zhì)的圖片素材大多是精心定制的，使用商用圖庫的問(wèn)題在于，別人也能購買(mǎi)使用，這在很大程度上抹平了你和其他設計師之間的差異。

4、文案和內容

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

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

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

5、動(dòng)效

動(dòng)效在設計圈中越來(lái)越重要了，這不是沒(méi)有道理的。優(yōu)秀的動(dòng)效能夠讓體驗更優(yōu)秀，更令人難忘。從動(dòng)畫(huà)片誕生一直到動(dòng)效大規模地運用在網(wǎng)頁(yè)設計中，整整間隔了一個(gè)世紀之久。在網(wǎng)頁(yè)剛剛誕生的年代就有人嘗試過(guò)在網(wǎng)頁(yè)中運用動(dòng)效，但是效果之粗糙簡(jiǎn)直令人發(fā)指。

今天的動(dòng)效設計已經(jīng)逐步成熟，但是真正好的動(dòng)效依然不多。我在后面才提及動(dòng)效，原因并不復雜：動(dòng)效確實(shí)很好用，但是好動(dòng)效并不容易獲得。我的意思是，動(dòng)效的設計和制作成本確實(shí)在逐步降低，但是濫用而導致的可用性和體驗上的問(wèn)題，同樣很多。缺少動(dòng)效，我們會(huì )覺(jué)得過(guò)渡生硬，而動(dòng)效做的太過(guò)明顯（比如彈跳），用戶(hù)又會(huì )覺(jué)得鬧心。所以，盡可能讓動(dòng)效微妙，才是關(guān)鍵。

結語(yǔ)

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