• <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

        版式中的圖片運用——三招快速掌握

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2017-12-06 15:35

        版式中的圖片運用-三招快速掌握

        前言

        ——

        在版式設計中,圖片作為畫面中重要的元素起到了舉足輕重的作用。一個好的攝影圖會為畫面增色許多。同樣的版式布局,你離高手的距離也許只差一張好圖。本期我們就來探討一下如何選圖,如何將圖片素材運用到好處。

        版式中的圖片運用-三招快速掌握

        & 好的圖片都有其基本標準,這三個要素屬于好圖的基本標準,當然還有其他的標準,這里重點講這三點。更多的期待我們一起探討。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        ——

        上圖的美女圖本身是一張優質的攝影圖,時尚美麗。當我們把清晰度降低之后,特別是到馬賽克階段的時候,質量可謂大打折扣,當然放在設計畫面中也是很不適合的。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        邊距

        ——

        左圖中獅子的鼻子已經挨著邊緣,這樣也是不完整的圖片,會造成左邊空間的擁擠。如果一個圖片有明確指向的話,所指方向的空間都要相對大一些,呼吸感會更好,而且更有故事性。

        版式中的圖片運用-三招快速掌握

        頭頸肩

        ——

        上圖中乍一看沒有毛病,其實學過素描知識的朋友都知道畫頭像或者半身像的時候,頭頸肩關系是至關重要的。萬萬不可省略,會給人事物不完整的感覺,形成視覺上的不適感。

        版式中的圖片運用-三招快速掌握

        圖片主體

        ——

        對比后發現上圖主體的殘缺造成了畫面的不完整性。包括對一個完整圖片裁切的時候也要切忌主體的完整性。

        版式中的圖片運用-三招快速掌握

        畫面的平衡性決定了畫面最終呈現的效果。這里著重探討圖片本身的平衡性與平衡性在版式設計中的重要作用。

        版式中的圖片運用-三招快速掌握

        色彩 >>

        圖中冷色與暖色的對比,用低明度的藍色與低明度的膚色形成了一個平衡的畫面。色彩飽和度偏低,四角壓暗的部分有一種電影的視角。

        版式中的圖片運用-三招快速掌握

        色彩/空間 >>

        高明度的色彩對比,畫面平衡和諧。傳達出清新文藝的氣息。遠近的對比,遠景模糊與近景清晰,符合現實的視覺感受,拉開了畫面的空間感。

        版式中的圖片運用-三招快速掌握

        角度/方向 >>

        圖中采用了俯視的視覺去羅列五谷雜糧。這樣的視角與常規視角形成很好的對比,趣味性十足,物品的擺放方向也是形成了對比性與一致性,具備很好的平衡性。

        版式中的圖片運用-三招快速掌握

        單色相 >>

        一輪血紅的圓月懸掛天際,漆黑的環境,營造了一種特殊的效果,感覺如狼人變身,如吸血鬼來臨等等。這種但色相的對比往往用于突出某個主體,在版式設計中也往往能出不錯的視覺效果。

        版式中的圖片運用-三招快速掌握

        剪影 >>

        遠處的天空與近處人物的剪影形成了一個很好的對比。這種對比手法常用作青春系列,懷舊系列。主要用作追憶的情景,引發人的共鳴,或忘事,或青春,或愛戀。

        版式中的圖片運用-三招快速掌握

        圖片的種類有很多種,優質的圖片也是不計其數。當我們接到一個項目的時候應該選擇什么樣的圖片比較合適?

        答:符合項目調性的圖片。

        下面我根據一個實例探討一下如何根據圖片變換版式。如何用逆向思維根據圖片本身的氣質去布局版式設計。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        接到一個項目,先要仔細分析文案信息。提煉出信息中的關鍵詞:紅酒/葡萄/南澳/品質等。(我個人經常在攝圖網上去找圖,此處不是廣告。)

        版式中的圖片運用-三招快速掌握

        篩選出這幾種圖片,有深色系,淺色系,統一的色調與對比的色調。接下來就是對圖片進行巧妙的運用。看看不同的圖片對我們的版式設計會有什么樣的視覺感受。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        單色相

        ——

        上圖在氣質上偏向于復古與歷史感。如標題所述的含義比較一致。設計手法上可以傾向于單色相對比的手法去展開設計。

        版式中的圖片運用-三招快速掌握

        主標題

        上帝創造世界的時候,他第一句話說的其實是“要有西拉子”

        版式中的圖片運用-三招快速掌握

        ( 襯線體氣質偏向于文化,古典類,這里就選用了華文中宋)

        版式中的圖片運用-三招快速掌握

        ( 主信息被分成了三行,“要有西拉子”作為一級主體所占比例最大。但是這樣仍然有一些生硬。接下來讓其再次對比變化)

        版式中的圖片運用-三招快速掌握

        ( “要有西拉子”運用錯位的方式增加主體靈活度,另復制一個與其產生虛實與大小對比,更好的拉開空間,既能很好的彌補錯位后空間的失衡,又能深化主題。)

        版式中的圖片運用-三招快速掌握

        ( 這一步用顏色對比的方式深化層級,選用酒紅色不言而喻。紅酒嘛,對應主題。)

        版式中的圖片運用-三招快速掌握

        版式中的圖片運用-三招快速掌握

        圖片位置關系

        ——

        圖片在版面中所占比例為1.618:1(黃金比例),當然也可以采用其他數學比例。這是不限定的,根據版面而定。

        版式中的圖片運用-三招快速掌握

        網格系統規范

        ——

        運用網格系統進一步規范確定各層級負空間的比例關系(一般比例關系為整數倍最佳)。

        版式中的圖片運用-三招快速掌握

        完善裝飾元素

        ——

        把裝飾類的元素,如logo,小圖標等放在相應的位置并用網格系統規范好比例。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        去色

        ——

        在開頭我們就講到了這個圖片本身傳達的氣質,選擇用偏單色相的方式去設計。主標題的酒紅色與圖片形成很好的對比性。

        版式中的圖片運用-三招快速掌握

        嵌入圖片

        ——

        把圖片按照合適的方式裁切,放置在畫面中,裁切的時候盡量保證主體明確,圖片中層級明確一些,如此張圖,不要裁切的都是小桶或者都是大桶。拉不開空間,好圖也會裁切成普通的素材。

        版式中的圖片運用-三招快速掌握

        色彩搭配

        ——

        最后一步,用明度稍低的土黃色去深化整個畫面的氣質。“要有西拉子”虛字部分調整為亮白色。

        版式中的圖片運用-三招快速掌握

        色彩

        ——

        上圖的整體色調偏暗色系,明暗對比,色彩的互補對比都相得益彰。畫面調性為典雅,沉穩。設計的色彩搭配可與圖片本身保持一致。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        圖片位置比例

        ——

        圖片在上下位置上正好在九宮格的視覺重心與黃金分割點,確定了圖片的位置空間。

        版式中的圖片運用-三招快速掌握

        網格系統規范

        ——

        運用網格系統進一步規范確定各層級的位置布局。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        色彩搭配

        ——

        采用事先從圖片上提取的色彩搭配背景與字體的色彩,色調上統一和諧。原來紅色小字 ”要有西拉子“ 根據需要去除,更為簡約。

        版式中的圖片運用-三招快速掌握

        角度

        ——

        圖1圖2都是特殊視角的圖片,諸如此類圖往往會傳達出趣味與新鮮性,給人耳目一新的感覺。兩個都比較合適,暫且選擇圖1展開設計。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        圖片位置比例

        ——

        圖片在上下位置上正好在九宮格的視覺重心,圖片橫向所占比例為2:1,確定了圖片的位置空間。

        版式中的圖片運用-三招快速掌握

        網格系統規范

        ——

        運用網格系統進一步規范確定各層級的位置布局。

        版式中的圖片運用-三招快速掌握

        延展元素置入

        ——

        延展的圖形分別放置在相應的位置,可以加強元素之間的聯系性。

        版式中的圖片運用-三招快速掌握

        色彩搭配

        ——

        由于圖片本身的顏色比較柔和,吸取圖片上的過渡色作為背景色,主體字用統一的色系就行(雖然這個方法有點老套,但是卻是比較實用,特別對于新手設計師而言,方向不會跑偏)。

        版式中的圖片運用-三招快速掌握
        版式中的圖片運用-三招快速掌握

        總結

        本章節分享圖片本身的氣質在版式設計中的具體運用。當我們沒有思路時是否可以逆向思維,巧妙運用圖片去“破局”呢。希望本次分享能給到朋友們多一條思路。

        感謝大家閱讀“版式中的圖片運用——三招快速掌握”希望對大家有所幫助,更多精彩內容請關注UI培訓官網

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

        預約申請免費試聽課

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

        上一篇:如何利用Photoshop調出電影劇照唯美的色彩效果
        下一篇:圖形設計中的意境與審美!以形寫神

        淺談設計中的加載

        平面設計中的印刷知識與印刷尺寸

        教你如何把手機里的自拍照片轉成手繪照

        如何將品牌基因融入到產品設計中?

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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