HTML5和(and)CSS3代碼越來(Come)越流行,就算是(yes)國(country)内也有很多網站使用(use)了(Got it)這(this)些新技術來(Come)編寫。一(one)個(indivual)網站制作(do)隻有先确定一(one)個(indivual)整體的(of)框架,形成自己特有的(of)風格,才能讓整個(indivual)頁面清晰合理。其實網頁布局也沒有想象中那麽難,隻要(want)做到(arrive)兩點我(I)認爲(for)起碼可以(by)做到(arrive)臨陣不(No)慌,一(one)是(yes)對常見的(of)布局方式心中有數,二是(yes)根據信息内容及設計素材的(of)特點進行擺積木式的(of)多次嘗試。
在(exist)整體視覺設計中,重點觀看對方的(of)排版設計、配色方案,如果有機會,并嘗試使用(use)這(this)些排版及本色方案應用(use)到(arrive)你的(of)設計項目。其次就是(yes)一(one)些細節,如字體樣式的(of)使用(use)、圖像效果設計等等。話不(No)多說,下面就是(yes)我(I)總結的(of)企業網站首頁設計常用(use)到(arrive)的(of)幾種布局方法。
一(one)、大(big)框套小框的(of)布局
這(this)種布局方式即是(yes)我(I)在(exist)上(superior)面提到(arrive)的(of)常見的(of)布局,不(No)是(yes)說這(this)種布局方式一(one)無是(yes)處,但我(I)們(them)總不(No)能隻會這(this)一(one)種布局方式,次次套用(use)吧?按照這(this)種布局當然也可以(by)做出(out)來(Come)漂亮的(of)設計,但畢竟方框限制的(of)視線的(of)擴展,如果客戶要(want)求做出(out)大(big)氣的(of)感覺,一(one)般不(No)會按照這(this)種方式來(Come)布局,通常來(Come)講,大(big)氣意味着開闊視野。
二、通欄布局
這(this)種布局方式讓視線不(No)再受到(arrive)方框的(of)限制,比起上(superior)面的(of)布局方式,自然多了(Got it)些大(big)氣、開闊的(of)味道來(Come)。另外,主視覺部分還可以(by)靈活處理,既可以(by)向上(superior)拓展到(arrive)logo和(and)導航的(of)頂部位置,也可以(by)向下拓展到(arrive)内容區域,這(this)種布局方式也是(yes)非常常見的(of)布局方式。
三、導航在(exist)主視覺下方的(of)布局
這(this)種雖然不(No)多,但也時(hour)不(No)時(hour)能看到(arrive),導航放在(exist)banner下面的(of)好處是(yes)可以(by)彌補banner中設計素材截斷的(of)缺點,讓設計看上(superior)去完整、自然。所以(by)說布局的(of)方式受到(arrive)多方面因素的(of)影響,不(No)僅考慮到(arrive)信息内容所占據的(of)空間,還包括你手頭現有的(of)素材。
四、左中右布局
這(this)種布局方式不(No)常見到(arrive),但卻是(yes)非常富有新鮮感的(of)布局方式,如果你已經做膩歪了(Got it)水平分割的(of)設計,嘗試一(one)下這(this)種布局也未嘗不(No)是(yes)一(one)種好的(of)選擇。
五、環繞式布局
這(this)種布局方式看上(superior)去更加靈活,banner區域相對較小,就可以(by)在(exist)頁面放置更多的(of)信息内容。
六、穿插式布局
這(this)種布局在(exist)企業網站制作(do)中較難看到(arrive),用(use)的(of)不(No)多,banner區域相對較大(big),可以(by)作(do)爲(for)一(one)種布局的(of)選擇。以(by)上(superior)的(of)六種布局方式隻是(yes)一(one)些常見的(of)企業類網站頁面布局,布局的(of)方式還有更多。網站的(of)定位決定了(Got it)首頁風格的(of)布局,品牌型網站講究簡潔大(big)氣,國(country)際範。産品型網站制作(do)重點是(yes)将産品展示在(exist)首頁上(superior)供客戶直觀的(of)浏覽。