1) 網頁設計的視覺流程策劃 視覺流程,原本是二維或三維空間中一種視線的運動。
在網頁設計中,這種 「視線的運動」 將引導瀏覽者的閱讀視線隨各視覺元素在網頁版面中沿一定軌跡運動。
視覺流程是網頁版式設計的重要內容,根據不同的網頁型別與風格所策劃的視覺流程對於塑造網頁版面的個性特徵,以及確定網頁版面的資訊層次具有至關重要的作用。
視覺流程使得網頁版面的整體效果完整和諧,能夠增加網頁作品的視覺愉悅感。
在網頁視覺流程的策劃中,第一步是將網頁中最重要的資訊安排在頁面注目率最高的地方,即頁面的最佳視域,以便能夠在極短的時間內迅速捕捉到瀏覽者的目光;第二步是在頁面視覺流程的指導下,有條不紊地安排頁面的各類資訊內容,以達到傳遞資訊的目的,最終形成瀏覽者對網頁的印象存留。
2) 網頁設計視覺流程的型別 網頁設計的視覺流程主要包括單向視覺流程、曲線視覺流程、焦點視覺流程、反覆視覺流程、導向視覺流程、散點視覺流程等型別。
不同的視覺流程具有不同的性格特徵,可以表達不同的感情傾向。
1 、單向視覺流程。
單向視覺流程可以表現為橫向、縱向和斜向三種形式,簡而言之就是網頁版面的圖形、文字、符號等視覺要素以或橫向、或縱向、或斜向的方式組織構圖。
單向視覺流程使得頁面結構更加清晰明了,直接觸及訴求主題,視覺效果簡潔而強烈。
其中,橫向視覺流程能傳達出單純、穩定、恬靜的視覺感受和性格特徵。
縱向視覺流程給瀏覽者帶來的是堅定、直接和端莊的頁面印象和視覺效果。
如栗說橫向和縱向視覺流程給瀏覽者以靜態的視覺享受,斜向視覺流程則是以動態的視覺力量吸引瀏覽者,它能以不穩定的動勢、動感活潑的視覺效果給瀏覽者留下深刻的視覺印象。
2 、曲線視覺流程。
這是指頁面各視覺要素隨弧線或迴旋線運動變化的視覺流程,可歸納為弧線形 (C 形) 視覺流程和迴旋線形 (SB) 視覺流程兩種。
曲線視覺流程所構成的頁面結構呈不如單向視覺流程那樣簡潔明了,但卻更具有飄逸流暢的視覺美感。
弧線形 (C 形) 視覺流程具有擴張感和方向感,能夠増加頁面的視覺力度。
迴旋線形 (SB) 視覺流程能帶來具有節奏感和韻律感的動態效果,使頁面呈現出靈動、周全的性格情緒特徵。
3 、焦點視覺流程。
它通常是指以鮮明的主題視覺要素佔據頁面最能成為視覺焦點的位置或醫域,以聚焦瀏覽者的視線,形成視覺與心理上的焦點建造,使網頁主題更加鮮明突出。
使用焦點視覺流程的 WordPress 網站頁面中,焦點的設計表現至關重要,焦點的形式、色彩、編排的層次關係都決定著頁面的結構關係與視覺效果的成敗。
焦點視覺流程從具體表現形式可以分為中心視覺流程、向心視覺流程與離心視覺流程三種形式。
中心視覺流程將視覺要素編排組合在頁面的中心位置,周圍設計有大量空白區域進行對比,視覺形象效果突出而強烈,可傳達出權威、端莊的情向心視覺流程以頁面主題形象為中心,形成強大的視覺磁場,引導其餘視覺要素以向內集中的方式圍繞該主題形象進行編排。
這種方式明確突出了主題形象的地位和與其他視覺要素的層次關係,盡顯單純和活潑的視覺效應。
4 、導向視覺流程。
是指通過在頁面設定誘導性視覺元素,引導瀏覽者視線沿一定方向做順序運動,由主及次,把頁面各構成要素串聯起來形成一個有機的整體,使頁面重點突出、條理清晰,發揮最大的資訊傳達功能。
網頁中導向的形式多樣,有虛有實,有直接的形象表現,也有間接的心理暗示。
因此,導向視覺流程大致可以分為文字導向、手勢導向、形象導向和視線導向四種型別。
文字導向視覺流程是指通過頁面中設定的文字的語義表達來引導瀏覽者產生理念上的導向作用。
用於導向的文字通常經過設計處理,能夠在第一時間抓住瀏覽者視線,發揮其導向作用,使得頁面重點突出、條理清晰。
勢來引導瀏覽者的閱讀視線,比起文字導向視覺流程顯得更為生動、親切,在資訊傳達方面更具有視覺上的凝聚力,盡顯人性關懷與溫情脈脈。
形象導向視覺流程,是指利用具象的形象或抽象的符號來引導瀏覽者視線的頁面排列構成方式,它可以使得頁面資訊的瀏覽層次更加清晰與明確。
視線導向視覺流程,是指利用頁面中人物形象的視線對瀏覽者產生引導效應,將重要的資訊內容進行有序排列,形成人物視線與資訊內容之間引導與被引導的關係。
該視覺流程的運用能夠使頁面產生統一的視覺方向感,引導瀏覽者有效地瀏覽網頁的主要資訊;同時,通過視線的導向,會增加頁面的方向感和視覺張力,加強瀏覽者的心理暗示,使傳達效果深入人心。
5 、散點視覺流程。
是指將視覺要素在頁面上作自由分散的排列構成,以形成一種隨意、個性的頁面效果,給瀏覽者帶來輕鬆、自在、生動有趣的視覺體驗。
在散點視覺流程的頁面編排中,要注意統一視覺元素之間在風格或表現方面的共同點,以確保頁面效果的變化與統一。