當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

版式設(shè)計中一圖多用的處理技巧(PDF下載)

2018-01-16 1277 0
美國著名平面設(shè)計師JohnMcWade為你全面地講解了平面設(shè)計的基本知識,分享了實用的設(shè)計方法和技巧,并且詳細地解讀了許多完整的設(shè)計案例——包括宣傳冊、新聞簡報、網(wǎng)頁、幻燈片等:你可以將書中的技巧運用到平面、網(wǎng)頁等不同的設(shè)計項目中,提升自己的平面設(shè)計能力,做出優(yōu)雅、實用和不凡的版面。
John WcWade是個天才,確切地說,他是一個可化繁為簡、化難為易、化晦澀為通透的設(shè)計大師。他的作品對我影響巨大。我想,他也同樣會給您一些啟發(fā)。
節(jié)選自《超越平凡的平面設(shè)計:版式設(shè)計原理與應(yīng)用》 通過《超越平凡的平面設(shè)計:版式設(shè)計原理與應(yīng)用》你可以學(xué)會:
  • 如何根據(jù)功能和意義裁剪圖片
  • 吸引讀者目光的諸多技巧
  • 平面設(shè)計中的基本原理
  • 運用色輪來搭配悅目的色彩
  • 為版面挑選最適合的字體
  • 亞馬遜購買:《超越平凡的平面設(shè)計:版式設(shè)計原理與應(yīng)用》
  • PDF版下載
