Godzilla. 2016-12-22
網(wǎng)站建設(shè)
怎樣設(shè)計(jì)網(wǎng)站只如何使用空白示例
不要試圖將一切都擠進(jìn)一個(gè)小區(qū)域。 遵循下面這些例子，并使用空格讓你的網(wǎng)頁內(nèi)容得到呼吸。雖然客戶經(jīng)常要求你盡可能多的填充頁面信息，經(jīng)驗(yàn)豐富的網(wǎng)頁設(shè)計(jì)師知道這可能導(dǎo)致可用性的噩夢(mèng)。小心地使用空白是給內(nèi)容空間呼吸的方法。這里列出的示例工作，因?yàn)樵L問者需要的一切仍然在頁面上; 所有缺席只會(huì)是混亂。 代替這個(gè)混亂，空格有助于創(chuàng)建一個(gè)平衡，易于瀏覽的界面，你可以找到你所需要的，而不被淹沒。下面請(qǐng)看怎樣設(shè)計(jì)網(wǎng)站只如何使用空白示例。
01.Made by Sofa
這種受限的設(shè)計(jì)通過測(cè)量使用空格來吸引注意力
這個(gè)軟件和互動(dòng)設(shè)計(jì)公司如何使用一個(gè)多彩的形象在其首頁試圖抓住你的注意力。諷刺的是，通過保持事情這么簡單，它塑造了一個(gè)最小的設(shè)計(jì)，實(shí)際上更引人注目。 測(cè)量的空白使用傳達(dá)了可信賴性和可靠性的感覺，而沙發(fā)圖標(biāo)中的負(fù)空間的微妙片段增加了額外的空間。
02.Apple
蘋果代表什么？這是設(shè)計(jì)在科技的重要性，其自己的網(wǎng)站表明，精巧。 當(dāng)你有這樣的華麗的產(chǎn)品，你想要把注意力集中在他們，而圍繞他們的空白的空間實(shí)現(xiàn)了這一點(diǎn)。
03.Built by Buffalo
空白不只是用于超小布局，這是一個(gè)很好的例子。 布萊頓機(jī)構(gòu)布法羅的主頁用五顏六色的六角形呈現(xiàn)其主要nav元素，聚集在一起格子和由大量鎮(zhèn)定的空白包圍。 這是一個(gè)驚人的原始布局，既包含萬花筒的顏色和鏈接，同時(shí)提供悠閑，無壓力的感覺滾動(dòng)體驗(yàn)。
04. Dropbox
作為技術(shù)世界的重要力量之一，Dropbox將孩子般的插圖與在主頁上自由使用空格的效果相結(jié)合。整體的感覺是放松和平易近人，使對(duì)于未開始的，一個(gè)可怕的復(fù)雜的命題可能是一個(gè)有趣和有用的東西嘗試。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)）！
05.Fell Swoop
空白一直是雜志設(shè)計(jì)中一個(gè)經(jīng)常使用的工具，在西雅圖咨詢公司Fell Swoop的網(wǎng)站設(shè)計(jì)中有一個(gè)敏感的體現(xiàn)。略大于通常的字體，并且限制使用空格為一個(gè)非常標(biāo)準(zhǔn)的公司網(wǎng)站提供了一個(gè)罕見的復(fù)雜性。
下一篇：著名的品牌標(biāo)志設(shè)計(jì)實(shí)例
上一篇：互動(dòng)網(wǎng)頁設(shè)計(jì)：網(wǎng)頁中如何使用GIF進(jìn)行內(nèi)容營銷？
文章標(biāo)簽：
空白
文章評(píng)論：