中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

許多設(shè)計(jì)師為了設(shè)計(jì)一個(gè)豐富多彩的網(wǎng)頁(yè)把產(chǎn)品設(shè)計(jì)的過(guò)于復(fù)雜、繁瑣，這是犯了一個(gè)大錯(cuò)誤。如果不是故意的，則應(yīng)避免創(chuàng)建復(fù)雜的接口，而應(yīng)使用更多空間?？臻g是Web設(shè)計(jì)中的基本方法，因?yàn)樗梢詾轫?yè)面上的所有元素帶來(lái)很大的不同。在這篇文章中，作者闡明了負(fù)空間的重要性，并分享了如何在網(wǎng)頁(yè)設(shè)計(jì)中正確使用負(fù)空間的技巧。

一、什么是負(fù)空間？

在開(kāi)始之前，我們首先要確切定義什么是負(fù)空間。負(fù)空間（或空格）表示網(wǎng)頁(yè)上任何未使用的空間。在頁(yè)面上沒(méi)有引起用戶注意的任何內(nèi)容都是負(fù)空格。這并不意味著空格必須一定是白色的：它可以是任何顏色，圖像或任何其他背景。

負(fù)空間有兩個(gè)層次：微觀和宏觀。微負(fù)空間與線條、字符等小元素之間的空間有關(guān)，而宏負(fù)空間則是較大的模塊或元素之間的空間。這兩個(gè)級(jí)別對(duì)于網(wǎng)站設(shè)計(jì)的整體有效性都很重要。

讓我們看一下以下使用負(fù)空間的網(wǎng)頁(yè)設(shè)計(jì)。

1. 蘋(píng)果

Apple一直非常重視設(shè)計(jì)，他們自己的網(wǎng)站也不例外。只要看看他們?nèi)绾问炀毜厥褂梦⒂^和宏觀的負(fù)空間。該網(wǎng)站布局整潔，號(hào)召性用語(yǔ)（CTA）非常清晰。

您的注意力集中在核心功能，產(chǎn)品本身上，沒(méi)有任何東西可以分散您對(duì)該頁(yè)面的注意力。在頁(yè)面中心僅查看一個(gè)對(duì)象是吸引用戶注意力的理想方法。

2. 百度

百度可以說(shuō)是中國(guó)網(wǎng)頁(yè)負(fù)空間的鼻祖。搜索巨人利用了大量的負(fù)面空間和簡(jiǎn)潔的設(shè)計(jì)來(lái)吸引我們對(duì)搜索欄本身的關(guān)注。

百度只是將用戶引導(dǎo)到頁(yè)面中最具操作性的區(qū)域，即搜索欄。設(shè)計(jì)保持簡(jiǎn)潔明了，避免混淆。

3. Dropbox

Dropbox主頁(yè)將完美的微觀和宏觀底片空間，自然的調(diào)色板和和諧的字體融為一體，營(yíng)造出平靜的氛圍并提供流暢的用戶體驗(yàn)。由于負(fù)空間的正確使用，該網(wǎng)站看起來(lái)很老練，從而帶來(lái)了簡(jiǎn)潔和整潔。

4. 得物

得物（原毒物）電子商務(wù)平臺(tái)的網(wǎng)站使用大量空白來(lái)實(shí)現(xiàn)其主要目的：引導(dǎo)訪問(wèn)者下載移動(dòng)終端。得物將商品表單周?chē)粲写罅靠瞻祝源_保訪問(wèn)者在在瀏覽商品時(shí)被其他元素干擾。此外，他們明智地顯示了網(wǎng)站導(dǎo)航，以免將注意力從頁(yè)面的主要部分轉(zhuǎn)移開(kāi)。

你會(huì)看到負(fù)空間使用讓用戶在瀏覽網(wǎng)頁(yè)時(shí)，更具有呼吸感。現(xiàn)在，讓我們來(lái)看一下如何在您的網(wǎng)站上正確使用此負(fù)空間的提示。

二、如何使用負(fù)空間權(quán)？

1. 使用負(fù)空格來(lái)分頁(yè)

破壞網(wǎng)頁(yè)上的空間是設(shè)計(jì)中最重要的視覺(jué)組件之一。當(dāng)網(wǎng)站上的信息太多而空間又太少時(shí)，訪問(wèn)者很難專注于主要信息。

負(fù)空間使用戶有時(shí)間吸收他們?cè)陧?yè)面上看到的信息。有一些規(guī)則可以幫助設(shè)計(jì)人員在頁(yè)面上創(chuàng)建對(duì)稱的構(gòu)圖，并確保人們可以感知信息。構(gòu)圖各組成部分之間的均等空間可設(shè)置適當(dāng)?shù)脑O(shè)計(jì)結(jié)構(gòu)，并幫助用戶清楚地感知信息。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的組成規(guī)則，這些微型塊之間的空間應(yīng)占據(jù)宏塊之間的空間的三分之一。

有效的中斷頁(yè)面的結(jié)構(gòu)，并突出重點(diǎn)

2. 進(jìn)行內(nèi)容理解

內(nèi)容的可讀性和可讀性是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的方面。負(fù)空間可以同時(shí)優(yōu)化它們。正確使用線條、字符之間的空間會(huì)使閱讀理解提高幾倍。

在優(yōu)化內(nèi)容理解時(shí)，應(yīng)注意兩個(gè)主要方面：頁(yè)邊距和行距。每行之間的間距，或只是行間距，可以增加正文的整體可讀性，如以下示例所示：

3. 創(chuàng)建視覺(jué)層次

負(fù)空間不僅是頁(yè)面上元素之間的空白，而且是構(gòu)建視覺(jué)層次結(jié)構(gòu)的必要工具。負(fù)空間可以組成或分離UI元素，因此它們可以創(chuàng)建有效的頁(yè)面設(shè)計(jì)。

它提供了一個(gè)受歡迎的布局，可以使訪問(wèn)者在頁(yè)面上停留更長(zhǎng)的時(shí)間。此外，負(fù)空間會(huì)引起用戶對(duì)重要元素的注意，并為眼睛提供休息。

4.澄清關(guān)系

格式塔心理學(xué)家在學(xué)習(xí)人們?nèi)绾谓M織視覺(jué)信息的同時(shí)，制定了鄰近定律。該法則規(guī)定，彼此相鄰的所有視覺(jué)對(duì)象看起來(lái)都類(lèi)似于人眼。

在網(wǎng)頁(yè)設(shè)計(jì)中，適當(dāng)?shù)呢?fù)間距是實(shí)現(xiàn)接近原理并使設(shè)計(jì)更具視覺(jué)吸引力的有效方法。例如，此原理非常適合博客架構(gòu)。通過(guò)將大量文本和諧地分為段落和塊，這樣的布局更易讓用戶消化和愉悅。

底線

如你所見(jiàn)，負(fù)空間是Web設(shè)計(jì)中最強(qiáng)大的工具之一。通過(guò)遵循本文中給出的一些簡(jiǎn)單規(guī)則外，設(shè)計(jì)師可以創(chuàng)建一個(gè)完美的視覺(jué)吸引力設(shè)計(jì)，讓用戶賞析。

原文：https://speckyboy.com/negative-space-web-design/

作者：Anastasia Diachenko

編譯作者：無(wú)尾熊，公眾號(hào)：冬熊設(shè)計(jì)，歡迎關(guān)注，一起成長(zhǎng)！

本文由@無(wú)尾熊? 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。