專業(yè)城市建筑后期調(diào)色LR預(yù)設(shè)

下載鏈接：http://www.mo-yu.com/thread-2227-1-1.html

小編推薦：

攝影后期調(diào)色Camera Raw人像預(yù)設(shè)

http://www.mo-yu.com/thread-2224-1-1.html

倩女幽魂夜景聶小倩冷色人像Lr預(yù)設(shè)

http://www.mo-yu.com/thread-2228-1-1.html

不論是海報(bào)、PPT還是雜志封面設(shè)計(jì)喉悴，都離不開的圖文排版技巧

雖然在一張漂亮的照片上寫上一句吸引人的短語浪讳，可能看起來像一個(gè)簡單的設(shè)計(jì)方案屠凶，但要想得到正確完美的結(jié)果比預(yù)期的要困難得多窜护。

網(wǎng)站落地頁面和在線廣告設(shè)計(jì)睡腿，無論從廣告牌到名片熬拒，我們每天遇到的許多設(shè)計(jì)都有一些共同之處爷光。

我說的是什么呢？平面設(shè)計(jì)的最基本的組成部分之一——圖文排版澎粟。雖然在一張漂亮的照片上寫上一句引人入勝的短語蛀序，可能看起來像一個(gè)簡單的設(shè)計(jì)方案，但要想得到正確完美的結(jié)果比預(yù)期的要困難得多活烙。不必?fù)?dān)心徐裸，看完本文介紹的圖文排版技巧，你將擁有幾乎可應(yīng)用于任何設(shè)計(jì)項(xiàng)目中的技巧啸盏。

01.考慮版面構(gòu)成

文字與圖像的位置和安排可能會(huì)造成不好的效果甚至是破壞了設(shè)計(jì)重贺。如果文字太小，背景太亂會(huì)分散注意力回懦，或其他任何會(huì)影響可讀性事情气笙，那么你的設(shè)計(jì)將不會(huì)有效傳達(dá)信息或缺少視覺吸引力。

但文本只是版面的一半怯晕，圖像如何在你的設(shè)計(jì)中體現(xiàn)出來也同樣重要潜圃。所以你要注意以下兩點(diǎn)：

圖像的組成。無論使用的是你自己攝影圖片還是配圖圖片舟茶，都需要確保給它留下一個(gè)良好的空白區(qū)域來放置文本（除非你想添加一個(gè)設(shè)計(jì)元素谭期，文字和/或掩蓋一個(gè)詳細(xì)的背景，如形狀或屏幕——后面會(huì)有更多詳細(xì)的說明）吧凉。

例如崇堵，下面這本雜志封面設(shè)有一個(gè)垂直方向的風(fēng)景照片，留有大量的天空背景客燕。通常情況下，大面積的天空或水的大自然的照片作為文本背景的話狰贯，會(huì)為文本提供一個(gè)整潔的空間也搓，讓你的文字凸顯出來。

由圖像和文本組合創(chuàng)建的整體構(gòu)圖涵紊。設(shè)計(jì)不僅僅是其部分的總和傍妒。你可以有一個(gè)迷人的形象和一個(gè)有效的信息結(jié)合成一個(gè)漂亮的字體，但除非兩個(gè)元素流暢地結(jié)合在一起摸柄，否則結(jié)果可能不會(huì)吸引太多的注意力或得到你想要的那種結(jié)果颤练。

第一種方法是創(chuàng)建一個(gè)圖像和文字相輔相成的作品，使文字對(duì)齊驱负，使其符合圖像中存在的形狀嗦玖。注意這個(gè)網(wǎng)站布局的標(biāo)題是如何采用一種創(chuàng)造性的方法來對(duì)齊文本的：它放置展示了圖片所宣傳的產(chǎn)品的設(shè)計(jì)患雇。這在標(biāo)題下面的圖像網(wǎng)格中，文本和產(chǎn)品照片被均等地平衡地布局宇挫。

另一種方法是從更廣泛的角度考慮構(gòu)圖苛吱，而不僅僅是將圖像作為背景，并在上面放置文本器瘪。這兩個(gè)方法可以變通出很多效果翠储，讓你有更大的創(chuàng)意空間。例如橡疼，下面的布局通過將照片裁剪成特定的援所，可識(shí)別的形狀來直接將文本的主題與圖像相連接：

下面這一個(gè)案例的特點(diǎn)是一種不同的剪裁方法，字母的形狀像是在圖片上剪下來一樣：

02.建立一個(gè)聯(lián)絡(luò)點(diǎn)

好的構(gòu)圖的要素之一是一個(gè)焦點(diǎn)——某種視覺元素吸引眼球欣除，作為用戶導(dǎo)航設(shè)計(jì)的起點(diǎn)住拭。在一個(gè)包含圖像和文本的布局中，它將是二者之一耻涛。因此废酷，你需要決定哪一個(gè)更重要，并幫助它通過顏色抹缕、大小澈蟆、位置或其他特征脫穎而出。

