日本国产欧美大码A视频 _国产高颜值极品在线视频_色偷偷亚洲第一综合网_国产精品一二三社区视频_久久久青草视频

IT培訓(xùn)-高端面授IT培訓(xùn)機構(gòu)
云和教育:云和數(shù)據(jù)集團高端IT職業(yè)教育品牌
  • 國家級
    全民數(shù)字素養(yǎng)與技能培訓(xùn)基地
  • 河南省
    第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
  • 鄭州市
    數(shù)字技能人才(碼農(nóng))培養(yǎng)評價聯(lián)盟
當(dāng)前位置:
首頁新聞資訊UI資訊正文

電商設(shè)計師,一定要懂留白的美學(xué)

  • 發(fā)布時間:
    2019-04-16
  • 版權(quán)所有:
    云和教育
  • 分享:

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

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

一、認識留白藝術(shù)

配圖1 留白的美學(xué).jpg

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

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

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

二、如何留白

配圖3 如何留白.jpg

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

著名建筑師路德維希·密斯·凡德羅曾說:“l(fā)ess is more”。設(shè)計中的留白,是一種減法的美。

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

01. 刻意留白

配圖4 刻意留白.jpg

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

02. 去掉多余的元素

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

使用留白的一種方法就是除去設(shè)計中不必要的元素,如上例,去掉邊框?qū)⒂兄跀U展這個設(shè)計。

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

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

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

04. 留白不一定是白色

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

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

05. 使用文字間距

配圖8 使用文字間距.jpg

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

06. 有效地使用填充

當(dāng)使用大量的設(shè)計元素時,請確保所有元素都有自己的留白空間,比如,使用填充來實現(xiàn)留白并與其他元素區(qū)分開來。

07. 增加邊界

配圖10 增加邊界.jpg

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

08. 組織好留白的元素

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

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

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