網站風格

網站風格

所謂網站風格是指,網站頁面設計上的視覺元素組合在一起的整體形象,展現給人的直觀感受。這個整體形象包括網站的配色、字型、頁面布局、頁面內容、互動性、海報、宣傳語等因素。網站風格一般與企業的整體形象相一致,比如說企業的整體色調、企業的行業性質、企業文化、提供的相關產品或服務特點都應該要能在網站的風格中得到體現。網站風格最能傳遞企業文化信息,所以說好的網站風格不僅能幫助客戶認識和了解網站背後的企業,也能幫助企業樹立別具一格的形象。通過網站風格的獨特,直接給自身網站和所處行業的其它網站之間營造出一種清晰的辨識度。隨著網際網路的影響力不斷提升,網站成了企業讓客戶了解自身最直接的一個門戶,通過自身網站的辨識度在眾多網站中脫穎而出,迅速幫助企業樹立品牌,提升企業形象。

基本介紹

  • 中文名:網站風格
  • 釋義視覺元素組合在一起的整體形象
  • 內容:網站的配色、字型、頁面布局
  • 作用:傳遞企業文化信息
協調顏色,線條和形狀,分割版式,UI統籌,去除冗餘,

協調顏色

不同的色彩影響著人們對網站的第一感覺,紅色系象徵著激烈、興奮,灰色系象徵著平淡和低調。因此,旅遊和園林類型的網站使用綠色系比較多,藍色則被譽為是企業色確實很多企業和政府機關都偏愛使用沉穩而大方的藍色。另外也有幾種顏色在網頁設計中是很少被大面積使用的,比如紫色。
一個網站不可能單一地運用一種顏色,這會讓人感覺單調,乏味;但也不可能將所有的顏色都運用到網站中,給人感覺輕浮、花俏。一個網站必須有一種或兩種主題色,既不至於讓客戶迷失方向,也不至於單調、乏味。所以確定網站的主題色也是設計者必須考慮的問題之一。
通常情況下,一個頁面內儘量不要使用超過4種色彩,太多的色彩容易讓人感覺沒有方向、沒有側重。當主題色確定好以後,考慮其他配色時,一定要考慮其他配色與主題色的關係,要體現什麼樣的效果;另外還要考慮哪種因素可能占主要地位,是明度、純度還是色相

線條和形狀

文字、標題、圖片等的組合,會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合,構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀,才能增強頁面的藝術魅力。以下我們來探討一下幾種不同線條和形狀的使用方法。
  1. 直線(矩形)的套用。直線條的藝術效果是流暢、挺拔、規矩、整齊的,也就是所謂的有輪有廓。直線和矩形在頁面上的重複組合可以呈現井井有條、涇渭分明的視覺效果。一般套用於比較莊重、嚴肅的主頁題材。
  2. 曲線(弧形)的套用。曲線的效果是流動、活躍,具有動感的,曲線和弧形在頁面上的重複組合可以呈現流暢、輕快、富有活力的視覺效果。一般套用於青春、活潑的主頁題材。
  3. 曲、直線(矩形、弧形)的綜合套用。把以上兩種線條和形狀結合起來運用,可以大大豐富主頁的表現力,使頁面呈現更加豐富多彩的藝術效果。這種形式的主頁,適應的範圍更大,各種主題的主頁都可以套用。但是,在頁面的編排處理上,難度也會相應大一些,處理得不好會產生凌亂的效果。最簡單的途徑是,在一個頁面上以一種線條(形狀)為主,只在局部的範圍內適當用一些其他線條(形狀)。

分割版式

在網頁設計中,頁面因為內容元素的需要被分割成很多區塊,區塊之間的均衡就是版式設計上需要著重考慮的問題。均衡並非簡單理性的等量不等形的計算,一幅好的、均衡的網頁版面設計,是布局、重心、對比等多種形式原理創造性全面套用的結果,是對設計師的藝術修養、藝術感受力的一種檢驗。在面積對比強烈(不等形)而又均衡(等量)的設計中,我們可以看到對比法則的成功參與;而在一些對比不十分強烈、典雅的不對稱設計中,我們則可感受到設計者儒雅的學者風範。
需要注意的是,傳統網頁設計的版式控制都是在不超越大眾顯示器解析度寬度的前提下,依照內容多少縱向延展設計。而如今流行的產品型網站,更傾向於在一屏內表達最主要的東西,尤其是首頁,儘量不出現滾動條。

UI統籌

除開巨觀的色彩版面設計,頁面設計里還有一個很重要的環節UI元素的設計。在設計人員的理解層面上,所有界面上可視範圍內的東西,都可以併入UI里,但是單說UI設計,則更側重於Tab標籤、小圖示、按鈕、控制項等。這些細節的最佳化,通過使用元素來影響整站風格,製造整體性及連續性,能統一整個站點的形象,並且在精緻中表達網站的整體格調。

去除冗餘

在必要的元素都設計完成之後,回顧整個頁面,根據整站的風格需要,也許你會覺得設計得過於複雜了,或者是設計得不夠完美,不能突出想要的風格。這個時候就需要適當調整對頁面的美化控制。
簡潔的往往是美的,而美的東西不一定簡潔。尤其在網頁設計上,對於內容很多的入口網站,任何多餘的修飾都會加重瀏覽者眼睛的負擔,所以可以看到門戶的設計往往特別簡單;而某些專業型網站,就首頁來說確實沒有什麼東西可以展示,那么則需要刻意增加一些點綴而不顯得特別空洞。當然,這也不是定理,針對行業不同或者突發性事件,適當地對設計進行調整也能夠起到很好的效果。

相關詞條

熱門詞條

聯絡我們