大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

2022-05-28    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)與你分享一下非常容易出效果的大場(chǎng)景漸變插圖技巧,下面會(huì)用一張圖來(lái)展示業(yè)務(wù)場(chǎng)景,這張圖包含了主要的橫向行業(yè),分別是進(jìn)口、服裝、新零售、非消,運(yùn)輸場(chǎng)景,總長(zhǎng)4000像素*500像素。

漸變?cè)O(shè)計(jì)步驟:

構(gòu)圖設(shè)定

配色選擇

細(xì)節(jié)刻畫

構(gòu)圖設(shè)定

當(dāng)我們面臨構(gòu)圖時(shí),可以從兩個(gè)維度把頁(yè)面進(jìn)行拆分,意識(shí)從畫面節(jié)奏來(lái)繪制草稿,畫面主要是建筑為主,高低起伏的節(jié)奏感要把握好,這樣畫面才有韻律感,畫面更具生動(dòng),先要確定畫面左右兩邊建筑為視覺(jué)高點(diǎn),中間位置為視覺(jué)低點(diǎn),中心點(diǎn)的旁邊在安排一個(gè)視覺(jué)高點(diǎn),讓視覺(jué)中心放在畫面的中心位置,畫面的空余部分就按照高低高的節(jié)奏來(lái)安排(高點(diǎn)不能超過(guò)兩側(cè)的高點(diǎn),低點(diǎn)圍繞中心位置的低點(diǎn)展開(kāi))。畫面是一個(gè)長(zhǎng)方形,需要通過(guò)建筑物的高低起伏,將畫面合理的分割,產(chǎn)生視覺(jué)的舒適度。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

確定好頁(yè)面節(jié)奏感,二是從空間角度分析,將畫面分為前景、中景、背景。前景主要是核心內(nèi)容的展示,要直接的表達(dá)主題,傳遞核心思想、中景主要是裝飾,可以采用一些圖形元素豐富前景和渲染氣氛,背景層采用大塊的幾何圖形去點(diǎn)綴,提升畫面的整體性,將前景、中景的元素貫穿起來(lái),讓畫面豐富但不會(huì)雜亂。.頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

配色選擇

接下來(lái)就是確定頁(yè)面中的顏色,你會(huì)想問(wèn)為何上面會(huì)制作成黑白灰色,這是確定顏色的比重,光影的關(guān)系會(huì)讓扁平風(fēng)也有空間關(guān)系,同時(shí)提高效率。

我們要依據(jù)主題來(lái)確定色調(diào),此次主要是體現(xiàn)春夏季節(jié)的,所以用色上采用紅色和黃色為主,為了保證畫面顏色不會(huì)過(guò)暖,需要增加一些冷色去平衡畫面的冷暖關(guān)系,輔助冷色系選為藍(lán)、紫色,藍(lán)紫色和黃紅色是互補(bǔ)色,組合在一起會(huì)讓畫面和諧,如果添加綠色,把控不好就需要反復(fù)的調(diào)整(這也是配色節(jié)省時(shí)間的小竅門,不要緊急任務(wù)中去嘗試自己不能百分百把控的設(shè)計(jì)),輔助背景色需要采用和主色系相同色系的顏色,但是色彩的飽和度不要超過(guò)主體顏色,顏色采用粉色系為主,從桃紅漸變到淡粉色。確定好顏色后,根據(jù)黑白稿的明暗關(guān)系、空間前后關(guān)系層添加的顏色就好。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

這里還要強(qiáng)調(diào)幾個(gè)配色容易出現(xiàn)的幾個(gè)誤區(qū),漸變色不是從一個(gè)顏色的亮色漸變到暗色,不是亮部不斷的增加白色、暗部不斷的加深,這樣的漸變色會(huì)變的很臟。而是從一個(gè)顏色漸變到臨近的色系,這樣可以讓畫面,看上去視覺(jué)沖擊力更強(qiáng)更舒適。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

在選取顏色的時(shí)候不要去選擇拾色器暗色和亮白色部分,而是選取飽和度高的色彩范圍,主要是選取下圖藍(lán)色圈區(qū)域的顏色。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

細(xì)節(jié)刻畫

在空間構(gòu)圖、顏色填充進(jìn)行完之后,再進(jìn)行細(xì)節(jié)刻畫、陰影的調(diào)整,細(xì)節(jié)刻畫為了讓畫面更加的豐富和細(xì)致,刻畫也是有技巧,在物體的亮面增加一個(gè)飽和度、明度更高的色塊,暗部添加反光色塊,會(huì)讓物體更加的有質(zhì)感,可以看一下添加和沒(méi)有添加的對(duì)比圖。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

在物體上面增加一些機(jī)理或者小的裝飾,可以打破基本形體的呆板、豐富畫面。

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

調(diào)整完細(xì)節(jié),整幅畫面就繪制完了。

場(chǎng)景頁(yè)面設(shè)計(jì)運(yùn)用欣賞

上海網(wǎng)站制作平面漸變插圖

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

立體漸變插圖

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

BANNER

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

ICON

頁(yè)面設(shè)計(jì)漸變插圖技巧,頁(yè)面設(shè)計(jì)漸變插圖方法,大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧

可以根據(jù)這個(gè)步驟舉一反三的進(jìn)行繪制,不管是扁平漸變插畫還是立體的漸變插畫,都可以高效高質(zhì)的處理好。

分享名稱:大場(chǎng)景頁(yè)面設(shè)計(jì)漸變插圖技巧
鏈接分享:http://muchs.cn/news/160042.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)微信小程序ChatGPT、微信公眾號(hào)

廣告

聲明:本網(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)

綿陽(yáng)服務(wù)器托管