<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 通過留白打造簡潔有效的設計

          2014-10-29    藍藍設計的小編

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

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

          本文中,我們來看看一些優秀的留白使用案例,看看它們如何創造簡潔的同時,有效地為不同網站定義了設計風格。

          留白的基本要素

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

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

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

          留白也能把圖片和其他元素區分開。回想一下你見到過的雜亂無章的網站。通常問題就在于元素間沒有足夠的空間。記得在元素和文字間留下足夠的邊距,為了更加專業的外觀,應該進一步使用統一的邊距。在設計多列網站時也是同樣的道理(即使只有主欄和邊欄),在垂直元素間加入適當的空隙,就創造出了明顯的劃分。

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

          留白是創造平衡、協調的工具,也是組織網站內容的基礎。沒有留白,如何為元素分組?如何找到導航?你又怎么知道滾動有更多內容,或是應該從左上往右下瀏覽?所有這些視覺線索,都來自于設計中留白的合理運用。

          重點使用留白的地方

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

          請看以下清單:

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

          12例留白的有效運用

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

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

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

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

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

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

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

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

          Metta Skincare:通過對圖片進行設計,留白為文字提供了絕佳的展現位置。

          PandaWeb:留白直接將注意力轉移至這家公司的業務上。

          Square:這個網站將元素間的留白運用得很棒,作為圖片和按鈕的視覺焦點,也作為分欄的間隙。每個細節處的留白都精心處理過,創造了視覺沖擊。

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          久久婷婷午色综合夜啪| 99久久99久久精品国产片| 伊人色综合久久天天网| 久久91精品国产91| 久久精品a亚洲国产v高清不卡| 香蕉久久一区二区不卡无毒影院 | 狠狠狠色丁香婷婷综合久久五月| 欧美日韩中文字幕久久伊人| 久久久人妻精品无码一区| 久久综合给合久久狠狠狠97色 | 奇米影视7777久久精品人人爽| 久久亚洲精品人成综合网| 久久本道久久综合伊人| 久久夜色精品国产噜噜亚洲AV| 观看 国产综合久久久久鬼色 欧美 亚洲 一区二区 | 久久精品国产亚洲Aⅴ香蕉| 欧美亚洲国产精品久久| 国产免费久久精品99久久| 久久人人爽人人爽人人片av高请| 国内精品久久久久久久久| 香蕉久久av一区二区三区| 模特私拍国产精品久久| 国产精品嫩草影院久久| 久久国产高潮流白浆免费观看| 国产香蕉久久精品综合网| 狠狠人妻久久久久久综合蜜桃| 国产精品一区二区久久国产| 偷偷做久久久久网站| 久久夜色精品国产| 99久久无码一区人妻| 97久久久久人妻精品专区| 亚洲精品乱码久久久久66| 一级做a爰片久久毛片看看| 人人狠狠综合88综合久久| 久久精品成人| 精品无码久久久久久久久久| 国产成人无码精品久久久免费| 国产精品久久久久aaaa| 久久国产精品久久精品国产| 久久综合久久综合九色| AA级片免费看视频久久|