我發現老外做設計，都用這三招！

來自專欄少數派文案課5 人贊了文章

在日常閑逛Behance、Dribbble時候我們可能經常會看到這些高逼格頁面，被他強有力的視覺衝擊所驚艷到,例如這些...

看完老外的一些作品後大家有沒有發現，他們所表現信息層級區分的都非常清楚。

說白了就是

標題特別特別大！！！

好的，那麼今天我們就圍繞來外的這些排版方式總結出了他們常用的三種排版方式！

一、標題大小對比強烈

通過上面例圖對比很明顯左邊的對比強烈，更能吸引眼球。所以標題與說明文的字型大小大小比例最好在2倍以上。

說到吸引眼球，報紙的排版可以值得學習，標題都是超級大。

高對比度不光可以吸引人，高對比度本身也具有美感。比如高鼻樑肯定比扁的鼻子要好看，因為人眼不喜歡看平的單調物體，有對比有隆起變化才美觀。大眼睛也是一樣的道理。

案例應用

仔細看上面這些圖的背景層上，都有很粗的半透明英文。這一點在國外的設計中特別常見，主要有2個目的。

其一豐富背景避免單調

其二是製造畫面前後的遮擋層次感

二、背景加中英文製造層次感

比如下面這些產品下加一些英文，上下形成遮擋關係，是讓畫面更有形式感的好方法。

下面這個京東的落地頁也是如此，背景層的英文。

三、加小符號/英文裝飾

當你觀察老外的頁面設計時，你會發現他們非常喜歡在圖片的四角加一些小英文，或者其他的小符號，以此讓畫面顯得特別精緻，這也是老外最愛用的一個裝逼大法!

這麼做僅僅只是為了點綴嗎？

並沒有，除了點綴還可以起到充實並均衡畫面的作用。實質上就是取得視覺心理上的穩定感。

注意這些小符號一定要夠小才行。生活中我們會說某個女生很精緻，假如她是一米九的大個子…精緻這個詞就不合適了。

那針對這些小點綴我們在設計時候應該注意這三個地方：

1、對齊、等距

仔細看下圖，四個邊都是等距離，並且幾個元素之間都是相互對齊的。

老外做的不用說，大多都是等距。

下面這個詳情頁的頭圖也是如此。距離都是相等的。

2.保持均衡

在保持均衡的同時，盡量有細節變化，不然容易做呆板。

比如下面這個圖左下是英文，右上改成了一道豎線。相互對稱。當然你也可以換成其他的符號試試效果，不一定都用英文。

適當錯位排版，增強細節變化。

下面這個圖，左側都是橫排，右側改為豎排，做些變化，防止呆板。大家根據各自實際版面調整。

第三、隨機應變，靈活運用

以上所舉得例子，有的四個角都有小元素，有的只有2個角落有，總之他們的目的都是一樣的，點綴、充實、並對稱均衡畫面。

下圖只在最右側加了一串英文，整體視覺依然很平衡。

下面這個海報，四個邊中英文都有，本質跟上面例子的視覺原理都是一樣。搞懂了視覺原理，就可以舉一反三。不然就是照葫蘆畫瓢，會進步很慢。

說了這麼多具體還得實際去操作，毛主席教導我們，從零亂的現象中發現事物內部存在的必然聯繫，用規律指導實踐，再在實踐中驗證規律。

相關文章

我要進群

Web UI 網頁設計規範

平面設計基礎常識匯總

全鏈路UI設計師了解一下

令人驚嘆的網頁設計長什麼樣？

超贊的27個高質量免費圖片網站

3小時內創下150萬流量的H5都長什麼樣？

成體系！UI自學教程大禮包全新上線

120G頂級C4D教程強勢來襲

你和大神之間只差一份高級進階教程

100集國際頂尖AE視頻教程強勢來襲

100G頂尖遊戲原畫視頻教程限時免費領取！

iPhone X 人機交互指南及其設計細節

一款APP從設計到切圖標註適配全記錄

2018年網頁設計的19個趨勢！

WUI | 極簡網頁界面設計

2018現役最全的14種平面設計風格

10個讓人上癮的設計神器1

讓人上癮的設計神器2之大氣星球

H5十大雲端神器「仙」界有名

無需代碼！9個最強設計師作品集製作神器

明明我比他厲害為什麼我收到offer比他少一半？

萬字乾貨！這可能是最全面的交互基礎知識總結

近兩萬字的乾貨！最全面的網頁設計基礎知識全攻略