您當前的位置:首頁 > 網頁設計 > ps技術 ps技術

網頁布局設計

發布時間:06-01  來源:云動網絡  作者:云動  點擊:

 

網頁布局設計往往是很難的,因為網頁布局直接影響到頁面的美觀程度,網頁的內容多少也影響著布局的設計。大多數網站頁面結構都會包括網頁標題、網站LOGO、導航欄、功能列表區、主內容區和狀態欄等。在進行網頁布局設計時不要把所有內容都放在頁面里。還需要我們把網頁內容進行合理的排版布局,以給瀏覽者賞心悅目的感覺,增強網站的吸引力。在設計布局的時候我們要注意把文字、圖片在網頁空間上均勻分布并且不同形狀、色彩的網頁元素要相互對比,以形成鮮明的視覺效果。
    我們先來說說構成,“構成是將造型按視覺效應、視覺力學和精神力學等原則組成的,具備美好形態的造型”。 構成形式里,有空間構成(平面構成和立體構成) 和時間構成(靜和動)。我們的創作,就是要協調這里面的種種關系,順應視覺感受,才能夠打動觀看者的視覺,得到我們想要的效果。在這些形形式式里,都有著如下的部件:
    點:我們一般認為,點是指圓形的,但這是不正確的。只要在空間里有非常少量的 面積,無法形成一個視覺上感覺的圖形,都是一個點。無論什么形狀都可以。
    線:點集合在一起就形成線。
    面:一個平面。
    體:一個物體。一般是指物體占據的空間,有三維形狀。
    那么,當點、線、面與體集結在一個頁面上時,它們的關系要怎么協調呢?它們之間都有什么作用呢?
    點有集中視線、緊縮空間、引起注意的功能。 兩個點相距不遠而且形狀不等時,一般由小向大看。近距離的點引起面的感覺。靈活運用點,可使你的頁面有一些本質上的變化。當點占據不同的空間時,它所引起的感覺是不同的:
  • 居中引起視覺集中注意 。
  • 上引起下跌落感。
  • 在上左或上右引起不安定感。
  • 下方中點,產生踏實感。
  • 左下右下,增加了動感。
    線,又分為直線和曲線。 直線給人以速度,明確而銳利的感覺,具男性感。 曲線則優美輕快,富于旋律。曲線的用法各異,需結合自己的需要。而直線又分為斜線、水平線及垂直線。 水平線代表平穩、安定、廣闊,具踏實感。 垂直線則有強烈的上升及下落趨勢,可增加動感。 斜線,一般我沒有怎么使用,因為它造成視覺的一種不安定。
    面,指的是二度空間里的形。 面又分為幾何形和任意形,任意形具人情味。幾何形使人有一些機械感,但是,每一個圖形里都會要用到幾何形,請看它們各代表什么:
  • 圓形:運動及和諧美。
  • 矩形:單純而明確,穩定。
  • 平行四邊形:有向一方運動的感覺。
  • 梯形:最穩定,令人聯想到山。
  • 正方形:穩定的擴張。
  • 正三角形:平穩的擴張。
  • 倒三角形:不安定,動態及擴張、幻想。
    我們在日常生活中所看到的東西,都是由于形與形、圖與底的相互關 系。圖形之間,圖底之間,正由于對比產生差異而被我們所感知所接受。 圖與底的視差越大,圖形越清晰,對視覺的沖擊力越大。 那么,平面上有那么多的東西,我怎么才能夠確定它是否是最主要的呢?
  • 居于畫面中心。
  • 垂直或水平的比傾斜更易成為中心。
  • 被包圍。
  • 相對于其它圖形較大的。
  • 色感要素強烈。
  • 熟悉的圖案,如果這件東西我們很熟,則一定會以它為焦點。
  可以把自己認為最主要的東西做大一點,突出一點,色彩鮮艷一點,其它的東西小 而且色調不要那么鮮明,以免搶了主題的"風頭"。 注意:圖與底之間的關系是很重要的。 如果我們確定了背景,再確定主題,在做頁面時不注意而將圖與底的關系設置為 1:1,那么,我們也許發現,底與圖的力場爭奪非常激烈,即有時底被我們認為是圖。它們之間的關系只是相對,而非絕對。 一般來說,底要大于圖,而圖要鮮于底。 
    事實上,通過上述的一些方法,我們主要是為了創造秩序,使相互的東西能夠在沒有互相干擾的系統中起作用。 混亂與秩序之間的對照喚起了我們的視知覺,我們于是通過平衡、比例、節奏、協調,在迷亂中建立秩序,形成我們自己的風格。形成自己作品的獨特氣質。 而如果注意自己作品的律動性,即旋律性,可通過重要一個基調實現,對于整個頁面應該有畫龍點晴之效。 但要清楚的認識到,并非所有的節奏都產生律動性,有時候,聽到一些音樂時覺得它是垃圾,原理是一樣的。
    旋律要有情感因素,富于變化而又統一的節奏和總體的和諧。 流動的旋律,活潑、明快、自由、變化、生機勃勃。 也要注意到,反復、周而復、單純或漸變重復雖給人以視覺印象,但過于單調會使人疲勞并產生厭煩。必須 在反復中尋找動與靜的完美結合,尋求單純與復雜、細膩與奔放、定向與不定向之 間的對比,在構成方式上多探索,多借鑒,求新求變。
更多
【打印】 【關閉】
欄目導航
同城游美女捕鱼宝藏系统在哪里 安徽11选5app下载 金龙棋牌官网 排列五500期历史记录 六场半全场平台 陕西11选5走势 黑龙江体育彩票 北京赛车pk搜狐 5月7号彩票开奖 pk赛车官网开结果 四川时时结果 山东群英会官方网站 pk赛车稳定计划 今日河南11选5开奖结果走势图 微彩APP下载 竞彩足球多久可以兑奖 金龙棋牌