當(dāng)前位置: 首頁 > 設(shè)計資訊 > 理論文摘 > 正文

想讓你的網(wǎng)頁設(shè)計脫穎而出,可以從這5個維度入手

2017-11-20 1933 0

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

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

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

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

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

1、布局與結(jié)構(gòu)

布局與結(jié)構(gòu).jpg

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

另外一方面,你在這個過程中會同開發(fā)慢慢磨合,也會更加了解哪些地方是用戶的痛點,明白信息架構(gòu)要如何搭建,這樣你才會在排版設(shè)計的時候,越來越清楚如何確??捎眯院涂稍L問性。獨特而又繁復(fù)的網(wǎng)頁布局很大程度上會依賴Javascript 等技術(shù),但是理想狀況下的布局最好是不要這樣,否則調(diào)整和修改的成本會非常高昂。

2、品牌

品牌.jpg

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

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

3、圖形和圖片

圖形和圖片.jpg

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

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

4、文案和內(nèi)容

文案和內(nèi)容.jpg

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

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

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

5、動效

動效.jpg

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

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

結(jié)語

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



19
評論區(qū)(0)
正在加載評論...