布局設(shè)計的意義

怎樣的布局最合理是要根據(jù)網(wǎng)站內(nèi)容來定的,布局也就是一個頁面內(nèi)容構(gòu)成的設(shè)計。
 
    “布局”這個詞出自中國唐代的詩句,是指棋的布局。在網(wǎng)頁設(shè)計中引用“布局”一詞,來形象說明網(wǎng)頁設(shè)計的內(nèi)容版面安排就想棋藝布局一樣要嚴(yán)謹(jǐn)、有章法和邏輯,這正是網(wǎng)頁設(shè)計最基本的設(shè)計要求。

    那么言歸正傳,布局需要哪些設(shè)計呢?先說一下布局的作用。一個合理的網(wǎng)頁布局安排能夠使畫面更有節(jié)奏感、條理性,畫面脈絡(luò)清晰,便于瀏覽者瀏覽和查找信息。

網(wǎng)頁頁面布局之如何把內(nèi)容放入自己喜歡的網(wǎng)頁類型中

網(wǎng)頁設(shè)計上的規(guī)范和網(wǎng)頁設(shè)計不存在規(guī)范,不拘一格才是未來網(wǎng)頁設(shè)計發(fā)展方向。
 
    這種方法就是獲取自己喜歡的網(wǎng)站頁面,保持網(wǎng)頁頁面構(gòu)成不變,把它的內(nèi)容改為自己所要的內(nèi)容。如果想把網(wǎng)站的布局做得清晰明確、內(nèi)容充實、可以將制作的內(nèi)容放入到某個成熟網(wǎng)站的主頁布局中,按照你自己的建站布局做得清晰明確、內(nèi)容充實、可以將制作的內(nèi)容放入到某個成熟網(wǎng)站的主頁布局中,按照你自己的建站布局方案把這個網(wǎng)站里的內(nèi)容修改成自己所需要的內(nèi)容,同時觀察網(wǎng)頁的變化,看看是否還能像原來一樣,布局緊湊合理。參考下面幾條標(biāo)準(zhǔn),可以確定是否能夠修改網(wǎng)頁內(nèi)容或是否存在不合適的頁面構(gòu)成元素,檢驗這個網(wǎng)站的網(wǎng)頁布局類型是否符合目標(biāo)網(wǎng)頁的要求。

網(wǎng)站信息布局、信息結(jié)構(gòu)設(shè)計

設(shè)計網(wǎng)站,主要針對首頁、欄目首頁和信息內(nèi)頁等幾個最重要的頁面進(jìn)行信息安排。其他的頁面將以它們?yōu)榛A(chǔ),從信息心事變化上有針對性地進(jìn)行細(xì)節(jié)調(diào)整。

       主要信息放置于頁面的熱點區(qū)域。根據(jù)信息的重要程度,從上到下排列和從左到右排列。欄目中的主推信息制成廣告放置在首頁的合理位置,可以使瀏覽者在最短的時間內(nèi)跳躍到第三、第四級頁面。

       三分欄結(jié)構(gòu)一般是把主打內(nèi)容放置在中欄,也可叫做第二欄。分欄式結(jié)構(gòu)中存在側(cè)欄的概念,側(cè)欄就是居左或者居右的分欄,相對不重要的信息或功能模塊,如郵件、搜索和天氣等,可以放在側(cè)欄。

確定網(wǎng)頁布局類型需注意事項及方法

在確定網(wǎng)頁布局類型的時候,最重要的注意事項是網(wǎng)站的內(nèi)容機構(gòu)和性質(zhì)。
 
    通過網(wǎng)頁要表達(dá)的內(nèi)容確定信息類型及層次機構(gòu)將直接影響網(wǎng)頁布局和導(dǎo)航結(jié)構(gòu),這也是在確定網(wǎng)頁布局類型時必須要考慮的事項。網(wǎng)頁布局必須通過設(shè)計向使用者提供便利的使用環(huán)境和很強的實用性。

    內(nèi)容性質(zhì)是考慮有效的表現(xiàn)策略和方法時要注意的事項。內(nèi)容性質(zhì)不會對網(wǎng)頁布局結(jié)構(gòu)和形態(tài)帶來直接影響;不過,在確立設(shè)計理念的過程中,內(nèi)容性質(zhì)是可以檢驗并判斷普通、獨特、實驗等網(wǎng)頁布局形態(tài)的設(shè)計是否適合網(wǎng)頁外觀風(fēng)格的標(biāo)準(zhǔn)。

