想讓你的網頁設計脫穎而出，可以從這5個維度入手

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

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

對於廣大設計師而言，看了那麼多的技巧和趨勢，自己的設計依然平庸，上線的網站也依然大眾。靈感到底從何而來？創意到底在哪裡？Well，有的時候過度執著於原創並不一定是好事，也許你現在的設計也更符合實際需求也說不定。

但是，好設計的呈現形態很多，能夠脫穎而出的設計，你其實也能做到。你需要堅持不懈地嘗試原創，至少是尋求原創的感覺，精心的規劃，並且不斷地努力。想要打磨出與眾不同的優秀網站，你可以從下面5個維度入手，精心打磨。這篇文章當中不會展現一堆堆的實際案例，因為你的目標不是複製，而是創造。

1、布局與結構

優秀的排版布局是將自己網站和其他網站區分開來的最明顯手段之一，而它的難度也是最高的。從專業的角度上來說，沒有一個排版布局是沒人用過的，你幾乎不可能再找出一個別人沒用過的布局。但是，設計排版本身是一件非常有趣，也能夠磨練你的創造力的事情。在你創建出第52個網頁布局之後，也許你的網頁排版布局能力已經和之前截然不同了，當然，也有可能你這個時候拿出來的布局方案已經可以讓前端頭疼不已了。

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

2、品牌

強化品牌設計是提升網站氣質和獨特性的有效手段。如果你的客戶有著系統的品牌風格指南，那麼你所需要做的就是遵循它，按照其中的指引來進行設計，擁抱你客戶的品牌風格和用色。合理的運用加上適當的優化，這並不是一件太難的事情。

不過，強化品牌設計能夠帶來好效果的前提也很重要：你的客戶的品牌原創性和特色要足夠明顯。如果他們的LOGO字體用的是Helvetica，色彩也沒有很獨特，甚至還不夠漂亮，那麼這個情況就比較尷尬了，在這種局面下做品牌風格化的網頁設計，並不會有啥好效果。

3、圖形和圖片

如果品牌化設計並不足以支撐你要設計的網頁，那麼你需要使用獨特的圖片和圖形來支撐你的整個視覺設計了。人是視覺動物，這也能夠解釋為什麼那些善用高清大圖的網站，常常擁有良好的轉化率。視覺刺激在很多時候能夠轉換甚至強化情感聯繫，而圖片和圖形在風格的選取上，也有著近乎無限的可能，這使得設計師可以通過它更好地傳遞情緒和情感。

不過，好的圖片往往不便宜，高素質的圖片素材大多是精心定製的，使用商用圖庫的問題在於，別人也能購買使用，這在很大程度上抹平了你和其他設計師之間的差異。

4、文案和內容

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

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

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

5、動效

動效在設計圈中越來越重要了，這不是沒有道理的。優秀的動效能夠讓體驗更優秀，更令人難忘。從動畫片誕生一直到動效大規模地運用在網頁設計中，整整間隔了一個世紀之久。在網頁剛剛誕生的年代就有人嘗試過在網頁中運用動效，但是效果之粗糙簡直令人髮指。

今天的動效設計已經逐步成熟，但是真正好的動效依然不多。我在最後才提及動效，原因並不複雜：動效確實很好用，但是好動效並不容易獲得。我的意思是，動效的設計和製作成本確實在逐步降低，但是濫用而導致的可用性和體驗上的問題，同樣很多。缺少動效，我們會覺得過渡生硬，而動效做的太過明顯（比如彈跳），用戶又會覺得鬧心。所以，儘可能讓動效微妙，才是關鍵。

結語

仔細看看那些設計優秀的網站，你會發現稍有設計師會只用上述策略中的一種，甚至有的設計師在5個方面都做的非常的突出。不過，作為設計者，你應該懂得輕重緩急，有策略有偏向地制定設計策略。搞清楚自己的優勢在哪裡，是視覺設計還是信息架構，是品牌優化，還是動效設計，圍繞著你最得心應手的部分來推進整個設計。最後，當你在創造某些全新的東西的時候，享受這個過程。

【用戶體驗設計有哪些技巧】

1. 《科普好文！作為UX設計師你需要知道的52個專業術語》
2. 《想讓設計更走心？你得學會用共情來驅動設計》
3. 《跨屏幕的響應式設計，你需要這樣來設計用戶體驗》
4. 《想轉型成為用戶體驗設計師，只會畫圖遠不夠》

原文地址：webdesignerdepot原文作者：EZEQUIEL BRUNI優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手並製作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com