CgQCtVItIyqABh77AAC7eytlGos42100_380<em></em>x380 在版面設(shè)計過程中,你可能會有很多地方都需要用到圖片,也許你花費比設(shè)計創(chuàng)作需要的多得多的時間來尋找圖片,有沒有簡單的方法呢?在下面,我們用兩個實例來說明如何解決這個問題,我們只用一張圖片,通過分割剪切,就可以將這張圖片用在不同的地方,出來的效果同樣非常漂亮。一張圖片解決一個版面甚至多個版面,其實也是足夠的!要將你買回來的圖片物盡其用,通過有創(chuàng)意的做法從原圖中得到幾個小圖,來配合你的版面設(shè)計。 版式設(shè)計中一圖多用的處理技巧 這是我們要利用的原圖 版式設(shè)計中一圖多用的處理技巧 在版面設(shè)計中,就變成這樣。 你有注意到其實在大圖中隱藏著一些小圖片嗎?所以我們可以大膽嘗試,將一張照片剪切成多張小照片。而且,由于這些小圖片都是來自同一張大圖片,所以它們的色調(diào)及圖案都顯得非常統(tǒng)一,這使你的設(shè)計輕而易舉就可以獲得協(xié)調(diào)的效果。
其中的關(guān)鍵就是你要選擇好到底要哪部分。我們可以想象一下我們是在跟別人講一個故事。一張從大圖片出來的小圖片其實有著一種全新的意義,這個過程本身就很有趣。將圖中各個不同的部分分離,然后看一下我們到底有什么信息可以傳達給別人。
版式設(shè)計中一圖多用的處理技巧 當(dāng)我們一眼望去這張海灘的圖片時,我們是將它看成一個整體的,或多或少會對其中的細節(jié)置若罔聞。但如果我們將各部分分離,我們會發(fā)覺,其實每一部分都隱藏著一個”故事”,都有著各自的重點。
如上圖右下角小圖中,我們就會想,海岸線到底有多長?這張圖片雖然顯得有點小,但因為它里面包括了陸地與大海,所以這張圖片可以使它與另外兩張我們截取的圖片形成統(tǒng)一。
版式設(shè)計中一圖多用的處理技巧
一幅人間天堂式的風(fēng)景,它是駛離陸地還是準(zhǔn)備靠岸?如果我們沒有看原圖,我們無從判斷。
版式設(shè)計中一圖多用的處理技巧 舊的總比新的更有性格。我們選擇這艘破舊的小船,讓你不禁在想,這艘小船見證了多少的風(fēng)雨?當(dāng)我們從大圖中截取讓它變成一幅單獨的圖片時,這艘小船顯得孤伶伶的,它以前的主人是誰?它現(xiàn)在為什么會停在這里?旁邊的那些腳印又是誰留下的? 版式設(shè)計中一圖多用的處理技巧 我們只截取小船的船頭部分,這部分只占原來的大圖很小的位置,還不到十分之一。但我們卻將它作為版面的大圖,這樣,它給人的尺寸感覺就完全改變了,現(xiàn)在,它成為了一個有趣的視覺焦點。上圖中,三張圖片的尺寸都不一樣,右邊的特別大,左下的圖片特別小,這種不同尺寸的圖片可以讓我們的整個版面產(chǎn)生層次感。而讀者的眼睛就會從右的到左(上圖下的線條表示了讀者在觀看時的視覺線路)。 采用上面的這種方法,我們還可以創(chuàng)造出另外一種完全不同視覺效果的設(shè)計。
版式設(shè)計中一圖多用的處理技巧
下面這個網(wǎng)頁上的所有圖片其實都是來自于上面這張椅子的照片。
版式設(shè)計中一圖多用的處理技巧 如果你仔細觀察一下那張椅子的照片,你就會發(fā)現(xiàn)其實這張普通的椅子包含了各種各樣的線條、圖案、顏色、孤線及轉(zhuǎn)角位,它們充滿著對比(如淺色及深色,直角與圓角)。
版式設(shè)計中一圖多用的處理技巧 在整個版面中分為上下兩部分,它們各自所形成的視覺效果并不一樣。上面部分顯得開闊平靜,而下面部分則顯得飽滿充實。
版式設(shè)計中一圖多用的處理技巧 這個版面的上下兩部分的構(gòu)圖差別非常大。我們只利用一張圖片就可以使整個版面充滿視覺對比,包括不同的尺寸、材料、圖案、形狀及方向的對比。
版式設(shè)計中一圖多用的處理技巧 上面的開闊設(shè)計使到眼睛很容易就集中在那張椅子上。 版式設(shè)計中一圖多用的處理技巧 而下面顯得很充實的版面?zhèn)鬟_一種動感及豐富的層次感。在這部分中并不存在一個視覺焦點,因為所有的圖片都是在大小不一的矩形區(qū)域中,產(chǎn)生了不同的方向感。
我們將下部分其中幾張小圖片用顏色區(qū)域代替,并加上標(biāo)題來使設(shè)計顯得更具吸引力?,F(xiàn)在的關(guān)鍵問題是我們要選擇什么樣的顏色才能與整個版面配合。 版式設(shè)計中一圖多用的處理技巧 我們首先用吸管在椅子上取一種顏色,然后看一下這種顏色在色輪中是處在哪一個位置上。 版式設(shè)計中一圖多用的處理技巧 在這個例子中,椅子上的所有顏色幾乎都是曖色調(diào),為了使整個設(shè)計具有曖色調(diào)的感覺,我們可以采用一種相近色來作為搭配。兩種相近色具有同一種基色,具體在這個例子中,我們從上圖的色輪可以看出,棕色與草綠色都包含了黃色這種基色。這種擁有同一種基色的顏色總是能夠形成良好搭配效果。
版式設(shè)計中一圖多用的處理技巧 如果你不希望整個版面有太多的曖色,那我們可以采用補色(即在色輪中相對的顏色或相隔 180 度的顏色)搭配。 為了使版面能夠形成強烈對比,或希望整個版面充滿動感,我們可以采用補色搭配,因為互為補色的兩種顏色能夠形成高強度對比的視覺效果。但是,補色搭配會使到兩部分的區(qū)域在視覺上都一樣具有強烈的視覺效果,從而會互相削弱對方。 為了解決這個問題,我們將其中一種顏色變淺(在上圖中,我們是將藍色變淺),減少藍色的”氣勢”,這樣使到棕色區(qū)域仍然能夠突圍而出。
版式設(shè)計中一圖多用的處理技巧
21
評論區(qū)(0)
正在加載評論...