近十年來，互聯網已經(jīng)發(fā)生了天翻地覆的改動，然而它其實一點也沒(méi)變。假如看看10年前，咱們會(huì)發(fā)現大批網站都(dōu)有一套通行的排版形式。頁頭、頁腳、側邊欄和内容區域，沈陽網站建設大熊科技規劃構成(chéng)了這(zhè)種(zhǒng)直截了當的布局。這(zhè)是人們預期中的網頁排版。同時期Macromedia Flash的興起(qǐ)，引領其他排版方法進(jìn)入了一個新的時代。布局不用再拘泥于固定格式。當然，跟著(zhe)FLASH的闌珊，這(zhè)種(zhǒng)方法也稍稍淡出……我說稍稍，是因爲它現在又卷土重來了。
假如你研讨一個流行的作品集網站，裡(lǐ)邊展示了當今的網頁規劃。毫無疑問，你會(huì)注意到網頁的基本結構千變萬化，底子沒(méi)有固定形狀。它能(néng)夠彈性改動成(chéng)任何所需的東西。我認爲這(zhè)是呼應式網頁規劃帶來的最棒的副産品。事(shì)實上，新的原則，便是底子沒(méi)有固定原則。
綜上所述，咱們能(néng)觀察發(fā)現幾種(zhǒng)重大的排版規劃趨勢，能(néng)夠代表我所了解的非常規布局。說它們非常規，是因爲它們并不嚴格遵循某種(zhǒng)原則或既定系統。但這(zhè)種(zhǒng)趨勢的例子，即便沒(méi)有幾百，我也能(néng)找出幾十個，歸入這(zhè)幾類中。
本文中，你會(huì)看到風趣的非常規排版趨勢大雜燴，希望它能(néng)給你帶來啓示，協助你構思網頁規劃的基本結構。咱們這(zhè)就(jiù)深入了解一下……
基于模塊或網格
這(zhè)個事(shì)例完美地诠釋了這(zhè)一點。整個規劃都(dōu)是呼應式的。跟著(zhe)屏幕尺度改動，每個模塊都(dōu)改動尺度來習慣空間。均勻區分屏幕使得規劃更易于習慣。他們還(hái)(在大屏幕尺度中)引進(jìn)一些元素來打破模塊邊界的捆綁，這(zhè)是畫龍點睛之筆。
接下來這(zhè)些排版方法，建立在模塊化或相似網格的結構上。在這(zhè)些規劃中，每個模塊都(dōu)力圖根據屏幕尺度彈性調整。實際上這(zhè)并不是什麼(me)新的方法，不過(guò)呼應式網頁規劃讓它變得愈加有用。它暗示了一種(zhǒng)自習慣布局形式，能(néng)夠像搭積木相同，由各種(zhǒng)模塊組件創建而成(chéng)。
切割屏幕
在這(zhè)類中，咱們精選的網站都(dōu)用了筆直分隔線來切割屏幕。可能(néng)這(zhè)麼(me)做有很多原因，經(jīng)過(guò)研讨很多此類事(shì)例，我發(fā)現首要有兩(liǎng)點。
原因之一，有時候在一套規劃中，的确存在兩(liǎng)個同等重要的主體元素。網頁規劃的通常方法，是按照重要性給内容排序。然後(hòu)重要性會(huì)體現在規劃的層次和結構上。但是假如你便是要推行兩(liǎng)樣(yàng)東西呢?這(zhè)種(zhǒng)方法，能(néng)夠讓你傑出兩(liǎng)者，并讓用戶敏捷在其中做出挑選。
原因之二，有時你要表現出一種(zhǒng)重要的兩(liǎng)重性。以Eight and Four網站爲例。他們在此要表達的是，他們的中心競争力來自植根數字領域，還(hái)有多才多藝的員工。這(zhè)兩(liǎng)點成(chéng)就(jiù)了他們。經(jīng)過(guò)屏幕切割來表現這(zhè)一點，是種(zhǒng)令人愉快的方法。
去界面(miàn)化
網頁規劃中的首要元素之一，便是容器元素：方塊、邊框、形狀和所有類型的容器，用于將(jiāng)内容從頁面(miàn)平分脫離。想象一個死闆的頁頭，元素剛好(hǎo)包容其中，與内容分離隔。現在的一項遍及趨勢，便是去除所有這(zhè)些額定的界面(miàn)元素。
這(zhè)是種(zhǒng)極簡主義的方法，但它更進(jìn)一步，帶來一些風趣的轉變。
能(néng)夠發(fā)現，移除任何感官上的頁頭和頁尾後(hòu)，内容得到了極大的強調。你會(huì)先看到公司名稱，然後(hòu)是關于他們經(jīng)營内容(和場所)的明晰描繪，而不是先看到頁頭。之後(hòu)才是主導航。讓用戶閱讀之前先重點強調品牌，這(zhè)個方法太棒了!它造就(jiù)了美麗的視覺流程。風趣的是，當你滾動頁面(miàn)時，頁頭和界面(miàn)才出現。美觀且有效的排版，這(zhè)種(zhǒng)形式的運用頗具啓迪性。