網(wǎng)站建設(shè)中網(wǎng)頁(yè)布局是一個(gè)重要的選項(xiàng),確定了網(wǎng)頁(yè)如何布局,基本決定了網(wǎng)站設(shè)計(jì)下一步該如何進(jìn)行,而且網(wǎng)頁(yè)布局在一定程度上顯示了網(wǎng)站的格調(diào),每一中布局都有其獨(dú)到之處,下面方維網(wǎng)絡(luò)(m.oulysa.com)就分享網(wǎng)頁(yè)設(shè)計(jì)布局八個(gè)基本形式:
精選圖片展示企業(yè)形象
圖片和文字比較,直觀上更有說(shuō)服力,而且有時(shí)候我們會(huì)用“難以形容”來(lái)表達(dá)文字無(wú)法表達(dá)的圖片或者場(chǎng)景。
對(duì)于企業(yè)網(wǎng)站而言,大多數(shù)都是為了展示企業(yè)形象的,如何展示企業(yè)呢?在網(wǎng)頁(yè)首頁(yè)布局,以企業(yè)圖片為主,直觀的告訴用戶,沒(méi)有什么比這個(gè)更有說(shuō)服力!
分屏布局顯示格調(diào)
最早的網(wǎng)站建設(shè),有兩個(gè)版本,一個(gè)是中文版本,另一是英文版本。在首頁(yè)的展現(xiàn)的方式一分為二,一個(gè)點(diǎn)擊進(jìn)入中文界面,另一個(gè)點(diǎn)擊進(jìn)入英文界面。后來(lái),這種方式感覺(jué)沒(méi)啥用,不過(guò)這種分屏設(shè)計(jì)卻保留下來(lái)了!
將屏幕一分為二的設(shè)計(jì)常常會(huì)讓用戶感到更加新鮮。網(wǎng)頁(yè)中并排的兩欄呈現(xiàn)不同的信息,是分屏式設(shè)計(jì)的最典型特征,當(dāng)然,這種分屏方式,可以隨意發(fā)揮,圖文結(jié)合,或者動(dòng)靜結(jié)合,都別有一番情趣。
網(wǎng)頁(yè)滾動(dòng)設(shè)計(jì)有靈性
動(dòng)效在如今的網(wǎng)站上已經(jīng)無(wú)處不在了,網(wǎng)頁(yè)滾動(dòng)設(shè)計(jì)是最為常見(jiàn)的一種設(shè)計(jì),也是最為有用的設(shè)計(jì)。在滾動(dòng)過(guò)程中,網(wǎng)站逐步顯現(xiàn)的是文本和CTA元素,這樣的設(shè)計(jì)很容易讓用戶被這些內(nèi)容所吸引。
側(cè)面導(dǎo)航設(shè)計(jì)
導(dǎo)航的方式多樣,如何在大小、形式、色彩以及排版方面將導(dǎo)航布局設(shè)計(jì)得不一樣的姿態(tài),移動(dòng)互聯(lián)網(wǎng)的時(shí)候,讓導(dǎo)航固定在網(wǎng)頁(yè)上部,似乎有一些不恰當(dāng)了,標(biāo)題式的網(wǎng)頁(yè)設(shè)計(jì),讓網(wǎng)頁(yè)兩邊出現(xiàn)大量的空白,而將導(dǎo)航移位至此,不斷充分利用了空間,而且用隱藏的方式,不干擾用戶,又能直達(dá)相關(guān)頁(yè)面,可謂相得益彰。
網(wǎng)格卡片布局
當(dāng)提及實(shí)用性和美感,卡片式設(shè)計(jì)可謂當(dāng)仁不讓的雄踞上風(fēng)。網(wǎng)格卡片設(shè)計(jì)最大的好處,讓混亂不堪的網(wǎng)站一下變得有序起來(lái),我們手機(jī)更像是一個(gè)卡片設(shè)計(jì),對(duì)于用戶而言,點(diǎn)擊一個(gè)“卡片”就能達(dá)到相關(guān)頁(yè)面,這樣的技術(shù)應(yīng)用到網(wǎng)站設(shè)計(jì)上,信息十分簡(jiǎn)潔,變得有趣且引人入勝,內(nèi)容變得單一,一覽無(wú)余。
網(wǎng)頁(yè)柵欄布局
柵欄設(shè)計(jì)和卡片設(shè)計(jì)不同的是,前者中規(guī)中矩,后者更偏向于精細(xì)化。對(duì)于頁(yè)面上具有大量?jī)?nèi)容又具有復(fù)雜層次結(jié)構(gòu)的網(wǎng)站,柵欄布局是一個(gè)不錯(cuò)的選擇。如果沒(méi)有有效使用網(wǎng)格,主頁(yè)上的所有內(nèi)容可能會(huì)顯得更加混亂和組織化。
網(wǎng)頁(yè)盒子設(shè)計(jì)
這是一個(gè)正在逐漸流行的創(chuàng)意的趨勢(shì)。事實(shí)上它非常容易實(shí)現(xiàn),只需要增加了一個(gè)額外的元素和獨(dú)特的設(shè)計(jì)。盒子設(shè)計(jì)更趨向網(wǎng)頁(yè)的立體化設(shè)計(jì),隨著設(shè)計(jì)多元化發(fā)展,盒子設(shè)計(jì)中,將所有頁(yè)面中的元素都可以看成是一個(gè)盒子,占據(jù)著一定的頁(yè)面空間。一般來(lái)說(shuō)這些被占據(jù)的空間往往都要比單純的內(nèi)容更能吸引人。
網(wǎng)頁(yè)不對(duì)稱設(shè)計(jì)
對(duì)稱與不對(duì)稱似乎是網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,一直要做的取舍。對(duì)稱的和諧,和不對(duì)稱的差異,都是創(chuàng)造好設(shè)計(jì)的必須的手段。采用不對(duì)稱網(wǎng)站首頁(yè)設(shè)計(jì),這種設(shè)計(jì)具有一定的冒險(xiǎn)性,如果設(shè)計(jì)得當(dāng),凸顯的效果,會(huì)給人眼前一亮之感。不對(duì)稱設(shè)計(jì),并非無(wú)規(guī)則設(shè)計(jì),也有規(guī)律可循交替式布局交替式布局。美有兩種方式表現(xiàn)出來(lái), 一種是正面的表達(dá),另一種方式以“悲劇”為美,起初看的很別扭,都是當(dāng)讀懂了,會(huì)給人一種嘆為觀止的韻味。
以上是網(wǎng)頁(yè)布局的八個(gè)基本方式,我們可以根據(jù)自己的方式選擇一種,當(dāng)然,只能選擇一種,這不能不說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)缺憾,因?yàn)榫W(wǎng)站只有一個(gè),而表達(dá)的方式卻有很多種,這也算是一種美吧!
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://m.oulysa.com/news/5159.html