1. <th id="fdehc"></th>
      1. <rp id="fdehc"><ruby id="fdehc"><input id="fdehc"></input></ruby></rp> <th id="fdehc"></th>

        <dd id="fdehc"></dd>
        <dd id="fdehc"><pre id="fdehc"></pre></dd>

        1. 咕嚕嚕

          設計稿做完后, 發現畫面很空怎么辦?今天這篇文章我們就從配色、畫面氛圍、排版等方面來拯救;來學習啦~

          小可愛們,我這里會定期推送插畫、UI設計、排版等相關文章教程,有事沒事來逛逛??;
          設計路上在學習,永不停歇,我們一起加油~

           

          一位粉絲后臺留言說自己設計的這張圖畫面很空,正好我那天心情不是很好,正愁沒地兒發泄,俗話說的好,化悲憤為力量(我是反著來,別人福利是因為心情好,我是心情不好才會福利,就是這么的獨特),那我就來指導下吧!

           

          圖片圖片

           

           

          最徹底改稿開始了!

           

          圖片

           

           

           

          圖片

           

          看到這張圖時,最吸引眼球的恐怕并不是產品而是鮮艷的色彩。

          圖片

           

          吸取顏色后發現三者色系都非常飽和,影響到了視覺對于主次的著重點。

          圖片

           

          配色上的占比弱化了產品無法被直觀的表達,甚至體現不出產品本身的品質。

          圖片

           

           

           

          圖片

          產品在一張畫面中,除了解決信息內容的編排外,還需要幫助這個產品烘托出整體的氛圍感,就像如今都需要美化包裝的時代中,酒香不怕巷子深恐怕已經很難再去吸引住客戶的目光。

          圖片

           

           

           

          圖片

          我們分別以藝術、商業、極簡三種需求方向來對這次的設計進行三次改稿,記得收藏關注起來。

          圖片

           

           

           

           

          圖片

          偏抽象化的圓形表現出燈在聚焦光源的過程,符合具有藝術造型的燈飾所傳達的美學。

          圖片

           

           

          常規的文字編排貌似影響了所要傳達的藝術魅力

          換!

          圖片

           

           

          用畫面四周塑造一個外邊框,沿著邊框放置文字編排,可最大化的提升內部視覺空間,將著重點鎖定在產品上。

          圖片

          嫌背景太簡單?那填個色吧,看起來刺眼怎么辦?

          那就弱化背景的色彩,減少對視覺與產品的影響。

          圖片

           

          [優化輸出圖像]

           

           

           

           

          圖片

           

          最常用的編排構建原理,可以有序建立出視覺和信息的層級。

          圖片

           

          放大文字占滿上下的版面,產品放置在中心點,利用色塊分割出主次關系。

          圖片

          圖片

          作為商業性案例,增加光感是必不可少的,把燈打開以提升畫面的質感氛圍。

          [優化輸出圖像]

          放置文字信息時,想必大多數甲方對金色的執念已經深入骨髓,那就換成金色,以滿足客戶的同時,也解決了文字主題的醒目。

          [優化輸出圖像]

          再來對比下畫面氛圍對商業性設計的重要性。

          [優化輸出圖像]

           

           

          圖片

          一個純底,一次簡單的圖文編排,沿著視線引導下的信息切入產品,點亮了簡單卻有品質的生活。

           

          圖片

          想到粉絲說老板喜歡有撞色的設計,于是在上方增加一個互補的綠色。

          圖片

          利用冷暖與色彩的強弱關系制造出引導視線的作用。

           

          圖片

           

           

          回到原圖,同樣也是冷暖的撞色,但產品是在中心,而不是在左右兩側,缺少明顯的強弱關系會容易干擾視線引導的方向。

          [優化輸出圖像]

           

          最后來自粉絲的反饋!

          圖片

          源圖像

           

          原文地址:修先森撩設計(公眾號)

          作者:修先森

          源圖像

           

          轉載請注明:學UI網 » 畫面很空怎么辦?最徹底的一次改稿案例

          登錄收藏
           
          你可能喜歡的:
          美食水彩插畫教程詳解(附專用筆刷)美食水彩插畫教程詳解(附專用筆刷)
          阿紅愛上了阿綠,要怎么配才會好看?阿紅愛上了阿綠,要怎么配才會好看?
          插畫教程 | BlingBling小靜物繪制過程插畫教程 | BlingBling小靜物繪制過程
          做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!
          杰出的作品就是在普通的作品上“搞破壞”杰出的作品就是在普通的作品上“搞破壞”
          設計師要掌握的UI設計技巧(一):標題篇設計師要掌握的UI設計技巧(一):標題篇
          插畫教程|花卉背景畫法插畫教程|花卉背景畫法
          潘通(Pantone)是如何靠“色”賺錢的潘通(Pantone)是如何靠“色”賺錢的
          設計如何做出高級感?設計如何做出高級感?
          版式布局 | 原來這么玩,3分鐘學會布局比例版式布局 | 原來這么玩,3分鐘學會布局比例
          ?
          性xxxx18学生和老师
          1. <th id="fdehc"></th>
            1. <rp id="fdehc"><ruby id="fdehc"><input id="fdehc"></input></ruby></rp> <th id="fdehc"></th>

              <dd id="fdehc"></dd>
              <dd id="fdehc"><pre id="fdehc"></pre></dd>