• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        10個一學就會的版式小技巧,超實用!

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2018-03-02 14:35

        閱前叨逼叨:每一處細節背后都有一個小技巧。

        優秀的版式設計需要在方方面面都處理得不錯,最常說的有視覺流程清晰、對比鮮明、平衡、變化、統一等等,不過這些都是一些比較抽象的概念,需要長時間的練習和消化,方能領略個大概。而平面設計培訓今天給大家分享的幾個小技巧,連我奶奶都能學會,它們雖然不能讓“奄奄一息”的版式起死回生,但治療“感冒發燒”效果還是杠杠的。

        10個一學就會的版式小技巧,超實用!

        為了突出某些信息,我們喜歡給它們添加矩形的線框,但實踐證明,如果拋開其他因素不考慮,圓角線框會比直接線框更招人喜歡,因為圓角不會有直角的尖銳感。

        10個一學就會的版式小技巧,超實用!
        10個一學就會的版式小技巧,超實用!

        ▲相比直線直角,人們更青睞曲線圓角。

        10個一學就會的版式小技巧,超實用!

        小標題或者賣點都是版面中比較重要的信息,所以當然要設計得吸引人一點,比如給它們增加一個Icon就是不錯的解決辦法。至于Icon的設計方法主要有兩個方向:

        1.如果文字信息是具象的,則直接提煉相對應的元素來作為Icon就好,比如文字信息是手機就用手機圖形來表示;

        2.如果是比較抽象的內容,則可以根據其中的關鍵詞找到與其意義相近的圖形來做Icon,例如文字信息是想表達速度快,則可以用閃電符號來表示。

        10個一學就會的版式小技巧,超實用!

        ▲純文字的版面略顯單調,且信息不夠直觀。

        10個一學就會的版式小技巧,超實用!

        ▲加入Icon的版面視覺更豐富,有沒有感覺這些Icon正在招呼我們看這里,看這里。

        10個一學就會的版式小技巧,超實用!

        如果需要在圖片上排文字,但圖片的色調又偏向中性,這時的文字無論用什么顏色都很難清晰,于是很多人會用給文字加描邊或投影,這么做確實可以解決問題,但是如果文字較多,效果就會有點粗糙不夠美觀。所以我建議用加色塊的方式,不過,為了減少對畫面的破壞,色塊最好要降低一點透明度。

        10個一學就會的版式小技巧,超實用!

        ▲未經處理的文字在圖片上很難識別,描邊后的效果很不精致且讓人眼花。

        10個一學就會的版式小技巧,超實用!

        ▲加入半透明的色塊后,文字信息不僅變得清晰可見,還增加了版面的設計感。

        10個一學就會的版式小技巧,超實用!

        當一個版面中的信息比較少且不適合搭配圖片時,客戶通常會要求我們把僅有的信息拉大到填滿整個版面,不過這并不是一個好的處理方式,因為這么做既不美觀且會影響到閱讀的舒適感。更可取的處理方式是,把版心縮小,使主要信息集中于畫面中央,增大留白。

        10個一學就會的版式小技巧,超實用!

        ▲把版面中僅有的信息拉大到占滿整個版面,感覺很擁擠且差那么點逼格。

        10個一學就會的版式小技巧,超實用!

        ▲把版心縮小視覺會變得更集中,留白增多以后看起來也輕松多了。

        10個一學就會的版式小技巧,超實用!

        表格的運用是為了把復雜的信息簡單化,通常的做法是用豎線和直線把每一項內容區分開,不過這種處理手法在信息組別比較多的情況下,會造成線條太密集、沒設計感、不美觀等問題。針對這種情況也有優化的辦法,比如刪掉表格中的豎線,或者用色塊來區隔每一行的內容。

        10個一學就會的版式小技巧,超實用!

        ▲線條太多且顏色比較重,干擾了信息的閱讀。

        10個一學就會的版式小技巧,超實用!

        ▲改用色塊后,表格內容的閱讀性和美觀性都得到了提升,需要注意的是表格使用的顏色不宜太多,最好控制在1-2種。

        10個一學就會的版式小技巧,超實用!

        色塊和線框常被用在平面設計中,用來突出某些重要信息或者區隔信息,不過普通的色塊過于規矩,且基本上不具備任何意義,而如果在這些色塊上稍作改動(加一個角),使其變成對話框,就能讓色塊具有指向功能,設計感也增強了。這個“角”是不是很牛?


        10個一學就會的版式小技巧,超實用!
        10個一學就會的版式小技巧,超實用!

        一些文字信息比較多且缺少視覺中心的版面,如宣傳單的背面、包裝的背面等,這些版面容易給人視覺不夠集中的感覺。給這類版面增加一個緊挨出血線的外框,便可以改善這一問題,因為這個外框把所有的信息都規范在了一個具象可見的范圍內。同樣,圓角外框的效果通常要比直角外框效果更好。

        10個一學就會的版式小技巧,超實用!

        ▲這種無聊的設計是不是也會經常遇到?保證版面整潔、信息清晰就好。

        10個一學就會的版式小技巧,超實用!

        如果廣告標題使用的是手寫字體,或者是筆畫比較隨意的字體,可以把位于兩端的文字拉大、中間的文字適當縮小。因為手寫字體筆畫比較開放,把整句文字調整成兩頭大中間小時,有助于集中人們的視覺,平衡性也更好。

        10個一學就會的版式小技巧,超實用!

        ▲所有文字都統一大小時會顯得過于拘束,缺少變化。

        10個一學就會的版式小技巧,超實用!

        ▲如果是兩頭小中間大的話,則平衡性不夠,且不夠美觀。

        10個一學就會的版式小技巧,超實用!

        ▲有沒有覺得兩頭大中間小的效果是最好的。

        10個一學就會的版式小技巧,超實用!

        這里用到的其實是字體大小與粗細對比,幾乎在所有的版式設計中都可以用到該技巧,通常的做法是把主要文字用比較大的字號、比較粗的字體展示,而次要信息,甚至是可有可無的信息用比較細的小號字體。

        10個一學就會的版式小技巧,超實用!

        ▲僅僅是幾個大字由于缺少對比、缺少點綴,會顯得有點孤零零。

        10個一學就會的版式小技巧,超實用!

        ▲有了對比以后,視覺層次和細節都變得更豐富了。

        10個一學就會的版式小技巧,超實用!

        如果版面中主要元素是一張矩形圖片,且圖片本身的內容比較普通,效果則可能會過于安靜缺少新意,這里我給大家分享一個處理圖片的小技巧:把圖片豎向分割成好幾塊,可以是均等的,也可以有鮮明的大小對比,但數量最好不要太多,然后再把這些分割好的圖片上下錯位排列。這么做可以有效增加畫面的動感與形式感。

        10個一學就會的版式小技巧,超實用!

        ▲上圖是把圖片做了均等分割(分割后的圖片間隔通常是統一的)。

        10個一學就會的版式小技巧,超實用!

        ▲上圖是非均等分割。

        10個一學就會的版式小技巧,超實用!

        最后,要聲明一下,以上介紹的10個小技巧雖然都很實用,但不一定是最佳處理方式,也不是所有情況都適合,大家在設計時要根據實際情況靈活運用,多嘗試幾種效果進行對比。

        免責聲明:本文由小編轉載自網絡(平面設計圈),旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:這樣也可以輕松掌握照片墻的效果制作!
        下一篇:利用品牌探索尋找改版切入點
        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>