jizzxxx日本免费观看,全肉野战高h含苞时夏时霖 ,国产高清一区二区三区直播,我半夜摸妺妺的奶C了她软件

26
2017/12
網(wǎng)站設(shè)計(jì)教程:白色空間不一定是白色的,利用好你的負(fù)空間!
|網(wǎng)站教程
當(dāng)提到網(wǎng)頁設(shè)計(jì)中的空白時(shí),蘋果或谷歌等例子可能是你第一個想到的。雖然這些公司在他們的設(shè)計(jì)中使用白色空間做得很好,但是還有很多其他方法可以充分利用負(fù)空間,即使它不一定白色的。

空白空間是您的設(shè)計(jì)計(jì)劃的重要組成部分。在這篇網(wǎng)站設(shè)計(jì)建設(shè)教程中,尚略上海網(wǎng)站設(shè)計(jì)公司將帶大家看看網(wǎng)站留白空間作為設(shè)計(jì)工具的重要性,以及五個充分利用空白的網(wǎng)站的例子(這根本不是白色的)。

白色空間


白色空間是指設(shè)計(jì)元素未被觸及的任何設(shè)計(jì)部分。這包括圖形或圖像之間,文本之間以及邊距和頁面之間的空間。設(shè)計(jì)元素內(nèi)部的開放空間,例如FedEx徽標(biāo)內(nèi)的“隱藏”箭頭,被稱為負(fù)空間,盡管交換術(shù)語已變得相當(dāng)普遍。

白色空間很重要,因?yàn)榘咨臻g在促進(jìn)設(shè)計(jì)的整體可讀性和組織性方面起著重要作用。

1)使文字更易于用戶掃描。
2)幫助創(chuàng)建類似元素的自然分組。
3)優(yōu)先考慮設(shè)計(jì)中的元素,例如號召性用語,搜索或?qū)Ш健?/div>
4)創(chuàng)造和諧和復(fù)雜的感覺。
5)建立平衡和視覺層次結(jié)構(gòu)。
6)有助于使更多的文本塊更容易被消化(更可能被讀?。?/div>
7)引導(dǎo)用戶以合理的方式完成設(shè)計(jì)。

空間不必是“白色”


有關(guān)空白的這個神話需要揭穿:空白不一定是白色的。

白色空間可以是一個純色,或模糊的背景,甚至有點(diǎn)運(yùn)動。共同的因素是空間就是這個空間。它不包含其他內(nèi)容或設(shè)計(jì)元素。如果用戶看過去或遠(yuǎn)離它,卻不會有任何信息丟失。

門檻是所有的白色空間實(shí)際上可能是白色的,但是設(shè)計(jì)師選擇以另一種方式創(chuàng)造視覺,同時(shí)仍然使用空間的原則。

空白空間可以出現(xiàn)在設(shè)計(jì)的任何部分,應(yīng)該作為一個工具來提高從頁面頂部到底部和整個二級頁面的可用性。一個好的設(shè)計(jì)模式將一直使用白色空間來幫助用戶更容易地消化視覺效果。

例1:U +設(shè)計(jì)網(wǎng)站設(shè)計(jì)

U +設(shè)計(jì)公司網(wǎng)站設(shè)計(jì)-上海網(wǎng)站設(shè)計(jì)公司

網(wǎng)址:http://design.u.plus/

 

U + Design從字面上顛倒了白色空間的概念,在文字元素的黑色畫布上大量開放。圖像生活在一個較輕的空間,創(chuàng)造了陰陽效果,而沒有任何一個空間在技術(shù)上是白色的,它全部是空白的。

空間在滾動下方也使用得非常好,有足夠的空間容納元素,空間和設(shè)計(jì)元素幾乎是移動的模式,鼓勵用戶滾動。

如果您正在尋找如何創(chuàng)建可讀文本的教訓(xùn),請查看此設(shè)計(jì)。盡管使用了多種文本樣式和顏色,但所有內(nèi)容都是可讀的,文本的位置和大小提供了一個很好的層次結(jié)構(gòu)。

