<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 通過留白打造簡潔有效的設(shè)計

    有時最有效的設(shè)計技巧,就是什么也沒有。

    留白是最有力的設(shè)計素材之一。它使得文字清晰易讀,將注意力吸引至某部分,并且有助于打造整體氛圍。

    本文中,我們來看看一些優(yōu)秀的留白使用案例,看看它們?nèi)绾蝿?chuàng)造簡潔的同時,有效地為不同網(wǎng)站定義了設(shè)計風(fēng)格。

    留白的基本要素

    留白和負(fù)空間的術(shù)語近年來被交替使用,它們指畫布(或數(shù)碼設(shè)備屏幕)上不包含任何內(nèi)容的空間。簡而言之,留白就是空白。

    但是留白空間不一定要是白色的。這個術(shù)語指的是任何與背景相同的空間。所以它可以是白色、黑色,甚至包含微妙的紋理。

    空間是所有設(shè)計的重要組成。字間距和行間距決定了文字的易讀性。如果文字靠的太近或太松散,就很難閱讀。關(guān)鍵是找到平衡點。

    留白也能把圖片和其他元素區(qū)分開。回想一下你見到過的雜亂無章的網(wǎng)站。通常問題就在于元素間沒有足夠的空間。記得在元素和文字間留下足夠的邊距,為了更加專業(yè)的外觀,應(yīng)該進(jìn)一步使用統(tǒng)一的邊距。在設(shè)計多列網(wǎng)站時也是同樣的道理(即使只有主欄和邊欄),在垂直元素間加入適當(dāng)?shù)目障叮蛣?chuàng)造出了明顯的劃分。

    留白還有助于引導(dǎo)視線,為設(shè)計建立層次,區(qū)分什么是重點和關(guān)鍵點。視線會立即移動到被留白包圍的元素上。留白為其中的元素增添了沖擊力。

    留白是創(chuàng)造平衡、協(xié)調(diào)的工具,也是組織網(wǎng)站內(nèi)容的基礎(chǔ)。沒有留白,如何為元素分組?如何找到導(dǎo)航?你又怎么知道滾動有更多內(nèi)容,或是應(yīng)該從左上往右下瀏覽?所有這些視覺線索,都來自于設(shè)計中留白的合理運(yùn)用。

    重點使用留白的地方

    雖然有效使用留白是任何設(shè)計的重要部分,還是有些地方值得注意。

    請看以下清單:

    • logo周圍
    • 每個導(dǎo)航按鈕或圖標(biāo)周圍,并圍繞這些元素的“容器”
    • 在兩列文字間,在主體部分與邊欄之間
    • 當(dāng)你使用視覺差效果時,在每頁“滾屏”之間
    • 在所有不同的元素之間,比如照片和文字之間,或是主體內(nèi)容與頁尾之間

    12例留白的有效運(yùn)用

    Adhara:看看左側(cè)的邊欄和主體內(nèi)容的距離。此處的留白確實在元素之間創(chuàng)造了很棒的區(qū)分,并使彼此通過自己獨有的方式突出展示。

    BeoPlay A9:背景與中央物體形成簡潔的對比,創(chuàng)造了獨特的視覺焦點。與優(yōu)秀的對齊排布結(jié)合時,留白還有助于將注意力從圖片引導(dǎo)至文字段落。

    Fixate:在一個像這樣豐富的設(shè)計中,留白告訴你的眼睛應(yīng)該看哪里(還有點擊哪里)。

    Google:這個搜索引擎已經(jīng)使用留白很長時間了,白色的海洋中,它只有一個簡單的數(shù)據(jù)入口和一個logo在。

    Jac in a Box:留白在此處的運(yùn)用是如此搶眼,因為它真的很大面積。將的視線從logo(本身的留白就運(yùn)用非常完美)吸引到另一個角落的主體文字上。

    Lapka:這家公司用了一種獨具創(chuàng)意的方式,通過陰陽式的留白,將視線吸引到這些小物件上。

    Leah Haggar:白色字體在黑色空間上很突出。精妙的底紋為整體效果增色不少。

    Medium:這是一個使用非白色留白的絕佳案例。

    Metta Skincare:通過對圖片進(jìn)行設(shè)計,留白為文字提供了絕佳的展現(xiàn)位置。

    PandaWeb:留白直接將注意力轉(zhuǎn)移至這家公司的業(yè)務(wù)上。

    Square:這個網(wǎng)站將元素間的留白運(yùn)用得很棒,作為圖片和按鈕的視覺焦點,也作為分欄的間隙。每個細(xì)節(jié)處的留白都精心處理過,創(chuàng)造了視覺沖擊。

    The Mealings:簡潔、美觀、舒適。留白——在設(shè)計與logo中——成就了這些特點,看起來簡潔得不可思議 

    日歷

    鏈接

    個人資料

    存檔

    主站蜘蛛池模板: 精品国产爽爽AV| 亚洲国产精品成人网址天堂| 久久狠狠一本精品综合网| 国产亚洲精品a在线无码| 青娱乐国产精品视频| 911亚洲精品不卡| 国产探花在线精品一区二区| 亚洲av午夜成人片精品电影| 国产精品人人做人人爽人人添| 精品久久久久久无码专区| 亚洲国产精品ⅴa在线观看| 国产精品亚洲精品日韩已方| 久久久精品午夜免费不卡| 国产精品人成在线播放新网站| 亚洲精品无码久久久影院相关影片| 久久国产精品视频| 国产在线精品一区二区夜色| www亚洲欲色成人久久精品| 精品视频一区二区三区在线观看 | 亚洲A∨午夜成人片精品网站| 在线人成精品免费视频| 99久久国产综合精品麻豆| 国产在线精品一区二区中文| 久久久久久国产精品免费无码| 午夜天堂精品久久久久| 亚洲精品无码久久久久sm| 亚洲精品少妇30p| 亚洲精品成人无限看| 自拍中文精品无码| 亚洲精品无码久久久久sm| 亚洲精品国产美女久久久| 夜夜精品无码一区二区三区| 日韩亚洲精品福利| 亚洲精品第一国产综合精品99| 日韩专区亚洲精品欧美专区| 欧美在线精品永久免费播放| 日韩三级精品| 亚洲国产精品无码久久久蜜芽| 久久影院综合精品| 国产精品人成在线播放新网站 | 国产999精品久久久久久|