當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

基于網(wǎng)格的網(wǎng)站是如何完成的?

2019-05-28 1397 0
            在網(wǎng)站布圖中,為了達(dá)到設(shè)計(jì)的精密度和平衡性,使用了網(wǎng)格。這可以通過(guò)不同的方法來(lái)實(shí)現(xiàn),比如使用三分法和黃金分割比。大多數(shù)設(shè)計(jì)師利用這一點(diǎn),因?yàn)樗兄趯?shí)現(xiàn)一個(gè)網(wǎng)站,有良好的組織,它也會(huì)更容易為讀者的眼睛。有些網(wǎng)站是基于網(wǎng)格來(lái)設(shè)計(jì)網(wǎng)站的,而且很容易由它們的排列方式來(lái)決定?;诰W(wǎng)格的布局在大多數(shù)情況下都是用戶友好的,并且可以建立一個(gè)邏輯結(jié)構(gòu),幫助用戶輕松熟悉站點(diǎn)中的內(nèi)容。可以肯定的是,您已經(jīng)遇到過(guò)基于網(wǎng)格設(shè)計(jì)的站點(diǎn),并且您可以觀察到它們的元素分布是如何平衡的。您還可以看到它們很容易理解,特別是您可以立即查看站點(diǎn)要展示的內(nèi)容。有不同的方式,如何用這種設(shè)計(jì)方法的網(wǎng)站是做。您可以通過(guò)下面的展示看到這一點(diǎn)。
                  
             因此,向下滾動(dòng)查看這些基于網(wǎng)格的網(wǎng)站是如何完成的。這個(gè)網(wǎng)站使用素描和素描,因?yàn)樗且粋€(gè)展示手繪類型和圖片的社交網(wǎng)站。基于網(wǎng)格布局的網(wǎng)站導(dǎo)航使用灰色、白色和紅色的新圖標(biāo)。來(lái)源伊格納西奧·馬克里一個(gè)網(wǎng)站組合的標(biāo)志設(shè)計(jì)師和插畫家,伊格納西奧·馬克里展示他豐富多彩的作品。Source Dynamit是一種很好的布局方式,具有類似于雜志的布局,其中圖像和文本分布得很好。白色背景突出了本博客關(guān)于旅游靈感的特點(diǎn)。源斯文頓這個(gè)網(wǎng)站顯示個(gè)人委托和藝術(shù)作品由格雷姆斯文頓使用網(wǎng)格布局。

            來(lái)源所羅門滑雪板你會(huì)看到更多的網(wǎng)站的美麗與他們的網(wǎng)格為基礎(chǔ)的設(shè)計(jì),因?yàn)槟阆蛳聺L動(dòng)。克雷格和卡爾是兩個(gè)對(duì)藝術(shù)充滿激情的人合作完成他們的作品,他們通過(guò)深思熟慮和幽默的插圖在網(wǎng)站上看到。一個(gè)法國(guó)插畫家在倫敦的作品集,使用線條和顏色來(lái)傳達(dá)如上所示的想法。來(lái)自創(chuàng)意設(shè)計(jì)師Sam Dallyn的資料,這個(gè)網(wǎng)站根據(jù)一個(gè)獨(dú)特個(gè)性的網(wǎng)格設(shè)計(jì)來(lái)排列圖片。為一個(gè)著名的音樂公司,包括錄音,出版和其他來(lái)源的專業(yè)尋找網(wǎng)站。

           資料來(lái)源Sylvain olliershow不同的作品,平面設(shè)計(jì)師在每個(gè)盒子與白色背景,讓設(shè)計(jì)脫穎而出。源金州心靈獨(dú)特的網(wǎng)站設(shè)計(jì)與不同的導(dǎo)航設(shè)計(jì)。來(lái)源圣路易斯廣告代理公司,你會(huì)看到這個(gè)網(wǎng)站如何利用網(wǎng)格設(shè)計(jì)的整個(gè)網(wǎng)站,如果你試圖檢查它。源Avec1y圖像看到的類別是放在主頁(yè)上,讓觀眾看一眼。源碼JRVelasco惹惱了使用網(wǎng)格基礎(chǔ)設(shè)計(jì)在他的文本和網(wǎng)站的其他元素的布局。來(lái)源蘇尼爾卡爾薩拉黑白,但仍然看起來(lái)很漂亮的設(shè)計(jì)師的投資組合。資料來(lái)源Sylvain Toulouse另一個(gè)藝術(shù)總監(jiān)和平面設(shè)計(jì)師與個(gè)人接觸的組合。Source Arch事務(wù)所在展示住宅和其他建筑的建筑設(shè)計(jì)時(shí)采用了最小的方法。Source Nice Device是一個(gè)位于墨爾本的交互設(shè)計(jì)工作室的網(wǎng)站,它使用了網(wǎng)格布局上的黑白。源美麗的資源管理器一個(gè)最小的網(wǎng)站上的紫色陰影網(wǎng)格設(shè)計(jì)。

            使用網(wǎng)格設(shè)計(jì)來(lái)展示作品是一個(gè)很好的方法,就像這個(gè)設(shè)計(jì)師所做的。源庫(kù)里奧查看各種數(shù)字藝術(shù)作品從這個(gè)網(wǎng)站上看到的圖像在其主頁(yè)上。來(lái)自Yvan Rodic的不同照片以網(wǎng)格的方式排列?;炙刮炙拐井?dāng)然創(chuàng)造性地使用了這個(gè)基于網(wǎng)格的網(wǎng)站的圖像和顏色。下載源Pixillion安排得很好,平衡和風(fēng)格與雜志一樣的方法。在阿姆斯特丹的來(lái)源海報(bào)不同的海報(bào)展示在這個(gè)網(wǎng)站以網(wǎng)格為基礎(chǔ)的方式安排。源Landor這個(gè)網(wǎng)站看起來(lái)很漂亮,特別是使用了一些水印圖像。它的色彩選擇和良好的布局,令人眼花繚亂。圖像和文本框是基于網(wǎng)格完成的,這使得這個(gè)站點(diǎn)看起來(lái)非常棒?;谠淳W(wǎng)格的網(wǎng)站設(shè)計(jì)當(dāng)然更容易理解,因?yàn)樾畔⒘骺雌饋?lái)更簡(jiǎn)單。這無(wú)疑是用戶友好的,也可能是一個(gè)優(yōu)勢(shì)的網(wǎng)站所有者,因?yàn)樗麄兛梢杂行У貍鬟f網(wǎng)站的信息。您是否看到其他站點(diǎn)在設(shè)計(jì)中使用網(wǎng)格布局?你對(duì)基于網(wǎng)格的網(wǎng)站有什么看法?


20
評(píng)論區(qū)(0)
正在加載評(píng)論...