再從網(wǎng)頁的布局形式上來看
轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
按照平面設計的形式來看,整個頁面可以分為幾個部分,每個部分有不同的功能,也能體現(xiàn)不同的形式,具體看來就是上邊、左邊、下邊、右邊、中間、看似無奇,自身卻有許多獨特的地方,就說劃分的大小吧!中間的部分一般是最大的,因為它承載著主要的信息,使用者主要就是看中間這個部分的內(nèi)容,有些網(wǎng)站也為了出新意把整個頁面進行任意劃分,特別是個人網(wǎng)頁,例如把整個頁面平分為左右兩個部分,但是這樣會讓人不著重點,還有的框架用得太多,影響了頁面的整體性??偨Y(jié)一下有這么幾種布局方式,下面進行比較,
1. 上邊和左邊相結(jié)合,這是最常用的一種方式,上面是頁面的提頭和廣告條,左邊是按鈕和其它的鏈接,這樣的布局有其本質(zhì)上的優(yōu)點,因為人的注意力主要在右下角,所以主要想得到的信息都能最大可能的獲取,而且很方便。但是有一個問題不得不注意,就是按鈕在左邊,都知道我們都是用的右手來操作鼠標的,要到左邊去點擊按鈕就要移動過整個屏幕,所以每次都這樣會很不方便。當然這也有一個習慣的問題,因為現(xiàn)在大部分的網(wǎng)站都采用這種形式,無形中造成使用者一打開網(wǎng)頁都是習慣性的在左邊去點擊按鈕。所以在比較正規(guī)的網(wǎng)站還是盡量符合這種使用方式,當然也不是一成不變的采用,要能夠在這種基礎上做一些變化。就能作出很好的網(wǎng)頁來。
2. 上邊和下邊的結(jié)合,這種方式用得少一些,都是也有很多的網(wǎng)站采用。這樣可以解決使用上的問題,因為在屏幕下方移動鼠標可以很自如。同時由于上面有橫的提頭或者是廣告條,這樣上下造成一種對比和呼應,無論其中的內(nèi)容如何安排,頁面都會顯得非常平衡,從而顯得更協(xié)調(diào),這是一種形式感很強的布局形式。
3. 上、左、下邊相結(jié)合,這種方式也有一些應用,這種方式的采用可以將功能性的東西有條理的放的左邊和下邊,使用起來更方便,像很多的按鈕和鏈接(文字鏈接和圖片鏈接以及E-mail鏈接等)都可以很清楚的顯示出來,由此具有很好的導向性。但是這樣也有不利的地方,例如這樣整個頁面被占去的地方較多,是頁面的主要要顯示的內(nèi)容受到影響。所以也是使用的時候要斟酌的,看在什么情況下適合才能采用這種形式。
間太少了,所以這種應用得也比較少。不過經(jīng)過一些刻意的變化之后能作出很漂亮的形式來,所以一些個人站點有時也采用。
這是簡單的進行提煉之后得出的幾種類別,但是現(xiàn)實的應用中基本上都是經(jīng)過一定的變化的,所以呈現(xiàn)出豐富多彩的布局形式,所以在了解這些布局的一些基本的優(yōu)劣之后,適當?shù)睦闷鋬?yōu)點,結(jié)合一些富有形式美感的因素,進行設計。就能設計出非常漂亮的網(wǎng)頁,同時在使用上也能夠非常的方便。
綜合起來看
內(nèi)容和形式即具體的網(wǎng)頁的排版布局要能夠達到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設計,所以,不能單獨考慮網(wǎng)頁的內(nèi)容的排版,以為只要能夠把具體內(nèi)容清晰流暢的放到網(wǎng)站上就行了,造成整個頁面的形式感很差,這樣嚴重影響使用者的心情。同樣假如不顧網(wǎng)頁的內(nèi)容,只顧頁面的形式,盡管頁面再漂亮,使用者也不會歡迎,因為這樣是他們根本沒有得到什么東西(或者獲得的信息很少),使他們的目的沒有達到,他們上網(wǎng)的目的就是獲取信息,不只是欣賞。因為這種網(wǎng)絡環(huán)境下,受現(xiàn)代生活方式的影響,是不大有心情來欣賞這些的。好的形式只是促進人獲取信息的輔助物,不是對象。只重形式正如買櫝還珠。所以作為設計者就要找到這兩者的一個切入點。選好這個切入點很重要,這需要仔細的考慮自己的網(wǎng)頁的題目之后,進行展開,然后作出草圖來對比不同的形式之間的優(yōu)劣,然后優(yōu)選出一個來進行最終的設計。設計的同時要不斷的進行排版布局的調(diào)整,一旦發(fā)現(xiàn)兩者之間有些不夠協(xié)調(diào)的地方就要不斷的返回去修改,對照自己的設計構(gòu)思。這樣才能作出令人滿意的網(wǎng)頁來
網(wǎng)頁的排版與布局
葉德輝
很多朋友都想向我學習如何做網(wǎng)頁,我知道他們的意思就是說要想向我學習如何用做網(wǎng)頁的軟件,如dreamweaver、flash、firework、photoshop等等,這些純技術(shù)的東西我不想多談,因為如今技術(shù)的發(fā)展一日千里,就是這種應用軟件也是發(fā)展升級得非常的快。
今天的很多認為是較難實現(xiàn)的功能也許經(jīng)過軟件升級之后就可以很方便的實現(xiàn)。我想強調(diào)的是關(guān)于網(wǎng)頁排版布局方面的必要的知識,很多初學者都忽視這方面,以為技術(shù)就能代表一切,能夠知道怎么用這個做網(wǎng)頁的工具就能夠做出質(zhì)量較高的網(wǎng)頁來。其實不然,因為軟件知識只是一種工具,就像你有了筆,但不一定能作出好的文章來一樣。很多人對技術(shù)很熟練但是做出來的網(wǎng)頁卻通常是照搬人家的東西,并沒有體現(xiàn)做網(wǎng)頁的水平的提高。
網(wǎng)絡時代,人本身的因素是相當重要的,只有擁有這方面的一定的審美知識,才有機會做好網(wǎng)頁,而真正技術(shù)上的東西是不重要的,畢竟技術(shù)的發(fā)展是使每個使用者使用更加的方便,發(fā)展的趨勢是讓軟件成為“傻瓜型”。終極目標就是用鼠標一點就能夠使所有的網(wǎng)頁完成。所以,我們應該培養(yǎng)自己的審美修養(yǎng)才是最重要的。而真正的體現(xiàn)是在具體的網(wǎng)頁的布局上,網(wǎng)頁的設計呈現(xiàn)出多樣化的趨勢,但是萬變不離其宗,我想認真的分析一下,可以得到一些有用的東西,在我們應用的時候作為參考。
雖然網(wǎng)頁設計擁有傳統(tǒng)的媒體的不具有的優(yōu)勢,例如是能夠聲音、圖片、文字、動畫相結(jié)合,營造一個富有生氣的獨特世界,同時它擁有極強交互性,使使用者能夠參與其中,同設計者相交流。但是最基本的模式還是平面設計的內(nèi)容,所以平面設計就要考慮形式美的內(nèi)容,其中網(wǎng)頁的排版布局就屬于形式的內(nèi)容,那什么形式呢?
形。原形,包括原始形,或稱自然形。
式。許慎之《說文解字》說:“法也”。它包括“法則”、“法度”、“法制”、有“用法”的含義,也就是一種“格律”。
中國古典建筑形式就稱為“法式”。“形”是自然的,“式”是人為的。“形式”是將自然形態(tài)經(jīng)過人為改造而稱為一種新的美的形式。自然形態(tài)只有通過人的改造,才能起更大的作用,由于這個原因,就形成了今天的審美形態(tài),形象是客觀的,形式則是依據(jù)客觀的規(guī)律進行主觀的創(chuàng)造。如果沒有主觀的創(chuàng)造,就沒有藝術(shù),也不可能有今天的一切,當然對于實際的網(wǎng)頁制作來說,這也是最基本的,就是主觀的創(chuàng)造,因為這是一個網(wǎng)頁的靈魂,假如沒有自己的主觀創(chuàng)造,就只能拾人牙慧? 復別人丟掉不用的東西,是毫無意義的。所以現(xiàn)在強調(diào)網(wǎng)頁設計的創(chuàng)造,表現(xiàn)在對頁面的布局上,具體說就是體現(xiàn)在頁面的形式美方面。就是通過頁面的合理安排,例如文字的條理清楚、流暢、整體,使形式美得到體現(xiàn)。
從網(wǎng)站內(nèi)容上來進行排版
現(xiàn)在的網(wǎng)站通常具有的內(nèi)容是文字、圖片、符號、動畫、按鈕等,其中文字占很大的比重,因為現(xiàn)在網(wǎng)絡基本上還是以傳送信息為主,而用文字還是非常有效率的一種方式,其次是圖片,加入圖片不但可以是頁面更加的活躍,而且可以形象的說明問題。所以按照目前網(wǎng)頁的設計,可以有針對性的對這些內(nèi)容作一些調(diào)整,可以得出一些可以借鑒的東西……
從網(wǎng)頁的布局形式上來看
按照平面設計的形式來看,整個頁面可以分為幾個部分,每個部分有不同的功能,也能體現(xiàn)不同的形式,具體看來就是上邊、左邊、下邊、右邊、中間、看似無奇,自身卻有許多獨特的地方,就說劃分的大小吧!中間的部分一般是最大的,因為它承載著主要的信息,使用者主要就是看中間這個部分的內(nèi)容,有些網(wǎng)站也為了出新意把整個頁面進行任意劃分,特別是個人網(wǎng)頁,例如把整個頁面平分為左右兩個部分,但是這樣會讓人不著重點,還有的框架用得太多,影響了頁面的整體性……
綜合起來看
內(nèi)容和形式即具體的網(wǎng)頁的排版布局要能夠達到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設計,所以,不能單獨考慮網(wǎng)頁的內(nèi)容的排版,內(nèi)容和形式即具體的網(wǎng)頁的排版布局要能夠達到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設計,所以,不能單獨考慮網(wǎng)頁的內(nèi)容的排版,以為只要能夠把具體內(nèi)容清晰流暢的放到網(wǎng)站上就行了,造成整個頁面的形式感很差,這樣嚴重影響使用者的心情…… 轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)