淺談網站設計中的風格設計

來源:【易網】網站設計公司 | 更新:2018-10-30

隨著是計算機網絡技術的發展,網站成為人在上網了解一項事物時所必須要瀏覽的界面,如何能讓網站的形式深入人心,就是網站建設的專業人士所要研究的內容。本文從幾方面闡述對網站風格設計形式的研究。

網站風格 

網站風格是抽象的概念,一般是指網站的整體形象給瀏覽者的綜合性感受。每一個網站都會有自己獨特的風格。而這些擁有獨立風格的網站會吸引越來越多的網絡游客的關注,從而提升自己網站的知名度。網站的整體形象包括頁面的排版布局,形式,色彩,效果等……。比如:我們覺得米老鼠的形象是生動活潑的而法官的形象則是專業嚴肅。每一個網站都會給瀏覽者留下不同感受。因此我們需要做到的是根據網站的定位不同做出每個網站特有的形式。除此我們還需要在風格上需要把握一下,其實這個風格的統一和傳統的印刷出版物沒什么區別。網頁上所有的圖形、文字,包括背景顏色排版形式等等都要統一風格。這樣子可以使瀏覽者看起來舒服、順暢。 

網站設計

視覺流程設計 

瀏覽者在閱讀某些信息時,視覺會形成一種自然的流動習慣,比如說對網頁界面的瀏覽方式可能會習慣性的自上而下或者從左向右,在整體平面上進行連貫的瀏覽。網站的平面布局上可以依據大眾的視覺瀏覽習慣進行頁面的排版設計。從專業角度而言一般情況下平面的視覺影響力左側強于右側,上方強于下方。這樣平面的上部和中上部,左側和中間部分被稱為“最佳視域”,也就是最優先瀏覽的地方。結合這些特點,在網頁設計過程中一些突出或者是要進行推薦的信息通常都被擺放在這些位置。當然上面所說的視覺流程只是一種感覺并非一種固定的模式,只要符合瀏覽者的邏輯順序和心理順序,在網頁設計中,靈活、合理地運用可以直接影響到傳達信息的有效性與準確性。 

網站LOGO設計模式 

Logo顧名思義就是站點的標志圖案,對網站起到標志性的意義,也是此網站和彼網站的首要區分點之一。Logo最重要的作用就是用圖形化的方式傳遞網站的準確定位和明確的經營理念,同時便于瀏覽者加深對網站的印象。在網站Logo的設計過程中一般有如下三種思路:①直接以網站網址作為Logo的圖案;②用以傳遞網站運營商的經營理念為特色進行Logo圖標的設計;③根據網站提供的產品或者服務特點展開對Logo圖標的設計。 

合理的網頁布局 

目前瀏覽者們看到的網頁布局大致可分為“國”字型, “L”字型。其實我們做網站設計的時候并沒有過多的去考慮形式,最重要的是滿足客戶的需求,把握網站的定位做出合理的網站框架布局。 

1、合理廣告:現在一些網站的廣告讓瀏覽者覺得很不舒服,比如說,網頁震動、閃爍等效果,給本來挺好的網站添加了負面影響,更糟糕的會導致瀏覽者連這個網站都不再點擊了,這樣一來網站受到了不好的影響,原本是計劃吸引瀏覽者的廣告也沒達到預期的目的。這些問題都是設計網站之前需要考慮周到的。一般網站設計者會采用浮動式的廣告,這種廣告可分為兩種,第一種是在網頁兩邊空余的空間可以上下浮動的廣告,第二種是在屏幕到處隨機移動的廣告。第一種形式的浮動廣告要遠優于第二種。如果廣告的數量過多會影響到用戶的心理,會起到適得其反的效果。因此一般來說在設計過程中網站首頁的廣告不宜過多。 

2、空間的合理利用:現在很多的網頁都具有一個特點,用兩個字來形容,那就是“擁擠”,設計者將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上,不做規劃,導致瀏覽時會遇到諸多不便,主要就是頁面主次難于區分,沒有重點,沒有很好的歸類。讓瀏覽者難以找到所需要的東西。只有合理的安排、有機的組合,才能使頁面達到平衡,既使在一邊的部分大面積留空,也不會讓人感到空,還能給瀏覽者留下廣闊的思考空間又達到了視覺效果。 

3、文字編排:網站排版的初衷是為了能在網頁上更好地顯現文字說明內容和圖片擺放效果的良好統一。在網頁設計中,字體形式的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常重要。 

文字圖形化 文字圖形化就是將純文本的內容用圖片的形式來進行表現,以達到圖文并茂良好效果。這種形式在頁面的子欄目里面較為常見,因為它突出重點,同時又對頁面進行了良好的美化,使頁面在瀏覽過程中更加的人性化,加強了頁面的視覺效果。這一點是單純的文字無法達到的。 

強調文字 還有一種是整個頁面設置的目的就是對文字內容的突出,設計者可以通過對文字效果的設置,比如字體加粗、加大號字體、傾斜字體、添加下劃線、更改字體顏色等方式有意識地去強化頁面文字的視覺效果,使其在整體頁面中顯得出眾。這些對文字的設置方法實際上都是運用了襯托的法則。 

網站配色 

1、整個網站采用一種色彩:這里是指先選定一種色彩,然后通過調整其透明度或者飽和度,說得通俗些就是將色彩加深或變淡來改變色彩給瀏覽者帶來的整體感覺,從而達到在瀏覽過程中變化的色彩效果,產生新的色彩形式。給瀏覽者意多變的視覺享受。經過這樣處理的頁面從效果上看起來色彩統一,有層次感區分度。 

2、運用兩種色彩:首先選定一種主色彩,然后選擇這種色彩的對比色,再進行細微的調整。整個頁面色彩豐富卻有著協調的統一。 

3、運用一個色系:簡單的說就是用一個色彩范圍的色調也就是網站在同一色系里面選用不同的顏色使網頁整體增加色彩。這種形式的配色方法在網站設計中為常用。比如一個網站所采用的主體顏色為,3f8805號的綠色及和其相稱的淡綠色。這樣網站在色彩搭配上給瀏覽者一種很舒服的感受。在網頁整體配色中控制在三種色彩以內,以避免網頁沒有主色。背景色和前景色的對比度盡量要大,絕對不要用紛繁復雜的圖案作背景,即突出主要文字內容也使用戶在瀏覽網頁的時候不會產生視覺疲勞。

排球比赛可以没有自由人吗