Flash網(wǎng)站的基本布局

在Flash中,能根據(jù)不同的頁面元素進(jìn)行分類,然后分布在各個層中,并且賦予相應(yīng)的名字,便于操作。建議在源文件中養(yǎng)成良好的命名習(xí)慣。通常一個全站在成型之前,會對同一文件進(jìn)行多次操作,所以為了提高工作效率以及方便日后調(diào)用,良好的結(jié)構(gòu)非常重要。
  
   (1)影片的場景大小一般設(shè)置為1600px×1200px,以適應(yīng)各種顯示器的分辨率;幀率設(shè)置成30,也可以根據(jù)需要進(jìn)行調(diào)整。
  
   (2)Loading通常放在第一幀,而且除了背景以外,并不安排其他元素在第一幀內(nèi),這樣可以保證第一幀的數(shù)據(jù)量很小,便于Loading動畫的正確顯示。
  
   (3)每個大型的深層次MC(影片剪輯),以及經(jīng)常需要切換到內(nèi)部的MC,如頁面的MC,導(dǎo)航部分的MC等,通常需要在場景外做一個入口,也就是一個色塊。因為有的MC并非在內(nèi)部的第一幀就有內(nèi)容,在外層的時候它是空白的,所以為了便于操作,在內(nèi)部的第一幀建立一個色塊,便于隨時雙擊進(jìn)入操作。
  
   (4)不要把所有的動畫和內(nèi)容都安排在主時間軸里,這樣會讓你在以后的操作中非常難于調(diào)整,甚至無法增添內(nèi)容。設(shè)計時應(yīng)該把頁面內(nèi)容按結(jié)構(gòu)、位置關(guān)系劃分成模塊,然后相應(yīng)地做成元件,根據(jù)劃分的結(jié)構(gòu)關(guān)系,相應(yīng)地安排MC的嵌套以及其相對位置。然后在各個時間軸里,利用寫在對應(yīng)位置的AS程序,來控制各個時間軸的銜接與互動。

網(wǎng)頁布局結(jié)構(gòu)的標(biāo)準(zhǔn)——信息架構(gòu)

信息架構(gòu)好比是水果店里的水果擺放的方式。水果店按照不同品種和價格擺放水果,也就是說,擺放水果的時候,首先按照種類將水果分為橘子、蘋果、李子、西瓜等。然后以水果的大小、品種、質(zhì)量為基準(zhǔn),依照價格對水果進(jìn)行分類。這種最常見的水果擺放方式有助于顧客挑選想要的水果。顧客進(jìn)入水果店后,水果的品種和質(zhì)量一目了然;如果水果混雜在一起的話,顧客就要花費很多時間辨別水果的品種和質(zhì)量,也不容易確認(rèn)不同大小或質(zhì)量的水果價格的差別。另外,通過這種擺放方式還可以激發(fā)顧客的購物欲,擺放整齊、色彩鮮艷、散發(fā)著濃濃香氣的新鮮水果,絕對能給顧客帶來強烈的視覺、味覺沖擊,激發(fā)顧客的購買欲。在不同季節(jié)里,商家還把最多的當(dāng)季水果擺放在顯眼的地方,這也是考慮到人們在不同季節(jié)有著不同的喜好而實行的銷售策略。

網(wǎng)頁布局的連貫性和多樣性

這種整體性是通過網(wǎng)頁布局(Layout)和視覺效果(Visual Effect)體現(xiàn)出來的。網(wǎng)頁布局的連貫性要能提供網(wǎng)站的體驗形象,也就是讓使用者能夠通過所有頁面都是用的網(wǎng)站導(dǎo)航、公司標(biāo)志、標(biāo)題、子菜單、內(nèi)容的排列及位置的連貫性等來進(jìn)行網(wǎng)上沖浪;這種體驗形象的提供,便于使用者瀏覽網(wǎng)站。

    網(wǎng)上沖浪就如同在到處是方向標(biāo)志的未知世界里漫游一樣,用戶可以選擇的道路和內(nèi)容是無窮無盡的,為了讓用戶搞清楚自己停留的地方是哪里、位置是哪里,網(wǎng)站的整體性就顯得非常重要。

