首頁?>?知識?資訊?>?網站設計的10條錦囊妙計。?>?正文

網站設計的10條錦囊妙計。

2013/9/29 0:00:00 · 稿源:傳誠信

本文將揭秘網站設計的10條錦囊妙計。

1.?視覺上”一語雙關”

我最喜歡的一些網站在視覺設計上”一語雙關”,將兩張圖片、兩張意象巧妙結合,合二為一。

WinePlace?的網站就是一個絕佳的案例

網站設計的10條錦囊妙計。圖片

這個網站看起來像圖釘,暗喻著”定位”,又像一個顛倒的酒杯。這種聰明的設計讓人感覺印象深刻??吹竭@種”小聰明”設計,瀏覽者肯定會會心一笑。

下面這個網站選自?fifty?fantastically?clever?網站s,有興趣的可以看看,你是否也喜歡這種網站設計呢?

?

2.用色上嚴格把關

配色太重要了,這可不僅僅是表面文章,色彩能夠影響情緒,色彩關乎到網站的意義,以及網站傳達的理念。有的時候客戶會限定使用的顏色,而有的時候允許你自由探索。我特別喜歡下面的這個Zion?網站


通過配色,吸引你的注意,然后將自己帶入這片風景中,美妙的插畫給予瀏覽者更多的體驗。我記得有句話是”好的網站設計是多功能的,即使是灰度模式也極具功能性”

永遠要注意到網站的用途以及目的。合理采用不同的演示版本。


3.?避免陳詞濫調

不久之前,一些新的風格在網站設計界開始流行。我喜歡研究設計趨勢表象的背后,我喜歡跟進流行保持與時俱進,但是大家都做流行,大家都一樣,這就有點千篇一律、陳詞濫調、毫無創(chuàng)新了。


國外極度流行的”Hipster”風網站設計。
上圖的這個原型在網站設計中一遍又一遍的被模仿,我覺得馬上就要不流行了。

為什么要跟風呢?為什么就不能自己開創(chuàng)一個風潮、時代呢?為什么別人干什么你就干什么呢?

本人有一篇文章講述的就是網站設計中的跟風現象——?網站?design?clich?s,設計的東西要有靈感,設計不等于生產,設計是創(chuàng)意,別跟風!

4.個性化一點

這一條跟上一條其實差不多,不跟風之后,就要考慮個性化問題了。
設計必須具備某種獨一無二的辨識度??纯从∠蠊P記的網站吧


實際上就是一個象頭,看起來沒什么了不起。然而卷曲的象鼻,以及代表翻頁的象耳讓此網站極富個性化。
設計網站一定要保持設計獨一無二。你還能找出其他類似的嗎?因此你的設計一定要如此。在定型之前多想幾種方案,頭腦風暴,然后畫在草圖紙上,再進行選擇。

5.?人人都愛定制化

字體設計的定制感特別強,讓人感覺獨一無二。

說是網站設計,但是字體設計占了不少份額,我們需要花心思去挑選字體或者去設計字體。如果有人支付你錢去”設計”網站,那么字體上下點功夫吧。
定制化設計會讓你的網站獨一無二。無良設計師雖然可以拷貝你的作品,但是他們永遠無法掌握你的技藝和創(chuàng)意!
比如說可口可樂的網站設計,就以字體為主。

你看,有人就這么抄,但是永遠沒有可口可樂那么出名。?

6.KISS(Keep?it?Simple?Stupid)原則

有的時候,網站設計不必太注重美感,太過度在意字體。簡約就是美,極度簡約能夠打造出一種純凈、令人敬仰的品牌網站
Kiss原則講的就是這個道理,保持簡約,保持明了。看看下面的這兩個圖標式的網站,一直都是這么出眾。

而不得不提蘋果的網站,一個咬痕讓人記憶猶新

如果像上面那么設計,就毫無設計感了。

咬痕將網站提升到新的高度,讓整個設計更有深度。
多想想,再想想,怎么讓你的網站變得獨一無二。

7.?比例與對稱

比例,對稱,這是要大講特講的話題??纯碩witter的新網站解析吧。


這些圓不是什么宇宙怪談,是設計的指導,是用來平衡網站比例美感的工具。
我們再來看看蘋果那驚世駭俗的一”咬”。很明顯蘋果在設計網站時也考慮到了比例和對稱問題。


8.?留白

FedEx就是絕佳展示,利用留白,打造了一語雙關的效果。

還沒看見嗎?好吧你再看會兒吧。

我終于忍不住揭曉謎底了,仔細看Ex之間的白色區(qū)塊,是不是有個箭頭?很多人看到FedEx的快遞卡車來來往往,但是很少人能注意到這個箭頭。

網站pond巧妙利用留白,既像牛角,又像酒杯。

9.?消極與積極

網站設計中還有一點比較重要,那就是網站要具備一種積極的象征意義。唉,詞不達意,準確的說是網站要讓人看了積極向上、心情不壓抑。

看看Twitter早期網站吧,低頭鳥,毫無自信,又怎么能飛的起來呢?

這幾代的twitter的網站,昂首挺胸,一鳴驚人。

這副網站不光是馬林魚,還有一種勝利者遨游的凱旋姿態(tài)。

這個設計將原本毫無生氣的物體轉變?yōu)榛盍λ纳涞?。看看其中蘊藏的情緒吧。

10.?為網站講一個故事

每個優(yōu)秀的網站設計必有其故事。并不只是簡簡單單的草圖繪制,然后定型,優(yōu)秀的網站蘊意深刻,明喻暗喻均有。比如上面的FedEx的箭頭就代表著追求”便捷高速”的服務品質。蘋果的網站將”咬”(byte=咬=字節(jié))發(fā)揚光大,而Twitter那種翱翔天空的姿態(tài)。

“有深度的設計師,能夠向客戶展示網站設計中的意義和暗喻”

雖然有的時候網站已經設計完了,再去進行意象表達來不及了。不過亡羊補牢為時未晚,可以再審視以便你的設計,看看其中還有沒有什么閃光點可以進行”放大”?

如果你的意義夠深刻,夠貼題,那么客戶會很愉快的接受你的設計。

本文作者來自北京網站建設公司-傳誠信,轉載請注明出處!

  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354