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

      作者:chenzimu7
      分類: 觀點/經驗
      2017-07-31
      4061

      客戶希望它廣受歡迎,在用戶和潛在用戶心理扎下根;后端開發也同樣希望這個網站能夠成功,這樣他也能為自己的職業生涯加上濃墨重彩的一筆。

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

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

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

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

      1、布局與結構

      布局與結構.jpg

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

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

      2、品牌

      品牌.jpg

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

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

      3、圖形和圖片

      圖形和圖片.jpg

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

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

      4、文案和內容

      文案和內容.jpg

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

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

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

      5、動效

      動效.jpg

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

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

      結語

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


      0
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 亚洲av成人一区二区三区| 中文字幕在线不卡一区二区| 无码一区二区三区免费视频| 国产一区三区二区中文在线| 亚洲色偷精品一区二区三区| 无码毛片视频一区二区本码| 国产一区三区三区| 一区二区三区精品视频| 在线免费一区二区| 亚洲性色精品一区二区在线| 性无码一区二区三区在线观看| 中文字幕在线播放一区| 久久精品国产第一区二区| 国产91一区二区在线播放不卡| 国产成人一区二区三区高清| 久久精品免费一区二区喷潮| 久久精品无码一区二区三区不卡| 国产精品久久久久久麻豆一区| 久久久无码精品国产一区| 日韩精品无码一区二区三区不卡| 国产a∨精品一区二区三区不卡| 国产成人无码AV一区二区 | 免费无码一区二区三区蜜桃| 久久精品无码一区二区三区日韩| 国产成人一区在线不卡| 久久精品国产一区二区 | 国产日韩精品一区二区在线观看| 国产成人精品一区二三区熟女| 亚洲AV无码一区二区一二区| 日韩成人无码一区二区三区| 麻豆va一区二区三区久久浪| 精品国产精品久久一区免费式| 视频在线观看一区| 中文字幕精品一区二区三区视频| 大伊香蕉精品一区视频在线 | 夜夜精品视频一区二区| 国产一区二区在线观看视频| 风流老熟女一区二区三区| 岛国精品一区免费视频在线观看 | 亚州AV综合色区无码一区| 国模无码视频一区|