網(wǎng)站設(shè)計(jì)中的重要步驟:構(gòu)圖

2021-10-01    分類: 網(wǎng)站設(shè)計(jì)

構(gòu)圖是網(wǎng)站設(shè)計(jì)中的一個(gè)步驟:構(gòu)圖使用一些比較常用而又有效果的方法,無(wú)論構(gòu)圖也好,色彩搭配也好,亦或是節(jié)奏旋律等等。它們總是圍繞著一個(gè)共同點(diǎn)去進(jìn)行,那就是使頁(yè)面在信息順利傳達(dá)的前提下變的美觀而生動(dòng),有了這一大準(zhǔn)則,我想設(shè)計(jì)頁(yè)面的時(shí)候需要的不是一大堆技法和技巧,而是一顆永不停止探索美和創(chuàng)造美的心。

【一】堅(jiān)實(shí)的地基-幾何圖形的力量。

幾何圖形在頁(yè)面中往往能起到大梁的作用,也是網(wǎng)頁(yè)內(nèi)容最為常用的承載面板。這些圖形合理的搭配和有效的穿插,能使頁(yè)面除了信息傳達(dá)外,更具層次感和觀賞性。網(wǎng)站設(shè)計(jì)圓角矩形巧妙的結(jié)合信息模塊穿插在一起,除了營(yíng)造了網(wǎng)站的主體富有節(jié)奏的形狀之外,更加強(qiáng)了頁(yè)面的層次感,不會(huì)顯得頁(yè)面枯燥和單調(diào);而圓形和橢圓形的結(jié)合搭載了輪播廣告和重要信息,使得整個(gè)頁(yè)面既有亮點(diǎn)又不失簡(jiǎn)潔;豎著的大圓角矩形和線條勾勒出整個(gè)完整的畫面,各種信息鑲嵌于各個(gè)形狀只中,既不顯得亂又使其相得益彰。

【二】鋼筋上的鉚釘—破格而出的素材

素材應(yīng)用的好,往往能起到畫龍點(diǎn)睛的作用,而素材起點(diǎn)綴頁(yè)面和表達(dá)主題之外,還能作為構(gòu)圖中的一種主要元素存在,這些素材通常破格而出作為連接頁(yè)面的紐帶,使頁(yè)面結(jié)構(gòu)更加的穩(wěn)固,故稱其為鉚釘。素材看似隨機(jī)的擺放,其實(shí)是有意的將素材擺放于左上和右下兩個(gè)對(duì)角點(diǎn),視覺(jué)上俗稱的暗線,左下角信息內(nèi)容的圖片和右上角的登錄窗口組成了另外一條對(duì)角暗線,兩者并組成了X結(jié)構(gòu),而四個(gè)素材起到到了固定和壓軸的作用,穩(wěn)固而又美觀;花朵破框而出,使得素材有機(jī)的融于框內(nèi)又搭于整個(gè)頁(yè)面之上,讓人有種花是由圓洞內(nèi)長(zhǎng)到頁(yè)面之上的錯(cuò)覺(jué),簡(jiǎn)單而富有層次。

【三】打造斜塔之美—斜的視覺(jué)張力

比薩斜塔之斜是地質(zhì)沙化下沉還是設(shè)計(jì)師故意為之,斜線,或者說(shuō)是斜著的物體,似乎天生有一種張力。在網(wǎng)站設(shè)計(jì)中亦是如此,而在這里所表現(xiàn)的為視覺(jué)的張力,是種視覺(jué)心里上的延伸力而非物理上的。當(dāng)頁(yè)面過(guò)于平均,畫面平平毫無(wú)亮點(diǎn)時(shí),打破平均打破通體的平均尤為重要,打破平均的方式有很多,而斜線似乎是網(wǎng)頁(yè)設(shè)計(jì)中慣用的一招,屢試不爽。斜線的張力讓整個(gè)頁(yè)面富有動(dòng)感和延伸性,即可為頁(yè)面起到修飾的作用,又能做為信息的承載模塊,兩者有機(jī)的融合并不讓人覺(jué)得傾斜的標(biāo)題不好識(shí)別或者有礙閱讀,反之更能讓整個(gè)頁(yè)面富有形式感和表現(xiàn)力。

分享名稱:網(wǎng)站設(shè)計(jì)中的重要步驟:構(gòu)圖
分享網(wǎng)址:http://muchs.cn/news/129261.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)