Article/文章
記錄成長點(diǎn)滴 分享您我感悟
您當(dāng)前位置>深圳網(wǎng)站建設(shè) > 文章 > 公司新聞 > 這四個(gè)方法讓你有效避免網(wǎng)頁設(shè)計(jì)太空
這四個(gè)方法讓你有效避免網(wǎng)頁設(shè)計(jì)太空
在日常的設(shè)計(jì)工作中,相信大家會(huì)時(shí)常聽到需求方說:「你做的東西太空了、留這么多空白讓我給你做嗎?」等等的言論,元素太少就會(huì)空:容易給人一種缺少設(shè)計(jì)感、沒有層次感、畫面單一無變化的感受;而元素太多則會(huì)滿:容易給人帶來元素雜亂、沒有視覺主次、缺少品牌調(diào)性的感受。如何有效的避免這兩種現(xiàn)象的出現(xiàn),這里我借助數(shù)學(xué)理論中的「加減運(yùn)算」的形式,為大家分析如何有效避免設(shè)計(jì)作品中畫面空的現(xiàn)象出現(xiàn),也就是設(shè)計(jì)加法的使用。
一、常見的誤區(qū)
誤區(qū)一:很多人會(huì)把「空」解釋為有意的留白,其實(shí)這是一種誤區(qū),合理的留白目的是:留出喘息空間、留出視覺中心、提升畫面品牌調(diào)性,但并不會(huì)因?yàn)橛玫搅舭字R而導(dǎo)致畫面空、缺少細(xì)節(jié)、缺少變化、設(shè)計(jì)感等等。留白并不是肆無忌憚的隨意減少視覺元素,只剩下產(chǎn)品+主文案信息,不能將畫面空歸咎于留白。
誤區(qū)二:當(dāng)我們發(fā)現(xiàn)作品畫面空的問題時(shí),就加各種漂浮物、發(fā)散性元素、用于填充畫面,彌補(bǔ)問題。這是常見的一種補(bǔ)救方式,但是卻很容易因?yàn)檫@些元素過多使用而導(dǎo)致畫面雜亂、無法體現(xiàn)視覺重點(diǎn),品牌感。
那么當(dāng)我們出現(xiàn)畫面空的問題時(shí),應(yīng)該從哪些方面進(jìn)行入手修改呢?
二、善用水印文字
畫面「空」最直接的原因在于留白不合理,那么最常用的解決方式就是將原本不合理的留白通過其他元素進(jìn)行填充,也就是要做加法運(yùn)算。水印文字就能起到很好的填充作用,而且也非常實(shí)用。
能起到很好的填充留白的作用,從而可以解決畫面「空」的現(xiàn)象,且能很大程度上保留畫面本身的品牌調(diào)性、簡潔風(fēng)格。
文字作為水印形式存在,不會(huì)影響主體的視覺表達(dá)以及視覺流暢度的體現(xiàn)。
水印文字常用英文或者數(shù)字、書法等字體形式,而這類字體放大后本身都具有很強(qiáng)的裝飾性和設(shè)計(jì)感,所以通過添加水印文字的形式也間接的增強(qiáng)了畫面整體的設(shè)計(jì)感。
水印文字的制作:正常字體放大后填充顏色,做適當(dāng)?shù)耐该鞫忍幚恚S玫耐该鞫确秶?-15%,具體效果以實(shí)際視覺為準(zhǔn),原則上盡量不影響主體以及文案信息的表達(dá)即可。
三、善用輔助小元素
避免畫面「空」的第二種方式就是運(yùn)用一些點(diǎn)狀、線狀的輔助小元素進(jìn)行填充,同樣也是等于在做加法。
輔助小元素的有無對于畫面整體的影響還是很直觀的,這些元素的使用大大增加了畫面整體的裝飾感和豐富度,可以起到很好的避免畫面「空」現(xiàn)象的出現(xiàn),而且這類輔助小元素的優(yōu)勢相比水印文字:
同樣具有填充作用,相比而言填充力不像水印文字那么直觀,但畫面整體的精致度有所提升。
都可以體現(xiàn)出一定的裝飾性和設(shè)計(jì)感且都不會(huì)影響到整體風(fēng)格的體現(xiàn)。
輔小元素的使用要根據(jù)視覺把控好使用的多少,過多的使用會(huì)影響畫面的整體感、容易分散視覺注意力,要依據(jù)視覺最終感受進(jìn)行添加。
注意:此類元素在畫面中一般情況下都是以點(diǎn)狀或者線狀元素的形式存在,不易過大,要盡可能做到不影響畫面主體,只作為輔助填充的元素存在。
四、增加視覺變化
導(dǎo)致畫面「空」的第二個(gè)直觀原因就是缺少層次變化、過于單一、平面化,改變這一現(xiàn)狀的方式就是增加視覺上的變化,讓畫面整體細(xì)節(jié)感更強(qiáng),避免因缺少視覺變化導(dǎo)致「空」的現(xiàn)象出現(xiàn),常用的增加視覺變化方式我們簡單列舉幾種:
1. 給產(chǎn)品做投影、倒影
給產(chǎn)品做投影、倒影,用于提升畫面整體的層次感。
2. 將畫面做出光感
將畫面做出光感,這也是之前一直提到的一種很好的視覺表達(dá)形式,需要注意的是要確定好光源方向,一旦確定好,所有的視覺元素都要符合光的感覺,而且有光就有影。
在日常的設(shè)計(jì)工作中,相信大家會(huì)時(shí)常聽到需求方說:「你做的東西太空了、留這么多空白讓我給你做嗎?」等等的言論,元素太少就會(huì)空:容易給人一種缺少設(shè)計(jì)感、沒有層次感、畫面單一無變化的感受;而元素太多則會(huì)滿:容易給人帶來元素雜亂、沒有視覺主次、缺少品牌調(diào)性的感受。如何有效的避免這兩種現(xiàn)象的出現(xiàn),這里我借助數(shù)學(xué)理論中的「加減運(yùn)算」的形式,為大家分析如何有效避免設(shè)計(jì)作品中畫面空的現(xiàn)象出現(xiàn),也就是設(shè)計(jì)加法的使用。
一、常見的誤區(qū)
誤區(qū)一:很多人會(huì)把「空」解釋為有意的留白,其實(shí)這是一種誤區(qū),合理的留白目的是:留出喘息空間、留出視覺中心、提升畫面品牌調(diào)性,但并不會(huì)因?yàn)橛玫搅舭字R而導(dǎo)致畫面空、缺少細(xì)節(jié)、缺少變化、設(shè)計(jì)感等等。留白并不是肆無忌憚的隨意減少視覺元素,只剩下產(chǎn)品+主文案信息,不能將畫面空歸咎于留白。
誤區(qū)二:當(dāng)我們發(fā)現(xiàn)作品畫面空的問題時(shí),就加各種漂浮物、發(fā)散性元素、用于填充畫面,彌補(bǔ)問題。這是常見的一種補(bǔ)救方式,但是卻很容易因?yàn)檫@些元素過多使用而導(dǎo)致畫面雜亂、無法體現(xiàn)視覺重點(diǎn),品牌感。
那么當(dāng)我們出現(xiàn)畫面空的問題時(shí),應(yīng)該從哪些方面進(jìn)行入手修改呢?
二、善用水印文字
畫面「空」最直接的原因在于留白不合理,那么最常用的解決方式就是將原本不合理的留白通過其他元素進(jìn)行填充,也就是要做加法運(yùn)算。水印文字就能起到很好的填充作用,而且也非常實(shí)用,比如:
通過案例對比我們不難發(fā)現(xiàn),通過添加水印文字的形式進(jìn)行填充有以下幾點(diǎn)優(yōu)勢:
能起到很好的填充留白的作用,從而可以解決畫面「空」的現(xiàn)象,且能很大程度上保留畫面本身的品牌調(diào)性、簡潔風(fēng)格。
文字作為水印形式存在,不會(huì)影響主體的視覺表達(dá)以及視覺流暢度的體現(xiàn)。
水印文字常用英文或者數(shù)字、書法等字體形式,而這類字體放大后本身都具有很強(qiáng)的裝飾性和設(shè)計(jì)感,所以通過添加水印文字的形式也間接的增強(qiáng)了畫面整體的設(shè)計(jì)感。
水印文字的制作:正常字體放大后填充顏色,做適當(dāng)?shù)耐该鞫忍幚?,常用的透明度范圍?-15%,具體效果以實(shí)際視覺為準(zhǔn),原則上盡量不影響主體以及文案信息的表達(dá)即可。
三、善用輔助小元素
避免畫面「空」的第二種方式就是運(yùn)用一些點(diǎn)狀、線狀的輔助小元素進(jìn)行填充,同樣也是等于在做加法,比如:
輔助小元素的有無對于畫面整體的影響還是很直觀的,這些元素的使用大大增加了畫面整體的裝飾感和豐富度,可以起到很好的避免畫面「空」現(xiàn)象的出現(xiàn),而且這類輔助小元素的優(yōu)勢相比水印文字:
同樣具有填充作用,相比而言填充力不像水印文字那么直觀,但畫面整體的精致度有所提升。
都可以體現(xiàn)出一定的裝飾性和設(shè)計(jì)感且都不會(huì)影響到整體風(fēng)格的體現(xiàn)。
輔小元素的使用要根據(jù)視覺把控好使用的多少,過多的使用會(huì)影響畫面的整體感、容易分散視覺注意力,要依據(jù)視覺最終感受進(jìn)行添加。
注意:此類元素在畫面中一般情況下都是以點(diǎn)狀或者線狀元素的形式存在,不易過大,要盡可能做到不影響畫面主體,只作為輔助填充的元素存在。
四、增加視覺變化
導(dǎo)致畫面「空」的第二個(gè)直觀原因就是缺少層次變化、過于單一、平面化,改變這一現(xiàn)狀的方式就是增加視覺上的變化,讓畫面整體細(xì)節(jié)感更強(qiáng),避免因缺少視覺變化導(dǎo)致「空」的現(xiàn)象出現(xiàn),常用的增加視覺變化方式我們簡單列舉幾種:
1. 給產(chǎn)品做投影、倒影
給產(chǎn)品做投影、倒影,用于提升畫面整體的層次感。
2. 將畫面做出光感
將畫面做出光感,這也是之前一直提到的一種很好的視覺表達(dá)形式,需要注意的是要確定好光源方向,一旦確定好,所有的視覺元素都要符合光的感覺,而且有光就有影。
3. 適當(dāng)運(yùn)用一些材質(zhì)、肌理
適當(dāng)運(yùn)用一些材質(zhì)、肌理,用于增加作品整體的細(xì)節(jié)感,同時(shí)也能起到很好的視覺填充作用。
材質(zhì)在一定程度上既能起到很好的增加細(xì)節(jié)感的作用,又能起到填充的作用,而且也增強(qiáng)了畫面整體的視覺變化程度、豐富度,但是要注意不能太過刻意的體現(xiàn)材質(zhì)紋理而導(dǎo)致?lián)屃酥黧w。
4. 運(yùn)用色塊
運(yùn)用一些色塊也可以起到一定的增加視覺變化的作用
無論是哪種方式,目的都是為了增加畫面更多的整體視覺變化,但是要切記,無論如何都不能因?yàn)楦淖兌雎粤酥黧w。
五、把控視覺比例
視覺比例即:主體元素及文案信息占畫面整體的比例關(guān)系,當(dāng)然設(shè)計(jì)不像算數(shù),并不會(huì)有固定的值,只要從視覺的角度看比例協(xié)調(diào)、合理就行。最簡單的一個(gè)只有產(chǎn)品和文案的海報(bào),只要視覺比例把控得當(dāng),就能很大程度上改變畫面「空」的感受。
深圳網(wǎng)站建設(shè),深圳UI設(shè)計(jì)公司,網(wǎng)頁切圖,企業(yè)網(wǎng)站制作,營銷型網(wǎng)站建設(shè),專業(yè)做網(wǎng)站,響應(yīng)式網(wǎng)站建設(shè),深圳網(wǎng)站制作,深圳網(wǎng)站開發(fā),深圳建網(wǎng)站公司
填寫您的項(xiàng)目需求:
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。