前言:尋找寫作靈感?中文期刊網用心挑選的網頁設計視覺信息傳達分析,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。
【摘要】隨著我國經濟地快速發展,科學技術不斷地進步與完善,互聯網已經走進了社會生產和人們的生活,它改變了人們的生活,而且打破了原來的商業模式,改變了我們原有的思維模式。網絡已經離不開人們的生活,人們在淘寶網站上購物,在網頁中瀏覽新聞等,這些內容都需要網頁將信息傳遞給人們,所以,網頁的設計有著非常重要的地位。本文通過分析了人們在瀏覽網頁時的視覺習慣,網頁設計如何能夠吸引用戶的眼球,能夠更有效、更合理的表現欲傳達。
【關鍵詞】網頁設計;視覺傳達
一、網頁設計概述
網頁設計是指企業將要表達的信息展示給用戶,然后對網頁進行設計、美化,盡可能在合理的空間讓用戶產生完美的視覺體驗。
主要考慮以下幾個方面:首先是布局。用戶瀏覽頁面,不會第一時間從中獲取信息,而是對網頁本身有個總覽,這就是我們所說的版面或者是結構。其次是色調。顏色是人們對這個世界認知最重要的要素,合理的色調設計,能夠給人們帶來愉快的心情,能夠將網頁的內容一目了然。再次是導航。導航主要體現在網頁導航條的設計,好的導航條能夠指引和帶領用戶更為快捷的瀏覽網頁的內容,是網站的指南針。最后是內容。對于一個網頁來說,必須具有中心內容,不管經過怎樣的設計、美化,只有顏值沒有內涵的話,也只是中看不中用,沒有將內容有效的傳遞給用戶。
三、網頁設計如何提高視覺傳達的有效性
可以從以下兩方面考慮:
(一)布局設計
網頁的布局設計是指將文字、圖片、動畫等元素在有限的空間內有機地排列組合,充分地將網頁的主題、設計風格展示給大家。使用戶更喜歡停留在該網頁,內心產生一種享受的感覺。網頁布局設計應做到突出主題,條理清晰,頁面整潔、大方,讓人一目了然。常用的網頁布局定位的工具有表格、DIV標簽,他們能使網頁的內容有序,整齊的排列。表格是常用的頁面布局工具,可以通過設置表格及單元格的屬性,對頁面的元素進行準確的定位。還可以通過DIV標簽定位,DIV標簽可以放在網頁中任何位置,能夠準確的控制網頁中的對象。版面設計時可以考慮以下幾個方面:1.主題分明,突出重點,將重點部分放到頁面的中心位置,頁面的中央或中間偏上的地方。2.圖文并茂是頁面中信息量過大時最不錯的選擇,文字、圖形、圖像的搭配組合,使整篇文章更加直觀和生動;3.頁面的設計及可以添加一些“動態性”原色,例如添加音樂、視頻、動畫等,這樣可以使頁面動靜結合,不僅增加了頁面的設計感,也更容易吸引用戶的眼球,更有效的實現視覺傳達??紤]頁面布局的樣式方面,有T字形,口字形,對稱型,海報型等,版面設計還可以按照兩欄式、三欄式或多欄式等方式設計。欄數不應該過多,最好不要多于三欄,否則將會影響整個版面的結構和條理,不利用信息得有效傳遞。
(二)網頁的視覺識別系統設計
可以從以下三個方面考慮:1.標志設計。標志在網頁中應用廣泛,起著非常重要的作用。可以方便的實現視覺引導和功能的劃分,便于宣傳和識別。標志設計要注意以下幾點:(1)一個企業的標志設計中不應參雜宗教和文化禁忌的符號元素進來。(2)傳播價值第一。(3)標志設計一定要有強烈的吸引感,使用戶對瀏覽的網頁后對該標志印象深刻,這樣不僅增加了網頁瀏覽量和回頭率,而且更好的傳播了企業的信息。2.色彩搭配。色彩的搭配在網頁中起著舉足輕重地作用,很大程度影響用戶在瀏覽網頁時的心理感受,不同的色彩搭配會讓用戶產生不一樣的體驗,例如使用同色系和臨色系的色調可以體現網頁色彩的協調性與統一性,不足之處是他會使用戶容易產生單調乏味的感覺,可以通過添加一些圖片、動畫來打破乏味的局面;運用對比色和互補色是豐富網頁的頁面顏色,增強視覺沖擊力不錯的選擇,缺點是容易使用戶產生煩躁、刺激的感覺。3.字體的設計。添加的字體盡可能與網頁的特點以及網頁的內容相契合。不同類型的網站對字體的設計有不同的要求,例如機關部門的網站就要求嚴肅,字體以黑體為主或對黑體加以簡單變形;生活類的網站,字體需要生動活潑、輕盈歡快;購物類的網站女性朋友較多,比較適合細致,苗條的字體。個人主頁往往與個人的性格特點相吻合,展示強烈的個性特征。不論什么類型的網頁都需要整體把握一下幾點:(1)盡量不要使用生僻字體,最好選擇宋體、黑體等比較常見的字體,以防用戶沒有安裝相應的字體庫,造成字體顯示不出來,結果事倍功半;(2)不宜同時選用過多字體,以2至3種為宜;(3)字體大小不要亂設置,最好以系統默認最佳;(4)特殊字體或藝術字體最好以圖片的方式置入網頁;
四、結語
網絡正在以非常強大的力量影響著人們的生活,21世界是科技化的時代,是智能化的時代,社會的各個行業都離不開計算機和網絡,更離不開向人們傳遞信息的網頁。網頁傳遞信息量大,傳播速度快,種類繁多,備受人們的喜愛,如何能夠快速地吸引瀏覽者,網頁信息傳達有的效性就顯得至關重要。
參考文獻:
[1]耿健斌.視覺傳達設計要素在網頁設計課程教學中的應用研究[J].電腦迷,2018(9).
[2]刁學棟,吳彬.網頁設計的視覺信息傳達分析[J].教育信息化,2006(19).
[3]陶陶.網頁設計中視覺傳達的有效性[J].信息科技,2013(06).
作者:任海燕