
想讓你的圖片一秒變得有逼格?試試在上面加點文字吧!今天@筆戈科技?的獸獸同學分享了幾個簡單實用的加字方法:隱形線,隱形框和超級放大法,分分鐘從《鄉村愛情》到荒誕電影海報。為了您和他人的用眼安全,請仔細閱讀以下這份加字指南。
真的不知道是哪位仙人板板說的這句話,于是以下就是我國常見的加字水平:

△ 廁所情感類刊物暢銷書:

△ 窩の眼真嘚恏卵痛

△ 路邊攤小卡片
我從來沒試過這么希望自己是盲僧。

為了您和他人的用眼安全,請仔細閱讀以下加字指引。

先來一些優秀作品洗洗眼睛:

配圖文字設計第一招:一齊遮百丑


沒看懂沒關系,先以大家(父母)喜愛的《鄉村愛情》劇照為例:

先降低飽和度,把逼格 UP 一下↑

重點來啦注意了(拍黑板),我們沿著劉能的視線方向拉出一條對齊線,在根據這個水平線做出垂直的對齊線。

在這對齊線的基礎上,靠右對齊文字。

TIPS:如果你沒把握設計出恰到好處的漢字,那么就用英文代替吧。
搖身一變,這是哪部荒誕派喜劇電影的海報?

這種讓文字排版工整、同時牽動圖片情緒的輔助線,我們稱之為:

排版文字的時候不僅是普通的左右上下對齊,更要注意與隱性線條對齊。
配圖文字設計第二招:一框遮百亂


秩序產生美,如果你的圖片本身是雜亂無章,亂七八糟的,要么你換一張,要么就用框,框住「狂野的它」。
這一張葉片排布雜亂無規律的照片,我們要做的就是把這樣的場景桎梏在一個視覺單元之內,使之看起來更干凈整潔

比如將其放進某種規則圖形內:

考慮到隨后文案的排版,可以稍稍做出位移改變:

在圖形的對角處加上文字,同樣遵循了「隱形的線」原則:

為了使圖片更生動,形成規則與跳脫的視覺沖擊,這時候我們
「允許一小部分的紅杏先出墻來」
@鄧小平

看最終效果,是不是比在一片綠上直接寫字好多了?

所以除了「隱形的線」,我們還有一個「隱形的框」

配圖文字設計第三招:一大遮百淡


如果你的圖片比較性冷淡,比較安靜典雅,不「一顆賽艇」。

很簡單
要大!
要大!
要大!
(設計師反手就是一個甲方上身)
通過剪裁,舍棄不必要的部分,放大之后,立馬就刺激了!

在留白處加上深色字體,與黑色茶杯相呼應,與白色背景相反襯,對比之美出來了

這支筆的電光綠真好看,那就裁掉吧! :)

盡管色彩不再豐富,但對比感明顯比剪裁前提高了一個檔次:

同樣,在淺色留白處加上與鋼筆色相近的深色字體,完成!

文字和圖片,一種更純粹有力♂的視覺呈現:

對,沒錯,這就是:

總結
用「隱形的線」確定文字的基礎排版樣式,年輕人別老想搞大新聞,先對齊再說。
用「隱形的框」集成視覺單元,安放你無處安放的「狂野」。
用「超級放大法」強調文字與圖片的刺激觀感。
不要問我為什么不是隱性翅膀,不刺激。
筆戈科技是魅族旗下的一個網站,里面的設計文章都是魅族設計師自己寫的,質量奇高,而且普遍幽默風趣(魅族傳統么)不信看看這幾篇:
歡迎關注筆戈科技微信公眾號:

「人氣過萬的好文合集」
敏捷用研指南:
《騰訊專業干貨!一份系統全面的敏捷設計用研指南》QQ表情怎么改版的?
《騰訊設計師揭秘!QQ默認表情優化背后的設計故事》HTML 5動效設計方法大全!
《騰訊干貨!由淺入深科普最常用的八種HTML 5動效制作手法》

【優設網 原創文章 投稿郵箱:2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量160萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。




發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 772 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