久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  技術(shù)干貨  > UI設(shè)計(jì)教程之留白的意義及美學(xué)價(jià)值

        UI設(shè)計(jì)教程之留白的意義及美學(xué)價(jià)值

        來源:千鋒教育
        發(fā)布人:千鋒老師
        時(shí)間: 2018-12-24 16:41:00 1545640860

          留白是指版面中沒有放置任何元素的空白處。

          我們在設(shè)計(jì)的時(shí)候,不能只是想“這些元素?cái)[在哪里”,同時(shí)也應(yīng)該思考“哪里應(yīng)該空出來”。

          留白的設(shè)定將會大幅度改變設(shè)計(jì)所呈現(xiàn)出來的效果。

          把所有的元素都放置在版面的中央,版面就會產(chǎn)生均等的留白,如下圖。

          如果你要讓排版產(chǎn)生“穩(wěn)定感”,就可以選擇這種辦法。

          相對地,如果是讓所有元素居左或者具有對齊,就會讓密度高的部分和密度低的部分產(chǎn)生對比,如下圖,右側(cè)就留白了,這樣會給人一種“層次感”。

        圖片1

          一、留白的美學(xué)價(jià)值

          1.留白的作用

          留白除了可以制造層次感,還具有整合多個(gè)元素、強(qiáng)調(diào)重點(diǎn)的作用。

          如下圖,文字間均等排列,比較不容易看得出哪些元素有關(guān)聯(lián)性,哪些元素最重要。

          設(shè)計(jì)中,在你想要突出的部分周圍留白,可以與其他元素產(chǎn)生對比,這樣就能起到強(qiáng)調(diào)的作用。

        圖片2

          2.留白的大小與賦予版面的印象

          看看下面這兩張圖。商品擺放密集無序,會產(chǎn)生熱鬧、繁雜、便宜的感覺;而奢侈品專柜一般陳列擺設(shè)會間隔很大,這樣可以呈現(xiàn)出高級、寬敞、舒適的感覺。

        圖片3

          這也是留白的意義所在,留白少,版面呈現(xiàn)熱鬧、歡樂的氣氛;留白多,會給版面增加“呼吸感”,即寬敞、舒適感。

          3.留白呈現(xiàn)的空間感

          在設(shè)計(jì)元素比較少的時(shí)候,如果將元素放大放置在頁面中央,上下左右的留白區(qū)域均等,則頁面顯得中規(guī)中矩。如下圖左。

          但如果將元素往角落稍微移一點(diǎn),增加另一區(qū)域的留白面積,則會讓排版更加有空間感。如下圖右。

        圖片4

          4.留白設(shè)計(jì)的基本技巧

          留白的基本操作辦法是:居左、居右、居上、居下對齊,而不是常規(guī)的居中對齊。

          居中對齊之所以不合適,是因?yàn)槿绻婚_始就將主要元素放置在頁面中央,均等的留白難以呈現(xiàn)空間感,也會限制其他元素的編排,難以變化出編排的樣式。

          但如果是將主要元素放置在角落,剩下的空間則可以利于各種版面的編排。如上圖。

          二、留白的意義

          1.突出主題

          留白的目的就是讓主題更加突出,留白的空間比例也是有很大的區(qū)別。

        QQ截圖20181224164023

          通過這兩張圖可以看出,留白是主題的領(lǐng)地,越多的留白,主題被注視的幾率越

          高,留白的時(shí)候不要太貪心,否則會使畫面混淆,使主題表現(xiàn)得非常模糊。適當(dāng)

          的留白,才能將主題更好地表現(xiàn)出來。

          2.簡化畫面

        圖片5

          留白的最初的意義就是使畫面簡潔,使畫面變得舒適簡單,簡而不空。

          3.增強(qiáng)品質(zhì)感

          在產(chǎn)品的設(shè)計(jì)中,適當(dāng)?shù)膶ζ溥M(jìn)行留白,會使畫面變得時(shí)尚。留白改善了人們視覺范疇,適當(dāng)?shù)牧舭讜巩a(chǎn)品顯得高端。

        圖片6

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        云原生存儲和云存儲有什么區(qū)別?

        一、架構(gòu)設(shè)計(jì)不同云原生存儲是指在云原生環(huán)境下設(shè)計(jì)和構(gòu)建的存儲系統(tǒng)。它是基于云原生計(jì)算模式和原則進(jìn)行設(shè)計(jì),充分利用容器、微服務(wù)和自動化管...詳情>>

        2023-10-14 06:50:34
        如何刪除需要使用管理員權(quán)限才能刪除的文件?

        如何刪除需要使用管理員權(quán)限才能刪除的文件在Windows系統(tǒng)中,有時(shí)候我們可能會遇到一些需要管理員權(quán)限才能刪除的文件。這是因?yàn)檫@些文件可能是...詳情>>

        2023-10-14 06:27:57
        有什么好用的redis可視化管理工具?

        一、Redis Desk較好 ManagerRedis Desk較好 Manager是一款非常受歡迎的Redis數(shù)據(jù)庫管理工具。它支持直接進(jìn)行數(shù)據(jù)修改、刪除和新增等操作,而且...詳情>>

        2023-10-14 06:24:43
        市場上C++主要是用來做什么的?

        C++是一種廣泛應(yīng)用于市場上的編程語言,具有高性能和強(qiáng)大的功能。它的設(shè)計(jì)目標(biāo)是提供高效的底層控制和與硬件交互的能力,同時(shí)保持可移植性和可...詳情>>

        2023-10-14 06:01:51
        為什么說PHP與Swoole是優(yōu)異組合?

        PHP與Swoole在Web開發(fā)和網(wǎng)絡(luò)編程領(lǐng)域中,共同構(gòu)成了一種強(qiáng)大的解決方案。什么是PHPPHP是一種廣泛使用的開源服務(wù)器端腳本語言,特別適用于Web開...詳情>>

        2023-10-14 05:08:41
        桐庐县| 光泽县| 米泉市| 鄂温| 延津县| 元氏县| 云霄县| 土默特左旗| 武平县| 吉林市| 南涧| 丰县| 宝丰县| 临沭县| 平和县| 阜宁县| 姚安县| 沽源县| 姜堰市| 前郭尔| 宾阳县| 郯城县| 鄂伦春自治旗| 吐鲁番市| 科尔| 宁德市| 千阳县| 武汉市| 丽江市| 石台县| 吉安县| 华亭县| 勃利县| 秭归县| 广元市| 景泰县| 大悟县| 潞西市| 开远市| 东港市| 镇沅|