設(shè)計(jì)中一圖多用的技巧

在版面設(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í)也是足夠的！要將你買回來(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ì)。

下面這個(gè)網(wǎng)頁(yè)上的所有圖片其實(shí)都是來(lái)自于上面這張椅子的照片。

如果你仔細(xì)觀察一下那張椅子的照片，你就會(huì)發(fā)現(xiàn)其實(shí)這張普通的椅子包含了各種各樣的線條、圖案、顏色、孤線及轉(zhuǎn)角位，它們充滿著對(duì)比（如淺色及深色，直角與圓角）。

在整個(gè)版面中分為上下兩部分，它們各自所形成的視覺(jué)效果并不一樣。上面部分顯得開(kāi)闊平靜，而下面部分則顯得飽滿充實(shí)。

這個(gè)版面的上下兩部分的構(gòu)圖差別非常大。我們只利用一張圖片就可以使整個(gè)版面充滿視覺(jué)對(duì)比，包括不同的尺寸、材料、圖案、形狀及方向的對(duì)比。

上面的開(kāi)闊設(shè)計(jì)使到眼睛很容易就集中在那張椅子上。

而下面顯得很充實(shí)的版面?zhèn)鬟_(dá)一種動(dòng)感及豐富的層次感。在這部分中并不存在一個(gè)視覺(jué)焦點(diǎn)，因?yàn)樗械膱D片都是在大小不一的矩形區(qū)域中，產(chǎn)生了不同的方向感。

我們將下部分其中幾張小圖片用顏色區(qū)域代替，并加上標(biāo)題來(lái)使設(shè)計(jì)顯得更具吸引力?，F(xiàn)在的關(guān)鍵問(wèn)題是我們要選擇什么樣的顏色才能與整個(gè)版面配合。

我們首先用吸管在椅子上取一種顏色，然后看一下這種顏色在色輪中是處在哪一個(gè)位置上。

在這個(gè)例子中，椅子上的所有顏色幾乎都是曖色調(diào)，為了使整個(gè)設(shè)計(jì)具有曖色調(diào)的感覺(jué)，我們可以采用一種相近色來(lái)作為搭配。兩種相近色具有同一種基色，具體在這個(gè)例子中，我們從上圖的色輪可以看出，棕色與草綠色都包含了黃色這種基色。這種擁有同一種基色的顏色總是能夠形成良好搭配效果。

如果你不希望整個(gè)版面有太多的曖色，那我們可以采用補(bǔ)色（即在色輪中相對(duì)的顏色或相隔 180 度的顏色）搭配。

為了使版面能夠形成強(qiáng)烈對(duì)比，或希望整個(gè)版面充滿動(dòng)感，我們可以采用補(bǔ)色搭配，因?yàn)榛檠a(bǔ)色的兩種顏色能夠形成高強(qiáng)度對(duì)比的視覺(jué)效果。但是，補(bǔ)色搭配會(huì)使到兩部分的區(qū)域在視覺(jué)上都一樣具有強(qiáng)烈的視覺(jué)效果，從而會(huì)互相削弱對(duì)方。為了解決這個(gè)問(wèn)題，我們將其中一種顏色變淺（在上圖中，我們是將藍(lán)色變淺），減少藍(lán)色的“氣勢(shì)”，這樣使到棕色區(qū)域仍然能夠突圍而出。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：設(shè)計(jì)中一圖多用的技巧
URL分享：http://muchs.cn/news0/325050.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、移動(dòng)網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站制作、ChatGPT、網(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)