互聯網在過去十年中發生了翻天覆地的變化,但它根本沒有改變。如果我們看看10 年前,我們會發現大量的網站都有一個共同的排版模型。頁眉、頁腳、側邊欄和內容區域構成了這個簡單的布局。這是人們對網絡排版的期望。與此同時,Macromedia Flash 的興起將其他排版方式帶入了一個新時代。布局不再必須綁定到固定格式。當然,隨著FLASH的沒落,這種方式也淡出一些了……我說是淡了,因為它現在正在卷土重來。
假設您研究了一個流行的投資組合網站,該網站展示了當今的網頁設計。毫無疑問,您會注意到網頁的基本結構是千變萬化的,根本沒有固定的形式。它可以被拉伸并轉換成任何想要的東西。我認為這是響應式網頁設計的最佳副產品。事實上,新規范是根本沒有固定的規范。
總之,我們可以觀察到幾個重要的排版設計趨勢,它們代表了我所理解的非常規布局。它們是非常規的,因為它們不嚴格遵循特定的代碼或既定系統。但我可以找到數十個(如果不是數百個)屬于這些類別的這種趨勢的實例。
在本文中,您會發現非常規印刷趨勢的有趣大雜燴,希望它能激發您思考網頁設計的基本結構。讓我們仔細看看.基于模塊或網格
這個案例完美地說明了這一點。整個設計是響應式的。隨著屏幕尺寸的變化,每個模塊都會改變尺寸以適應空間。均勻劃分屏幕使設計更容易適應。它們還(在大屏幕尺寸下)引入了打破模塊邊界的元素,這是點睛之筆。
下一個排版基于模塊化或網格狀結構。在這些設計中,每個模塊都試圖縮放到屏幕尺寸。這并不是真正的新方法,但響應式網頁設計使其更加有用。它意味著可以從各種模塊化組件(如構建塊)創建的自適應布局模式。分割屏幕
在此類別中,我們選擇的網站使用垂直分隔線來劃分屏幕。這可能有很多原因,通過研究大量此類案例,我發現了兩個主要的原因。
其中一個原因是,有時在一組設計中,確實有兩個同樣重要的主要元素。網頁設計的一種常見方法是按重要性對內容進行排序。然后,重要性在設計的層次結構和結構中體現出來。但是,如果您只想宣傳兩件事怎么辦?這樣,您就可以突出顯示兩者并讓用戶快速在它們之間進行選擇。
第二個原因是有時你必須表現出重要的二元性。以八四網站為例。他們在這里想表達的是,他們的核心競爭力來自扎根于數字領域,以及多才多藝的員工。這兩件事造就了他們。通過屏幕分割來表達這一點是一種令人愉快的方式。去界面化
網頁設計中的主要元素之一是容器元素:框、邊框、形狀和所有類型的容器都用于將內容與頁面分開。想象一個悶熱的標題,元素整齊地放在里面,與內容分開。現在的一個普遍趨勢是刪除所有這些額外的界面元素。
這是一種極簡主義的方法,但它通過一些有趣的曲折更進了一步。
可以看出,通過去除任何感性的頁眉和頁腳,內容得到了極大的強調。您將首先看到公司名稱,然后是對他們做什么(和在哪里)的清晰描述,而不是首先看到標題。之后是主導航。在讓用戶瀏覽之前強調品牌的好方法!它形成了美麗的視覺流動。有趣的是,標題和界面僅在您滾動頁面時出現。漂亮而有效的排版,這種模式的使用令人鼓舞。
我們專注高端建站,小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!