這種設(shè)計(jì)使得度假目的地的形象成為人們關(guān)注的焦點(diǎn)卓研，設(shè)計(jì)稿或許是旅游網(wǎng)站的合適選擇趴俘。由于它的價(jià)值（它是布局中最重要的一部分，而其他一切不那么重要）和尺寸（它跨越整個(gè)頁面寬度）奏赘，圖像的視覺感最強(qiáng)寥闪。但是，你不希望你的設(shè)計(jì)的其余部分消失磨淌。在這里疲憋，照片中的形狀，以及垂直的豎線梁只，有助于吸引你的眼球回到文本缚柳，回到那一個(gè)明亮的富有流動(dòng)感藍(lán)色字體，讓你的視線聚焦在那里搪锣。

相比之下秋忙，下面的網(wǎng)頁將文本的焦點(diǎn)(以粗體、大寫的字體顯示在一個(gè)大的點(diǎn)上)构舟，并以透明的顏色疊加來強(qiáng)調(diào)圖像灰追。然而，文本和圖像已經(jīng)使用連接兩個(gè)元素的分層效果進(jìn)行排列，并且形成了動(dòng)態(tài)的構(gòu)圖弹澎。

或者朴下，也許你的文字和圖像是同等重要的，需要在視覺上結(jié)合成一個(gè)有凝聚力的整體裁奇。這本書的封面達(dá)到了這樣的效果桐猬，將標(biāo)題文字逐字地穿插在花朵的圖像周圍，將兩者混合在一起刽肠，以便同時(shí)觀看它們溃肪。

03.達(dá)到平衡

讓我們來看看另一個(gè)好的版面構(gòu)成特征：平衡。就像一個(gè)蹺蹺板音五，一邊是一個(gè)人惫撰，另一邊也是一個(gè)人，如果有一邊太重躺涝，那么設(shè)計(jì)會(huì)變得不平衡厨钻。

我們并不是在談?wù)撝攸c(diǎn)，因?yàn)橐曈X上的重量感通常是與設(shè)計(jì)的其他部分區(qū)別開來的坚嗜。相反夯膀，我們正在討論那些做得不好的設(shè)計(jì)。也許他們放太多內(nèi)容或并且雜亂無章苍蔬，也許所有的內(nèi)容都被擠在布局的一邊诱建，或者也許不注意間距和對(duì)齊方式。任何這些問題碟绑，甚至更多俺猿，都可能使你的設(shè)計(jì)失去平衡。

對(duì)于一個(gè)簡單的設(shè)計(jì)格仲，只有文本和圖像押袍，就像我們已經(jīng)看過的一些著陸頁和書籍/雜志封面，平衡變得尤為重要：版面設(shè)計(jì)越簡單凯肋，糟糕的布局越容易出現(xiàn)谊惭。

在下面的包裝上，品牌名稱通過下面的圖片進(jìn)行平衡侮东。兩者尺寸大致相同午笛，并通過共享顏色相連。作為一個(gè)很好的接觸苗桂，圖像本身提供了更多的文本的空間，已經(jīng)被用來表述每個(gè)產(chǎn)品的獨(dú)特名稱和成分在其中告组。

而這個(gè)設(shè)計(jì)只是通過照片上文本的位置來達(dá)到平衡煤伟。如果文本也放在圖片的右側(cè)，布局上就會(huì)出現(xiàn)的雙重焦點(diǎn)（照片中的輪廓圖和白色文本），而在左側(cè)留下一個(gè)很大的空白空間便锨，這樣設(shè)計(jì)顯然是錯(cuò)誤的围辙。就目前而言，左右兩邊的視覺重量感是相等的放案，所以設(shè)計(jì)是有平衡感的姚建。

04.明智地選擇你的圖像

在有些設(shè)計(jì)項(xiàng)目中，圖像比漂亮的背景起到了更大的作用吱殉。它可以為你的設(shè)計(jì)提供背景掸冤，語氣和情感。當(dāng)這些配圖非常匹配或支持你的文本友雳，可以更好的向讀者傳達(dá)信息稿湿。所以除非你故意想在你的設(shè)計(jì)中制造一些視覺上的矛盾，否則最好是圖像一定要與文本切合（反之亦然）押赊。

下面是這個(gè)概念的一個(gè)有趣的例子饺藤。把文本放在模糊圖像的人眼上，這強(qiáng)化了偽裝的概念流礁，這也正是本書的標(biāo)題涕俗。所有這些設(shè)計(jì)元素融在一起，創(chuàng)造一個(gè)組合神帅，文字和圖像之間的關(guān)系是清晰的再姑，視覺上有趣的——它們流暢地組合在一起。

再拿這個(gè)包裝來說枕稀，比起用五顏六色的脆嫩蔬菜攝影询刹，還有什么更好的辦法可以傳達(dá)出你的產(chǎn)品是新鮮健康的呢？此外萎坷，文案采用“新鮮”凹联，“農(nóng)夫市場”，“季節(jié)性”的概念哆档。圖像和文字共同傳遞相同的信息蔽挠。

05.為文本創(chuàng)建一個(gè)背景

正如前面提到的那樣，為文本創(chuàng)建一個(gè)容易看到和閱讀的空間瓜浸，是設(shè)計(jì)過程中的一個(gè)重要步驟澳淑。有兩種主要的方法可以做到這一點(diǎn)：

