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

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

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

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

1、布局與結構

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

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

2、品牌

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

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

3、圖形和圖片

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

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

4、文案和內容

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

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

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

5、動效

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

隨著技術的進步，動效設計可謂是變得越來越成熟了。但是，真正好的動效還是不多的。

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

結語

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