互聯(lián)網(wǎng)在過去十年中發(fā)生了翻天覆地的變化，但它根本沒有改變。如果我們看看10 年前，我們會發(fā)現(xiàn)大量的網(wǎng)站都有一個共同的排版模型。頁眉、頁腳、側邊欄和內(nèi)容區(qū)域構成了這個簡單的布局。這是人們對網(wǎng)絡排版的期望。與此同時，Macromedia Flash 的興起將其他排版方式帶入了一個新時代。布局不再必須綁定到固定格式。當然，隨著FLASH的沒落，這種方式也淡出一些了……我說是淡了，因為它現(xiàn)在正在卷土重來。

假設您研究了一個流行的投資組合網(wǎng)站，該網(wǎng)站展示了當今的網(wǎng)頁設計。毫無疑問，您會注意到網(wǎng)頁的基本結構是千變?nèi)f化的，根本沒有固定的形式。它可以被拉伸并轉換成任何想要的東西。我認為這是響應式網(wǎng)頁設計的最佳副產(chǎn)品。事實上，新規(guī)范是根本沒有固定的規(guī)范。

總之，我們可以觀察到幾個重要的排版設計趨勢，它們代表了我所理解的非常規(guī)布局。它們是非常規(guī)的，因為它們不嚴格遵循特定的代碼或既定系統(tǒng)。但我可以找到數(shù)十個（如果不是數(shù)百個）屬于這些類別的這種趨勢的實例。

在本文中，您會發(fā)現(xiàn)非常規(guī)印刷趨勢的有趣大雜燴，希望它能激發(fā)您思考網(wǎng)頁設計的基本結構。讓我們仔細看看.基于模塊或網(wǎng)格

這個案例完美地說明了這一點。整個設計是響應式的。隨著屏幕尺寸的變化，每個模塊都會改變尺寸以適應空間。均勻劃分屏幕使設計更容易適應。它們還（在大屏幕尺寸下）引入了打破模塊邊界的元素，這是點睛之筆。

下一個排版基于模塊化或網(wǎng)格狀結構。在這些設計中，每個模塊都試圖縮放到屏幕尺寸。這并不是真正的新方法，但響應式網(wǎng)頁設計使其更加有用。它意味著可以從各種模塊化組件（如構建塊）創(chuàng)建的自適應布局模式。分割屏幕

在此類別中，我們選擇的網(wǎng)站使用垂直分隔線來劃分屏幕。這可能有很多原因，通過研究大量此類案例，我發(fā)現(xiàn)了兩個主要的原因。

其中一個原因是，有時在一組設計中，確實有兩個同樣重要的主要元素。網(wǎng)頁設計的一種常見方法是按重要性對內(nèi)容進行排序。然后，重要性在設計的層次結構和結構中體現(xiàn)出來。但是，如果您只想宣傳兩件事怎么辦？這樣，您就可以突出顯示兩者并讓用戶快速在它們之間進行選擇。

第二個原因是有時你必須表現(xiàn)出重要的二元性。以八四網(wǎng)站為例。他們在這里想表達的是，他們的核心競爭力來自扎根于數(shù)字領域，以及多才多藝的員工。這兩件事造就了他們。通過屏幕分割來表達這一點是一種令人愉快的方式。去界面化

網(wǎng)頁設計中的主要元素之一是容器元素：框、邊框、形狀和所有類型的容器都用于將內(nèi)容與頁面分開。想象一個悶熱的標題，元素整齊地放在里面，與內(nèi)容分開?，F(xiàn)在的一個普遍趨勢是刪除所有這些額外的界面元素。

這是一種極簡主義的方法，但它通過一些有趣的曲折更進了一步。

可以看出，通過去除任何感性的頁眉和頁腳，內(nèi)容得到了極大的強調(diào)。您將首先看到公司名稱，然后是對他們做什么（和在哪里）的清晰描述，而不是首先看到標題。之后是主導航。在讓用戶瀏覽之前強調(diào)品牌的好方法！它形成了美麗的視覺流動。有趣的是，標題和界面僅在您滾動頁面時出現(xiàn)。漂亮而有效的排版，這種模式的使用令人鼓舞。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！