萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 個性網頁設計精講,有風格有創意

個性網頁設計精講,有風格有創意

  千篇一律的網站,真是令人厭惡。個性化的打造也越來越重要,以個人博客為例,一個清爽具有創意的個人博客更會受到讀者們的喜愛,而創作一個有個性、創意的網頁制作時,要先知道兩個定律——網站建設的初衷決定了網站設計的方向;網站內容五花八門,定位不夠明確,信息結構則將會決定網站結構以及網站創意。

  很多人都想創意那麼是否一定要不同的網頁框架之類的問題,但在個性設計中更注重的是色彩以及圖形圖像等細節上展示出獨特的風格。

個性網頁設計精講,有風格有創意 三聯

  這個網站選用了簡單的二欄式,也是比較常見的一種網頁框架。左欄是導航區,右欄是信息區。镂空的設計使網站色彩得到了充分的發揮,同時也是結構輪廓更鮮明。導航獨占一欄,更換任何欄目時左欄不變,右欄的信息區展現不同的內容。很好的將網站整體統一,而局部變化的效果適合信息內容量不大的網站情況。推薦做類似設計的是個人心情博客之類的。從另外一個角度上來說,大體采用Html制作,而局部的Flash動畫給網站增添了活力,調動了網站的整體氣氛。而綠頭娃娃的動作變化,讓網站有了靈魂。網站因為這活潑的靈魂而生動有趣,Logo上的圖案不停地變換可愛的老鼠、黑色的小貓,也活躍了網站的氣氛。

  整個網頁設計采用綠色以及粉黃,使網頁和諧不突兀。類似的色相以及相反色調的搭配是頁面富有節奏感,給人一種輕快而又活潑的感覺。網站因“吉祥物”的加入與眾不同,引人注目。

  注:既然談到了吉祥物,就大致地講述一下吉祥物在網頁設計中的作用。網站的吉祥物往往是卡通人物或者卡通動物形象,是具有特別意義的視覺要素。而吉祥物形象一定要貼切網站主旨,具象又略帶誇張的形象,讓網頁有親和力。而在吉祥物上做得非常成功的騰訊“企鵝”,新浪門戶的“大眼睛”,這些都給人留下了深刻的印象。

  二欄式是非常常用的,那麼就來談談二欄式創意布局設想。二欄式往往用於信息承載量不大的網站,而做“大氣的網站”難度似乎增加了不少。但實際上,如果有好的網站結構,也並非是難題。在這裡我描述一些外國個人博客的獨到設計。將標志置放於網站的左上角,使導航欄孤立地存在。這樣的一個設計是使上方(也就是標志以及導航欄)的色彩與下方信息區相互呼應,達到一個平衡的狀態。在色彩搭配上,可以采用協調的類似色深淺不同的色調組合搭配而成。這樣的色彩搭配往往給人帶來脫俗、有氣質、富有格調的舒適感覺。

  個性頁面要注意一點就是靜態顏色與動態顏色的搭配。靜態顏色也就是指標志、導航欄等網站框架不變的顏色,而動態顏色就是指的是網頁信息內容的顏色、圖片的顏色會經常變換的顏色。而經常變換可能使某些頁面造成不和諧的因素,若不能很好的規劃協調二者,會給用戶帶來不好的影響。

  個性不僅僅要符合自己,也要符合用戶的胃口。為此,做好用戶心裡調查,是為個性化網頁設計打下一個堅實的基礎。在這裡,我給出幾個實用不變的小建議,望大家采納。

  貼切生活的網站最好使用白色作為背景色,或者使用清新的背景,不必過於花俏。主色最好采用較為干淨的顏色,例如淡雅的米白色、灰色等。

  不要大規模使用對比度很強的配色方式,對比度過於強烈,雖然有突出的作用,但是可能使畫面缺少柔和的視覺感受。運用不好,還會使這個網頁變得突兀,這一點大家容易忽略。如果非要使用,不如試試黑白這類的顏色。

  最後一點,也就是剛剛所說的符合用戶群心裡。無論是女性網還是兒童網站,都站在用戶的角度上去設計網頁,這樣才能在突破創新時不脫離原有的軌道。拿女性網站舉例子:女性網多采用柔美、高雅的圖片作為網頁中的調料,會頗受職業女性的喜愛。

  總結:無論是否學習過色彩搭配,只要能從生活的一點一滴中提取美麗的細節運用到網頁當中,這個網頁就足以吸引人。

  文章來源:www.jianzhan-china.com ,轉載請注明出處。最後我想說的是,如果能合理運用色彩組合、圖案搭配、文化融合這三件利器,個性的網頁設計不再是難題。

copyright © 萬盛學電腦網 all rights reserved