2022-12-25 分類: 網(wǎng)站建設(shè)
使用方塊布局的目的是什么?
或許這對你而言有點哲學(xué)和理論化,我們來看看別人選擇方塊布局的原因。(順便提一句,我所指的方塊也包括矩形,有些案例也使用矩形。)使用這種元素有兩大原因。首先也是最重要的,它有助于組織內(nèi)容。其次,它也能打造特殊的樣式。它們是展現(xiàn)內(nèi)心渴望和需求的好元素。
看看Dennis Adelmann的作品集,顯而易見,方塊元素被用來組織排列他的作品。這是組織排列任意數(shù)量內(nèi)容的簡單途徑,讓事物保持簡潔。
不過再看看We Love Noise這個網(wǎng)站,它就完全不同!是的,到處都是方塊,移動鼠標(biāo)時還有個有趣的動畫效果。不過除了組織內(nèi)容之外,你會發(fā)現(xiàn)方塊元素也成為了設(shè)計風(fēng)格的一部分。它是這種風(fēng)格關(guān)鍵的決定性元素。
怎樣用好它們?
我不覺得使用方塊元素是什么難事。尤其是網(wǎng)頁,自從誕生之初就開始使用方塊形狀來設(shè)計界面。但是你若想更有效地使用它,請遵循以下幾個步驟。制定希望達成的目標(biāo)
根據(jù)你所要達成的目標(biāo),頁面和區(qū)塊會有很大的不同。一旦你確定了,方塊元素就能幫助你完成目標(biāo)。你是用它來組織內(nèi)容?還是想為頁面增添一點樂趣?
看看Paper and Paint。他們使用方塊元素保持頁面井井有條,并且突出了頁面特有的流動性。隨著鼠標(biāo)向下滾動,每個方塊中的不同內(nèi)容都在進行著視覺差滾動——這是個非??岬男Ч總€方塊都向你講述獨特的故事,匯聚成整個頁面。這些方塊元素的作用,就是保持各部分對齊,形成一種整潔的時尚,同時也為各個頁面營造不同的故事氛圍。
使用方塊來組織內(nèi)容
既然了解了你所追求的目標(biāo)——盡管那幾乎就是整合現(xiàn)有的信息——你會接觸到內(nèi)容組織的。你得把內(nèi)容編成目錄。要如何在各個方塊中組織信息——某些方塊內(nèi)容會比其他的更多嗎?這對組織內(nèi)容很有幫助,你會來回擺弄,看看哪些有用哪些沒用,發(fā)現(xiàn)哪些內(nèi)容太多,哪些內(nèi)容太少。我保證這不是什么高超技巧,實際上它不太需要憑直覺,大多時候都很簡單——坐下來去完成它就是了。
調(diào)整這些方塊,或者干脆不動它!
既然組織內(nèi)容的工作讓你了解一組組信息看起來是什么樣,你就要思考應(yīng)該怎么處理這些方塊。這是讓你打磨內(nèi)容塊大小的一步,可能你希望它們都保持一致——又或者你決定讓它們錯落雜亂排布。這還是得取決于你的具體目標(biāo)。
從Nedd中可以看出,方塊元素都非常巨大,它們有著近似的寬度和相等的高度,讓網(wǎng)站看起來井井有條。我希望你注意的是,雖然這是偏向于內(nèi)容組織的用法,網(wǎng)站的樣式仍然非常有趣輕快,這主要得益于它的顏色、矢量元素、圓形的應(yīng)用、字體等等。點綴樣式
有千萬種設(shè)計方法,可以為你下個項目中的方塊元素打造特殊風(fēng)格。你可以將它們與其他元素自由組合,比如圓形,或者采用貫穿始終的矩形或正方形來營造網(wǎng)站的視覺焦點。最后兩個例子中,你會再次見識如何將方塊良好地應(yīng)用于設(shè)計中,希望對你有所啟發(fā),并能在你下個項目中發(fā)揮作用。
當(dāng)前標(biāo)題:【成都網(wǎng)站建設(shè)】別具一格:運用網(wǎng)頁設(shè)計中的方塊元素-成都創(chuàng)新互聯(lián)官方網(wǎng)站
當(dāng)前鏈接:http://m.rwnh.cn/news22/225272.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容