「海平面」令人難以置信的50款版面編輯設計(二)


「海平面」令人難以置信的50款版面編輯設計(二)

(海空設計微信公眾號:haiko_design)


「海平面」令人難以置信的50款版面編輯設計(二)


編輯設計是一個令人著迷的領域,它體現了創造性排版、聰明的佈局和巧妙的構圖的綜合能力水平。


「海平面」令人難以置信的50款版面編輯設計(二)


26.手繪插圖

手繪插圖越來越受歡迎,是因為它們能帶給讀者一種復古舒適的感覺。它們不是自命不凡、完美無暇。當你看到這樣的一頁時,就像是有人從雜誌上撕下了一頁,與大家分享的感覺。


「海平面」令人難以置信的50款版面編輯設計(二)


27.利用圖層

這篇文章介紹了圖層有趣的一種用法。設計師沒有把標題放在版面前面和中心位置,而是將標題與一幅令人印象深刻的全頁照片整合在一起,把它放置在了山的後面。


「海平面」令人難以置信的50款版面編輯設計(二)


28.交互式的圖文結合

這是另一個將文字和圖象結合的好例子,結合後的圖形非常具有吸引力。拼寫Cultural Arts(文化藝術)這個詞的字母與舞蹈演員相互交織,暗示一種節奏感,這種節奏感與所討論的主題又是完全相關的。


「海平面」令人難以置信的50款版面編輯設計(二)


下面圖形既好玩又有趣。此圖形結合了馬薩諸塞州不同政客的面部特徵,產生強烈的影響,使該篇文章成功地喚起了讀者對尋找“完美”候選人的難度上的關注度。


「海平面」令人難以置信的50款版面編輯設計(二)


30.嘗試拼接

你想怎麼介紹115名政治活動家而又不讓讀者枯燥無味呢?看下面的案例,就是這樣做。


「海平面」令人難以置信的50款版面編輯設計(二)


31.嘗試自定義字體

將自定義字體添加到標題上,會產生視覺上的興趣感,並且是介紹文本密集型部分的好方法。


「海平面」令人難以置信的50款版面編輯設計(二)


32.用顏色區分

在介紹對方、團隊或想法時,顏色可以成為隔開文字內容的絕佳工具。


「海平面」令人難以置信的50款版面編輯設計(二)


這裡最突出的設計特點之一就是將標題Deadly Spike(致命一針)中的字母中填滿背景圖中的吸毒場景,創建出和文章內容切合的設計字體。


「海平面」令人難以置信的50款版面編輯設計(二)


34.純色背景

封面使用純色背景突出特色文章。讀者的眼睛立即被吸引到頂部的文章而不是底部的次要內容。


「海平面」令人難以置信的50款版面編輯設計(二)


35.垂直標題

到目前為止,我們已經看到了水平和對角線的文字佈局,但是這個作品採用一個完全垂直的標題佈局。只要標題短且可讀,這種方法可以非常好地給版面佈局一種變化感。


「海平面」令人難以置信的50款版面編輯設計(二)


36.將整版照片與文字內容整合

在網頁設計中,整版照片相當於平面設計中的重要圖像圖一樣。你可以將它簡單地用於背景圖,也可以用一個更有趣的方法,將其與內容集成在一起。這是一個例子:


「海平面」令人難以置信的50款版面編輯設計(二)


37.賦予文本新的生機

用負責這件作品的設計師的話說,它“在保持頁面愉悅感的同時,又賦予一張樸實的照片一點流行感和童話感。”(海空設計微信公眾號:haiko_design)


「海平面」令人難以置信的50款版面編輯設計(二)


38.將主題放入標題

這是另一個從字體激發出靈感的方法。設計師意識到,字母G看起來就像是“小圓頂的高原巨石,沃倫將軍的塑像俯視戰場”。從那裡,開始了一篇關於內戰戰場的文章。


「海平面」令人難以置信的50款版面編輯設計(二)


39.大量網格構圖

這個8列網格構圖上再現了溫哥華的美食之旅的圖片。


「海平面」令人難以置信的50款版面編輯設計(二)


40.有目的地應用背景圖

木製背景圖對關於模擬產品的文章的一種完美補充,同時也應用了陳年的色調和字體,使該報紙封面在視覺上更加吸引人。


「海平面」令人難以置信的50款版面編輯設計(二)


41.提供完美無瑕的構圖

有效地放置了一個焦點元素(盤子),優先於文本,影響其文本排版的形狀。


「海平面」令人難以置信的50款版面編輯設計(二)


42.將黑白色與多彩色結合

將黑白圖形放置在多彩組合色的旁邊,下方或上方,可以產生誇張的、引人注目的效果。


「海平面」令人難以置信的50款版面編輯設計(二)


43.更大的粗體字

如果標題需要引起讀者的注意,請嘗試將其做整版排版處理,作為整個頁面的重點。


「海平面」令人難以置信的50款版面編輯設計(二)


44.極簡主義

在頁面上並不總是要放置大量文本,特別是在處理封面時。


「海平面」令人難以置信的50款版面編輯設計(二)


45.將照片作為文本框

照片和它們包含的元素可以用作文本框。在這種情況下,圍繞正文欄的兩個塔形起到了佈局的遏制作用,並有助於引起讀者的注意。


「海平面」令人難以置信的50款版面編輯設計(二)


46.在頭條製造興趣點

這是另一個突破標題佈局的好例子。在此情況下,足球運動員被放在報紙名字的前面,他的手直接指向一段文本塊,這有助於引導讀者閱讀該文章。這裡另一個有趣的元素是主文章的標題如何突破木槌圖像。


「海平面」令人難以置信的50款版面編輯設計(二)


47.將視覺興趣和信息設計結合起來

主題:“你最喜歡的垃圾食品是什麼?”該版面將視覺興趣和信息設計結合起來考慮版面佈局,其結果是版面圖像豐富多彩、引人注目和有用的性。設計師在結合視覺興趣和信息設計方面表現出色,涵蓋了每個“垃圾”穀物受歡迎程度的百分比。


「海平面」令人難以置信的50款版面編輯設計(二)


48.手繪圖形

有沒有想過,那些像素級的齊齊整整的文字讓閱讀變得非常無聊?該網站發佈了這個手繪圖,以幫助讀者瞭解他們在多倫多應該在哪裡買到朗姆酒。


「海平面」令人難以置信的50款版面編輯設計(二)


49.“從報紙走向藝術”

是藝術品還是報紙?這是應放在雜誌架上的雜誌,還是掛在牆上的藝術品?


「海平面」令人難以置信的50款版面編輯設計(二)


50.保持平衡感

主題:“在臺灣騎自行車”的時代的版面上,平衡就是一切。這裡有足夠的空白空間,有兩張引人注目的圖像,它們不犯衝突,也不互相爭奪注意力,還有詳細的排版方案。雖然標題使用的是板狀襯線字體,但正文的易讀性保留了襯線字體。對於圖像標題,也有一個特殊的處理方法,它是無襯線字體創建的。


「海平面」令人難以置信的50款版面編輯設計(二)


排版編輯設計越來越具有創造性、動態性和創新性。網絡構圖給創作者帶來了一個有趣的挑戰,他們現在面臨著將這些驚人的網格和佈局,轉換成適用於不同類型瀏覽器的格式的需求。(海空設計微信公眾號:haiko_design)


分享到:


相關文章: