上海海淘科技的小編指出:網(wǎng)站的整體風(fēng)格是指站點的整體形象給訪問者的綜合感受。網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計是最難以學(xué)習(xí)的。因為沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人不能設(shè)計一個網(wǎng)站,是完全一樣的?!罢w形象”包括網(wǎng)站的CI(標(biāo)志、色彩、字體、橫幅),布局,瀏覽,互動,文本和語氣,內(nèi)容,網(wǎng)站的價值,存在的意義,榮譽等等很多因素。例如:我們認(rèn)為新浪,騰訊是平易近人,肯德基、麥當(dāng)勞是一個活潑,新華社報道,中國網(wǎng)是專業(yè)嚴(yán)肅的。這些網(wǎng)站有不同的感受。
如何樹立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個步驟:
1.確信風(fēng)格是建立在有價值內(nèi)容之上的
一個網(wǎng)站風(fēng)格和沒有內(nèi)容,像繡花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。首先,你必須保證內(nèi)容的質(zhì)量和價值。毫無疑問,這是最基本的。
2.你需要徹底搞清楚自己希望站點給人的印象是什么:
如果只用一句話來描述你的站點,應(yīng)該是什么?
想到你的站點,可以聯(lián)想到的色彩是什么?
想到你的站點,可以聯(lián)想到的畫面是什么?
如果網(wǎng)站是一個人,他擁有的個性是什么?等等。
3.清楚自己的網(wǎng)站的印象后,開始建立和加強印象。
經(jīng)過第二步印象的“量化”后,您需要進一步找到事物的最顯著的特征,就是最能體現(xiàn)網(wǎng)站的風(fēng)格。評論網(wǎng)站標(biāo)準(zhǔn)顏色很容易聯(lián)想到這個特點,是否能反映網(wǎng)站的字符,等等。具體實踐,沒有模式。以下是一些參考:
把你的標(biāo)志,出現(xiàn)在每一頁。頁眉或者頁腳,或者背景。
突出你的標(biāo)準(zhǔn)顏色。文本鏈接的顏色,圖片的主要顏色,背景顏色、邊框顏色盡可能使用依照標(biāo)準(zhǔn)色等顏色。
突出你的標(biāo)準(zhǔn)字體。關(guān)鍵標(biāo)題,菜單,使用統(tǒng)一的標(biāo)準(zhǔn)字體。
想一個朗朗上口的口號。把它做在你的banner里,或引人注目的位置,告訴我們什么是你的網(wǎng)站功能,等等。
平面設(shè)計和網(wǎng)頁設(shè)計,色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們遠(yuǎn)離屏幕,我們看到的不是優(yōu)美的版式或者是美麗的圖片,而是網(wǎng)頁的色彩。
顏色的原則,有許多相關(guān)設(shè)計書籍,不會有。在此小編只是想談?wù)摼W(wǎng)站的顏色在這個小技巧。
用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
用兩種色彩。先選定一種色彩,然后選擇它的對比色。
用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。
網(wǎng)站風(fēng)格和色彩是一種互補關(guān)系,風(fēng)格變化將帶來顏色變化,一個網(wǎng)站用美麗的色彩,更重要的是比任何其他設(shè)計元素,它不僅能給人留下深刻的印象,而且還能產(chǎn)生良好的視覺效果。因此,網(wǎng)頁設(shè)計師需要考慮的使用顏色。
有一些顏色影響極強,和充滿矛盾的,這些豐富的色彩張力屬于接受能力超出普通高的生活方式。單色美是有限的,每一個顏色不是孤立存在的,不同的顏色搭配,搭配后只可以顯示彩色的魅力,這是非常困難,因為顏色搭配使用,使許多設(shè)計師,但如果技藝高超的搭配的偉大人格沖突的色彩,則可以讓它們綻放出不同反響的藝術(shù)效果。比如,背景色熱情紅+主體色彩橡樹黃+點綴色彩未來銀,則表現(xiàn)出大膽、性感、時尚的效果;點綴色彩自由黃+主體色彩可可棕+中性背景色,就可以表現(xiàn)出簡練、現(xiàn)代、活力四射的效果。
政府門戶網(wǎng)站不僅是政務(wù)信息發(fā)布和業(yè)務(wù)處理平臺,也是知識加工平臺、知識決策平臺、知識獲取平臺的集成,下面我就以廣東、四川、成都為例(如下圖)來談?wù)務(wù)W(wǎng)站在風(fēng)格和色彩上的應(yīng)用:
廣東省
四川省
成都市
1.以上頁面的共同特點:
布局簡單
中心定位
3D效果
顏色鮮亮(要謹(jǐn)慎使用)
可愛的圖標(biāo)(也要謹(jǐn)慎使用)
大字體
2.針對以上頁面談?wù)務(wù)W(wǎng)站風(fēng)格和色彩的應(yīng)用:
首先,我們來談?wù)務(wù)W(wǎng)站的布局,大約兩年前,你可以找到很多“液態(tài)布局”和“左對齊并固定寬度的布局,現(xiàn)在內(nèi)容開始出現(xiàn)在屏幕的中間。左對齊布局已經(jīng)不太常見,流動布局(全屏)不是很受歡迎。盡可能在“一屏”以內(nèi)顯示更多的信息似乎是一直以來的至理名言(也就是盡可能不要滾屏)。由于政府的網(wǎng)站主要是由信息,所以政府網(wǎng)站滾動是很常見的,網(wǎng)站的大小從800×600的窄屏逐漸向1024×768的寬屏過渡,網(wǎng)站信息也將增加。
其次,和幾年前的政府網(wǎng)站風(fēng)格相比,現(xiàn)在的政府網(wǎng)站似乎正在尋找更加簡單的單欄或雙欄布局??偟母杏X就是政府網(wǎng)站正在逐漸認(rèn)同簡單的頁面風(fēng)格。閱讀這類頁面只需要從上看到下即可,你的眼睛不用在頁面上轉(zhuǎn)來轉(zhuǎn)去拼命尋找想要的東西。同時在瀏覽過程中它也提供更加平和、穩(wěn)定的瀏覽體驗。
政府網(wǎng)站在顏色上也有很大的突破,目前國內(nèi)政府網(wǎng)站主要是由紅色,紅色是能夠吸引人們眼睛的顏色。因為紅色是強烈的色彩,所以經(jīng)常代表積極,嚴(yán)格,權(quán)力使用的顏色。這是一個充滿活力的顏色,顏色是可以感受到的激情和力量。紅色可以作為主要的顏色,也可以用作一種顏色,但后者會更好。由于不同的歷史背景下,每個國家的政府網(wǎng)站上的顏色也不同,可以說,政府網(wǎng)站的顏色是有它的傳統(tǒng)性決定的。
最后,還有一個“規(guī)則”:不要使用太多美好的元素在同一頁(這將影響用戶的注意力。上面的頁面中,例如,在3d效果,小圖標(biāo),字體,他們使用很好,或保守,主要以綠色為主,白色,淺米色背景、正文以黑字為主,因為政府網(wǎng)站信息更大,用戶需要能夠清楚地看到內(nèi)容,從用戶體驗的角度來看,應(yīng)該充分考慮可讀性。推薦紅色莊嚴(yán)和親和力。
海淘科技的小編最后總結(jié)說:設(shè)計師有時是反對風(fēng)格的,固定風(fēng)格的形成意味著自我的僵死,但風(fēng)格,同時,設(shè)計師可以反映一個人的個性,喜好,經(jīng)驗,培訓(xùn),也是設(shè)計師成熟的象征,色彩是一種語言(信息),顏色有感覺,會讓人產(chǎn)生聯(lián)想,能讓人覺得,冷暖、前后、輕重、大小等等,所以創(chuàng)建一個視覺興奮升華我們的工作。想要了解更多的關(guān)于網(wǎng)站設(shè)計知識可點擊此鏈接