IT培訓-高端面授IT培訓機構
          云和教育:云和數據集團高端IT職業教育品牌
          • 國家級
            全民數字素養與技能培訓基地
          • 河南省
            第一批產教融合型企業建設培育單位
          • 鄭州市
            數字技能人才(碼農)培養評價聯盟

          電商設計師,一定要懂留白的美學

          • 發布時間:
            2019-04-16
          • 版權所有:
            云和教育
          • 分享:

          在前面的文章中,我們跟大家講過,設計講究留白,充分利用留白,可以為作品營造更為悠遠空靈的意境,給品牌渲染更有價值的標簽。

          今天,我們就給大家講一講,在電商設計如何運用留白

          一、認識留白藝術

          配圖1 留白的美學.jpg

          留白在藝術設計中是重要的視覺標準之一,指圍繞設計元素,如圖像、文本的空間,使布局排版顯得干凈和精致。

          盡管這個術語尤其指留“白”,但它所指的區域并不一定要是白色的。它只是指環繞各元素的空白空間,處理好了留白問題,前景主體部分將會凸顯,用戶就能看到你想表達的信息。

          留白是為了突出最重要的那一塊,刪減掉不必要元素對視覺的干擾,展現主題物的品質以及信心。

          二、如何留白

          配圖3 如何留白.jpg

          經??吹胶芏嗳俗鯾anner恨不得把畢生積累的素材在一張圖中擺滿,雖說豐富,但是給人的感覺通常是廉價,亂。

          著名建筑師路德維?!っ芩埂し驳铝_曾說:“less is more”。設計中的留白,是一種減法的美。

          充分利用留白,可以為作品營造更為悠遠空靈的意境,給品牌渲染更有價值的標簽。

          01. 刻意留白

          配圖4 刻意留白.jpg

          在一些設計中,刻意使用大量留白,可以創造出一個強大的焦點,并給它帶來呼吸的空間。

          02. 去掉多余的元素

          配圖5 去掉多余的元素.jpg

          使用留白的一種方法就是除去設計中不必要的元素,如上例,去掉邊框將有助于擴展這個設計。

          03. 放大圖片,增加足夠的空間

          配圖6 放大圖片,增加足夠的空間.jpg

          當你找到你想要的背景圖像時,如果文本沒有足夠空間的排版,那么可嘗試放大這個圖像來增加留白。

          04. 留白不一定是白色

          配圖7 留白不一定是白色.jpg

          留白許多人認為白色就是留白,這是錯,相反,你設計中任何空間都是可以是留白,例如使用顏色背景、縫隙、邊距、圖片等都可作為留白。

          05. 使用文字間距

          配圖8 使用文字間距.jpg

          充分利用文字之間的間距也是讓你排版好版式的技術之一。如下圖,通過增加文字間距,可使文字更容易閱讀,畫面看起來更加漂亮。

          06. 有效地使用填充

          當使用大量的設計元素時,請確保所有元素都有自己的留白空間,比如,使用填充來實現留白并與其他元素區分開來。

          07. 增加邊界

          配圖10 增加邊界.jpg

          留白如上圖,通過增加一個邊框來圍繞文本,使周圍核心區域留白出來,這樣會顯示得合理的感覺。這種設計的要點是要把元素居中,這樣才能讓留白區域更加統一。

          08. 組織好留白的元素

          配圖11 組織好留白的元素.jpg

          如果在布局中增加一個元素的大小,其它元素應該是小的,并考慮加入留白。

          留白是一個微妙的原則,許多排版設計看起來混亂的原因大多數是沒有合理的留白,所以學會一些留白基本原則,可以讓你的設計顯得更精致,更高大上。