圖多用的使用技巧

2024-02-26    分類(lèi): 網(wǎng)站建設(shè)

在版面設(shè)計(jì)過(guò)程中,你可能會(huì)有很多地方都需要用到圖片,也許你花費(fèi)比設(shè)計(jì)創(chuàng)作需要的多得多的時(shí)間來(lái)尋找圖片,有沒(méi)有簡(jiǎn)單的方法呢?在下面,我們用兩個(gè)實(shí)例來(lái)說(shuō)明如何解決這個(gè)問(wèn)題,我們只用一張圖片,通過(guò)分割剪切,就可以將這張圖片用在不同的地方,出來(lái)的效果同樣非常漂亮。一張圖片解決一個(gè)版面甚至多個(gè)版面,其實(shí)也是足夠的!要將你買(mǎi)回來(lái)的圖片物盡其用,通過(guò)有創(chuàng)意的做法從原圖中得到幾個(gè)小圖,來(lái)配合你的版面設(shè)計(jì)。

這是我們要利用的原圖

在版面設(shè)計(jì)中,就變成這樣

你有注意到其實(shí)在大圖中隱藏著一些小圖片嗎?所以我們可以大膽嘗試,將一張照片剪切成多張小照片。而且,由于這些小圖片都是來(lái)自同一張大圖片,所以它們的色調(diào)及圖案都顯得非常統(tǒng)一,這使你的設(shè)計(jì)輕而易舉就可以獲得協(xié)調(diào)的效果。

其中的關(guān)鍵就是你要選擇好到底要哪部分。我們可以想象一下我們是在跟別人講一個(gè)故事。一張從大圖片出來(lái)的小圖片其實(shí)有著一種全新的意義,這個(gè)過(guò)程本身就很有趣。將圖中各個(gè)不同的部分分離,然后看一下我們到底有什么信息可以傳達(dá)給別人。

當(dāng)我們一眼望去這張海灘的圖片時(shí),我們是將它看成一個(gè)整體的,或多或少會(huì)對(duì)其中的細(xì)節(jié)置若罔聞。但如果我們將各部分分離,我們會(huì)發(fā)覺(jué),其實(shí)每一部分都隱藏著一個(gè)“故事”,都有著各自的重點(diǎn)。

如上圖右下角小圖中,我們就會(huì)想,海岸線到底有多長(zhǎng)?這張圖片雖然顯得有點(diǎn)小,但因?yàn)樗锩姘岁懙嘏c大海,所以這張圖片可以使它與另外兩張我們截取的圖片形成統(tǒng)一。

一幅人間天堂式的風(fēng)景,它是駛離陸地還是準(zhǔn)備靠岸?如果我們沒(méi)有看原圖,我們無(wú)從判斷。

舊的總比新的更有性格。我們選擇這艘破舊的小船,讓你不禁在想,這艘小船見(jiàn)證了多少的風(fēng)雨?當(dāng)我們從大圖中截取讓它變成一幅單獨(dú)的圖片時(shí),這艘小船顯得孤伶伶的,它以前的主人是誰(shuí)?它現(xiàn)在為什么會(huì)停在這里?旁邊的那些腳印又是誰(shuí)留下的?

我們只截取小船的船頭部分,這部分只占原來(lái)的大圖很小的位置,還不到十分之一。但我們卻將它作為版面的大圖,這樣,它給人的尺寸感覺(jué)就完全改變了,現(xiàn)在,它成為了一個(gè)有趣的視覺(jué)焦點(diǎn)。上圖中,三張圖片的尺寸都不一樣,右邊的特別大,左下的圖片特別小,這種不同尺寸的圖片可以讓我們的整個(gè)版面產(chǎn)生層次感。而讀者的眼睛就會(huì)從右的到左(上圖下的線條表示了讀者在觀看時(shí)的視覺(jué)線路)。

采用上面的這種方法,我們還可以創(chuàng)造出另外一種完全不同視覺(jué)效果的設(shè)計(jì)。

文章題目:圖多用的使用技巧
URL鏈接:http://www.muchs.cn/news13/318963.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、標(biāo)簽優(yōu)化定制開(kāi)發(fā)、搜索引擎優(yōu)化面包屑導(dǎo)航、手機(jī)網(wǎng)站建設(shè)

廣告

聲明:本網(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)銷(xiāo)型網(wǎng)站建設(shè)