要懂得在網頁設計中運用留白式負空間網頁設計

行業新聞 2020-04-08 506

所謂留白,是指在網頁中除字體本身所占用的版面空間之外的空白處,我們通常也稱為“負空間”。實際上,負空間的概念并不僅限于網頁設計中,在家裝、建筑設計、城市規劃、服裝設計等領域都有不凡的應用。當然,留白,并不是指必須要留有白色,它可以是其他的色彩,甚至是大背景圖,它主要為網頁創造一種視覺空間感,從而打造一種高端的品味、精致優雅的氛圍。

    這是一個JQuery插件的網頁設計,它保留了充足的大量黑色背景圖的負空間,配合亮藍的前景色和純白的文字設計,提升了整個頁面的清晰度,讓這些元素更加易于辨認。


10.jpg



    basicModal 對話應用系統,是當前比較流行的一個Web應用程序。它的網頁設計中采用了更多的留白處理,既顯得簡約大氣,又可以很好地引導用戶產生視覺聚焦。


11.jpg


    OUTLINE 是一款簡潔的Web UI 框架。網頁設計中除了大背景的留白外,就只有文字展示,采用這種設計風格也是為了更好地體現他們產品“輕量、簡約”的特征。



13.jpg


Pintsize 同樣是一款 Web 框架產品,其網頁設計采用了大面積的橙色負空間,Logo和下載按鈕的純白色設計,能夠讓訪客很容易記住它,并能輕松地找到自己想要的東西。


14.jpg



    這是一款網頁圖像水印工具,同樣是采用了負空間設計,有大量的紫色背景留白區域,并將其主要內容放在中間展示。


15.jpg



    Radium 是一個用來管理內聯樣式的工具,它可以在CSS之外提供更為強大的功能。Radium 的網頁設計中,上半部分保留了充足的紅色負空間,而下半部分使用了白色負空間,使整個頁面感覺錯落有致,Logo清晰可見。


16.jpg


无码任你躁久久久久久老妇|人人澡欧美一区|日韩人妻Aⅴ按摩在线|中文字幕人妻无码区