頁面布局形式與內(nèi)容關(guān)系分析(下)

一方面頁面布局束縛了內(nèi)容的布局形式,另一方面內(nèi)容卻是布局的支撐,所以頁面布局和內(nèi)容兩者之間是相輔相成的。下面對兩者間的關(guān)系進(jìn)行分析和介紹。

    三、形式分析解剖

    韓國的網(wǎng)頁設(shè)計在框架結(jié)構(gòu)、內(nèi)容排版、色彩搭配、圖片運用上非常的和諧統(tǒng)一,受到很多朋友的喜愛。韓國網(wǎng)站的頁面層次感很強,這個層次感不識靠幾個立體字來體現(xiàn)的,而是通過添加簡單的圖片或文字陰影效果和巧妙的構(gòu)圖來形成視覺上的差異,也就是這種設(shè)計上的細(xì)節(jié)突出了層次感。

網(wǎng)頁布局的三種形態(tài)(上)

 網(wǎng)頁設(shè)計師經(jīng)常容易忽略網(wǎng)頁布局形態(tài)要素,這是因為他們只重視基于網(wǎng)頁布局結(jié)構(gòu)的使用性,沒有過多地考慮網(wǎng)頁布局形態(tài)要素。但是,在構(gòu)思網(wǎng)站時,網(wǎng)頁布局形態(tài)也是一個非常有效的設(shè)計要素,它有助于網(wǎng)頁設(shè)計師擴展思路、激發(fā)創(chuàng)意,因此完全有必要兼顧網(wǎng)頁布局結(jié)構(gòu)和網(wǎng)頁布局形態(tài)為一體。通常網(wǎng)頁布局形態(tài)主要有三種,分別是普通形態(tài)、獨特形態(tài)、實驗形態(tài)。
 
    一、普通形態(tài)

   “普通形態(tài)”就好比是過去的瓦房。瓦房的規(guī)模差別很大,但是外形基本上都是相似的。同樣道理,網(wǎng)站的規(guī)模可能有很大的差異,但是它們的外觀非常相似,這些網(wǎng)站可以稱為“普通形態(tài)”。

布局設(shè)計之點、線、面(上)

1919年成立的包豪斯設(shè)計學(xué)院在格羅皮烏斯提出的“藝術(shù)與技術(shù)的統(tǒng)一”下,努力尋求和探索新的造型方法和理念,對點、線、面、體等抽象藝術(shù)元素進(jìn)行了大量的研究,在抽象的形、色、質(zhì)的造型方法上花了很大的力氣,他們在教學(xué)中的這種研究與創(chuàng)新為現(xiàn)代構(gòu)成教學(xué)鋪下了堅實的基礎(chǔ)。
 
    在設(shè)計領(lǐng)域,構(gòu)成指將一定的形態(tài)元素,按照視覺規(guī)律、力學(xué)原理、心理特性、審美法則等進(jìn)行的創(chuàng)造性的組合。

    構(gòu)成作為一門傳統(tǒng)學(xué)科在藝術(shù)設(shè)計基礎(chǔ)教學(xué)中起著非常重要的作用,它是對學(xué)生在進(jìn)入專業(yè)學(xué)習(xí)前的思維啟發(fā)與觀念傳導(dǎo)。1919年成立的包豪斯設(shè)計學(xué)院在格羅皮烏斯提出的“藝術(shù)與技術(shù)的統(tǒng)一”下,努力尋求和探索新的造型方法和理念,對點、線、面、體等抽象藝術(shù)元素進(jìn)行了大量的研究,在抽象的形、色、質(zhì)的造型方法上花了很大的力氣,他們在教學(xué)中的這種研究與創(chuàng)新為現(xiàn)代構(gòu)成教學(xué)鋪下了堅實的基礎(chǔ)。