例2:Emark網(wǎng)站設(shè)計(jì)

Emark網(wǎng)站設(shè)計(jì)-剪貼畫和幾何圖案留白

網(wǎng)址:https://emark.com/en/

 

Emark使用剪貼畫和幾何圖案來創(chuàng)建空白空間,并為圖像和文字增添視覺趣味??臻g是白色和顏色的混合,形狀和線條有助于視覺流動。

該設(shè)計(jì)還使用包含大量白色空間的白色背景的顏色塊。明亮的顏色和空間組合創(chuàng)造出獨(dú)特的文字容器,加倍高度可點(diǎn)擊的號召性用語。由于彩色空白,用戶知道這些塊中的每一個都被設(shè)計(jì)為點(diǎn)擊。

整個設(shè)計(jì)在文本元素周圍使用放大的空白區(qū)域,大量填充和行間距以提高可讀性。(隨著移動文本間距概念開始滲入更多基于桌面的網(wǎng)站設(shè)計(jì),我們可能會看到更多的趨勢之一。)

例3:Joke de Winter網(wǎng)站設(shè)計(jì)

Joke de Winter網(wǎng)站設(shè)計(jì)-背景中使用模糊的黑白照片作為白色空間
網(wǎng)址:Joke de Winter

Joke de Winter在他的網(wǎng)站的背景中使用模糊的黑白照片作為白色空間的模板。外觀是一個現(xiàn)代,分層的設(shè)計(jì),有一個獨(dú)特的感覺和流暢。

在滾動的下方,更多的空白用于邊距過大的文本元素,以強(qiáng)調(diào)特定的文本元素。在設(shè)計(jì)中的白色空間在白色和灰色之間交替,并且像前面的例子一樣,包括比我們在文本之間經(jīng)??吹降母嗟拈g隔。

在整個設(shè)計(jì)中,所有的邊緣都有不對稱的風(fēng)格,空間充足。失衡的“平衡”是和諧和視覺上的有趣。

例4: Astronauts Wanted網(wǎng)站設(shè)計(jì)

Astronauts Wanted網(wǎng)站設(shè)計(jì)-中心的兩邊都有足夠的空間

網(wǎng)址:https://www.astronautswanted.com/


思考宇宙空間時(shí)宇航員快節(jié)奏的行動可能不是首先想到的。但是視頻頂部的標(biāo)志,文字和元素就是這樣工作的。重要的滾動信息很容易閱讀和看到,盡管在后臺的行動。它的中心是兩邊都有足夠的空間。(而這個用負(fù)面空間做的標(biāo)志有助于提高整體效果。)

在靜止圖像頂部的文本塊的滾動下使用相同的概念??臻g設(shè)計(jì)精美,設(shè)計(jì)中唯一真正的白色元素是文字本身。

例5:Le Farfalle

網(wǎng)址:http://lefarfallecharleston.com/

 

Le Farfalle在英雄形象中使用了一個簡單的剪裁,比如前面的例子之一,但是最讓人印象深刻的使用空間出現(xiàn)在你的大幅交替空間的圖像上,這些圖像與包含文字的超大空白相平衡。

這種風(fēng)格使用戶可以輕松地從圖像移動到文本,然后通過所有內(nèi)容向后翻頁。使一個沉重的設(shè)計(jì)變得輕量級和易于閱讀。

此外,設(shè)計(jì)使用了大量的邊距和填充,使每個元素都有自己的空間。這種空間的使用創(chuàng)造了一個復(fù)雜的審美,與餐廳的氛圍相匹配。

結(jié)論


今天的重點(diǎn) - 白色空間不一定是白色的。不要讓自己陷入陷阱。你有一些使用空間的方法,用顏色,圖像和視頻作為啟動你創(chuàng)造力的地方。

現(xiàn)在輪到你展示一些負(fù)空間的例子了!

網(wǎng)站設(shè)計(jì)教程分享,尚略廣告,上海品牌設(shè)計(jì)公司,上海網(wǎng)站設(shè)計(jì)公司,。

返回           上一篇           下一篇