<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>

            圖文排版的5個技巧

            時間:2024-08-24 11:48:21 美工設計 我要投稿
            • 相關推薦

            圖文排版的5個技巧

              注:本文所講原理同樣適用在選擇視頻與文本的組合。

              一、色彩與亮度的對比

              使用與文本有鮮明對比的圖片很有重要,比如深色背景搭配亮色文本,或者深色背景使用濾鏡或疊加元素處理,這樣就能確保有足夠對比度。

              獲取合理色彩與明亮對比的小技巧:

              ▲第一看不出字形,說明對比度偏低了;

              ▲對比不只是深淺之間,互補色也可提供自然對比;

              ▲如果圖片復雜全焦,利用疊加或編輯圖像應該是最有效的選擇。

              本例中,通過WebKtit濾鏡巧妙的放置以及使用額外的

            . 來處理圖像的明亮對比,請看下例:亮度(40%)對比度(70%);

             

              辨識度差,文本與圖像均無焦點。

              使用CCS濾鏡后,易于辨識。

              二、尺寸與位置的對比

              色彩不是唯一增強圖片與文本對比度的方法,選擇圖片的尺寸也很重要。

              本例中,選取一個相對均勻,開闊的天空區域,這是放置文本的極佳位置。相反,將文本直接放置在圖片中間,有地平線的位置,將致使文本的辨識度差。

              三、利用景深

              利用圖片的景深不同,在失焦的地方置放文本也能突出文字,增加可讀性,達到效果。

              四、圖片選擇

              圖片會傳遞情感,所以選擇圖片的時候,要聯系設計中的場景,文本也要切合圖片。

              小建議:

              ▲一句話表達內容,讓訪客知道點擊圖片會發生什么。

              ▲不要選擇有聚焦有問題的圖片

              ▲ 圖片要高清大圖,如果有必要,可以選擇濾鏡或者磨砂。

              五、層次感

              具體是文本相對于圖像中其他元素的位置,是在圖像之后,還是圖像之前?是融入其中?還是獨占一方?進一步分析,如何將文本關聯到圖像的聚焦元素?

              經驗法則:文本越小,空間上顯得越遠。

              本例中,盡管背景圖細節豐富,但我們的視覺會停留在超長的文本上,忽略了圖像。同時人物與文本看起來像在同一水平線上,層次感弱。

              將文本放大后,層次感立刻就出來了。


            【圖文排版的5個技巧】相關文章:

            淘寶美工的排版技巧03-14

            畫冊排版設計中文字排版的技巧03-13

            ppt排版的設計小技巧04-01

            網頁圖文混排技巧03-12

            平面設計中的排版技巧03-19

            平面設計排版到底有什么技巧03-13

            2016年微軟認證輔導:輕松搞定文檔排版的技巧03-28

            建筑師該有的建筑圖紙排版技巧03-15

            平面設計中一些簡單的排版技巧03-14

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院