<code id="j0lpe"></code>
  • <object id="j0lpe"><video id="j0lpe"></video></object>
    <th id="j0lpe"></th>
    1. <big id="j0lpe"><em id="j0lpe"></em></big>
    2. <code id="j0lpe"></code>

    3. <th id="j0lpe"></th>
      <big id="j0lpe"><em id="j0lpe"><track id="j0lpe"></track></em></big>
    4. <code id="j0lpe"></code>

        <code id="j0lpe"><em id="j0lpe"><sub id="j0lpe"></sub></em></code>
            <th id="j0lpe"><sup id="j0lpe"><span id="j0lpe"></span></sup></th>
              <tr id="j0lpe"><option id="j0lpe"></option></tr>
              微信營銷
              歡迎關注千秋在線微信公眾號
              1掃描以上二維碼 2加微信號:qqzx111

              網站設計:讓文字講好banner的故事

              作者:qqzx   添加時間:2017-03-01 15:01:28   瀏覽:   來源:互聯網

              一.文字的基本排列混搭

              設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:

              ①大小和顏色的混搭

              ②排列組合的混搭

              ③不同字體之間的混搭

              ④中英文字體的混搭

              以上都是一些常見的處理方式。當然這也是banner文字設計的基礎,其他很多的文字處理方式都建立在混搭的基礎中,所以做好混搭的重要性就不言而喻了。

              二.文字的傾斜與斜切

              有時候設計banner,根據背景構圖不同或者我們想要更有視覺沖擊力表現文字內容時,我們可以嘗試對文字進行傾斜或斜切透視等處理,有時候這會更會令你達到意想不到的效果。普通的文字排列平平穩穩,方正有矩,我們可以用傾斜或者斜切打破這種“穩定的構圖”,讓畫面更有動感和層次感。


              上面的2個banner是利用了文字傾斜的效果,下面的3個banner同時利用了斜切的效果。文字利用了傾斜和斜切效果后,讓文字和整個畫面一下活潑起來,更能勾起了用戶的閱讀欲望。

              三.讓文字形成相對獨立的區域

              banner設計時,考慮到有些時候背景顏色比較復雜,也可能背景有比較多產品等元素,這時我們需要讓文字放在一個相對獨立的區域或色塊中,如果沒有相對獨立的區域,我們就要自己設計創造出這個獨立區域和色塊,這樣更便于文字閱讀,也能讓文字的視覺焦點加強。例如下圖:


              四.文字變形的魅力

              設計banner和專題頭圖時,設計師經常用到文字變形,好的文字變形直接可以影響到文字的趣味性的提升,讓banner和頁面的氣氛被烘托得相得益彰。很多設計師感覺設計banner只是個小工作,用不到文字變形那么麻煩,其實不盡然,選好合適的參照字體進行簡單的文字變形并沒有多么復雜,但是卻能提升banner設計的品質,所以說益處良多。下面我先給大家舉個工作中設計的小例子:


              同理的文字變形設計延伸:

              五.文字的3D應用

              3D文字效果的應用在banner設計中也十分常見,利用好AI和PS等工具可以制作出令人滿意的3D文字,如果你肯花多一點的時間,在材質或者光影上還可以做到進一步的效果提升。下面讓我們看一些優秀設計師設計的3D字體樣式banner:



              六.生活中的字體元素

              我們設計歷史文化頻道的banner時,或者當我們設計中國傳統的節日時,經常要用到一些中國風的元素,就例如毛筆字。在生活中字體元素,毛筆字、粉筆字、字帖等我們也可以把它們活用在banner中,配合合適的背景和主題,讓你的設計更突顯出banner氣氛。


              上面的2個banner是利用了粉筆字的設計效果,突出了年輕,活力;下面的3個banner使用了毛筆字,字帖等中國風的字體效果,體現出文化,品味和底蘊的感覺。

              七.猶抱琵琶半遮面

              banner中,字體的設計一定要清晰,這樣可以便于用戶更流暢的閱讀。不過有時也可以讓文字“半隱半現”,前提當然是在保證沒有閱讀壓力的情況下。“半隱半現”的文字可以讓你設計的banner更生動更有層次感。 


              文字的下方部分被隱藏住,但是并沒有妨礙閱讀,反而讓文字有了種融入背景環境的感覺。


              文字的左邊緣被上一個字壓住,有種層疊的感覺,讓文字的排列更顯層次。


              標簽: 天長網站建設  

              天長網站建設  

              相關內容

              • 01

                2017-03

                自適應網頁設計(Responsive W…

                一.文字的基本排列混搭設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:①大小和顏色的混搭②… [了解更多]

              • 01

                2017-03

                網站地圖和網站導航的區別

                一.文字的基本排列混搭設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:①大小和顏色的混搭②… [了解更多]

              • 01

                2017-03

                九大影響網站打開速度

                一.文字的基本排列混搭設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:①大小和顏色的混搭②… [了解更多]

              • 01

                2017-03

                網站設計:讓文字講好banner的故事

                一.文字的基本排列混搭設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:①大小和顏色的混搭②… [了解更多]

              • 01

                2017-03

                營銷型網站和展示型網站的區別

                一.文字的基本排列混搭設計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設計:①大小和顏色的混搭②… [了解更多]

              亚洲欧美日韩一区高清中文字幕,在线综合+亚洲+欧美中文字幕,亚洲综合日韩精品欧美综合区,日韩v欧美v亚洲v在线播放