服務電話(huà)

028-85283257

13540034978

13540034978 / 028-85283257

461544981@qq.com

contact
成都市武侯區航空路6号豐德國際廣場B1座12A樓02号
聯系我們
想讓你的網頁設計脫穎而出,可以從這5個維度入手

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

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

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

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

1、布局與結構

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

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

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

2、品牌

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

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

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

3、圖形和圖片

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

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

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

4、文案和内容

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

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

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

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

5、動效

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

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

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

結語

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

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

  1. 《科普好文!作爲UX設計師你需要知(zhī)道的52個專業術語》

  2. 《想讓設計更走心?你得學會用共情來驅動設計》

  3. 《跨屏幕的響應式設計,你需要這樣來設計用戶體驗》

  4. 《想轉型成爲用戶體驗設計師,隻會畫圖遠不夠》

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

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

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


Source
成都愛誠科技
date
2020-09-30 15:51:27
share
真心愛爾·誠意服務

多一份了解,多一個選擇

即可開啓一站式服務體驗
預約面談可撥打 135-4003-4978 / 028-85283257
取消咨詢 立即咨詢