選擇一個(gè)空白的圖像。這點(diǎn)回到了我們的第一個(gè)提示插佛。具有大而清晰的區(qū)域杠巡，模糊或柔焦的照片可以為文本提供合適的閱讀空間。這是因?yàn)槲淖趾竺娴母咔逦膱D像可能會(huì)使文本讀起來看不太清晰雇寇，甚至不利于閱讀氢拥。

例如蚌铜，這些社交媒體圖像對(duì)背景圖像的模糊程度依然足以讓讀者可以識(shí)別，而且文字排版信息也很清晰嫩海。

編輯或添加一個(gè)效果的形狀冬殃。比如說，你已經(jīng)找到了你的項(xiàng)目的完美形狀叁怪，但它不適合在上面放置文本审葬。也許它沒有任何明確的空間，但是它有很多有趣的細(xì)節(jié)奕谭。你仍然可以使用它涣觉，只是你將不得不付出額外的努力來幫助你的文字脫穎而出。其實(shí)有很多方法可以做到這一點(diǎn)展箱，其中包括：

添加背景形狀：將包含文本的圖像做成實(shí)心或透明形狀是常見的解決方案旨枯。

添加透明顏色覆蓋：覆蓋整個(gè)圖像的透明顏色層可以幫助將其最小化，淡化細(xì)節(jié)混驰，為視覺上更均勻的文本創(chuàng)建版面攀隔。

使圖像變亮或變暗：如果您不想為布局添加額外的元素，有時(shí)您可以自行編輯圖片以幫助您的文字脫穎而出栖榨。

在下面的案例里昆汹，照片已經(jīng)變暗，為了幫助白色文字更好的突出出來：

而在這個(gè)案例里婴栽，雖然一些照片的色彩和亮度已經(jīng)很深满粗，但請(qǐng)注意每張圖片底部有一個(gè)黑色漸變，這為文本的凸顯提供了一些額外的支持：

06.通過顏色和對(duì)比度增強(qiáng)可視性

如果你只有一種圖形形狀可以選擇愚争，你想確保文本凸顯的頁面或屏幕映皆，特別是如果你不使用背景形狀或其他方法來協(xié)助。顏色和對(duì)比度是做這件事的兩個(gè)最好的方法轰枝。

顏色捅彻。在為您的設(shè)計(jì)選擇配色方案時(shí)，您可以采取多種方法鞍陨。讓我們來看看兩個(gè)特別典型文本和圖像的案例步淹。

協(xié)調(diào)你的顏色：為了一個(gè)非常和諧和有凝聚力的外觀，你可以試著直接從你的圖像中提取顏色來應(yīng)用到你的文本诚撵。

選擇相反：為了更具戲劇性的外觀缭裆，嘗試更多對(duì)比度的色彩組合。該色輪是一個(gè)良好的開端寿烟，與像藍(lán)色和橙色或紫色和黃色的互補(bǔ)（或相反）的顏色組合澈驼，比如下面的設(shè)計(jì)。

對(duì)比筛武。您可以通過顏色（如前面的示例中所示）實(shí)現(xiàn)對(duì)比盅藻，也可以通過大小购桑、形狀、位置等特征實(shí)現(xiàn)對(duì)比氏淑。下面的明信片設(shè)計(jì)使用了所有這些方法：橙紅色與照片中的藍(lán)色和綠色形成對(duì)比；文字的大小相互對(duì)比硕噩；字體選擇的字母形狀也是如此假残； “ROAD”的傾斜彎曲方向與其他部分形成對(duì)比（照片中的山丘傾斜）。所有這些選擇創(chuàng)造一個(gè)視覺上有趣的組合炉擅，并幫助文字脫穎而出辉懒。

更多的啟示

最后，讓我們看看下面的一些設(shè)計(jì)谍失，這些設(shè)計(jì)結(jié)合了我們目前討論過的一些技術(shù)眶俩，并取得了良好的效果：

此傳單：

1）特點(diǎn)是照片的頂部有一個(gè)空的、模糊的空間（可能此處圖像做過模糊處理）;

2）從照片中提取了文字的顏色（注意男士襯衫上的綠松石色調(diào)）快鱼。

這本書的封面：

1）在封面上使用帶紋理的背景形狀;

2）在封底上有一張人物后背做空白區(qū)域的照片颠印，文本的形狀與圖像一致;

3）具有對(duì)比色的文字（藍(lán)色和橙色，色輪上的另一對(duì)互補(bǔ)色）抹竹。

此著陸頁面：

1）具有垂直平衡的構(gòu)圖;

2）以文字/圖片組合為特色线罕，文字與圖像相輔相成。

這個(gè)目錄頁：

1）平衡的布局;

2）圖像和文本一起揭示主題——圖像顯示公司的產(chǎn)品在做推廣活動(dòng)窃判，文本解釋了它的好處钞楼。

這本畫冊(cè)：

1）在圖像的焦點(diǎn)以外的地方放置文字;

2）文字顏色的選擇，以使某些文本脫穎而出袄琳。