400-611-9921
2016-10-04
2562
網(wǎng)頁(yè)設(shè)計(jì)中的所需要的配圖素材有一個(gè)非常重要的來(lái)源——攝影。攝影配圖是我們最常見(jiàn),也最為簡(jiǎn)單的配圖方式。網(wǎng)頁(yè)設(shè)計(jì)師大概都會(huì)有這樣的體會(huì),如果攝影作品足夠優(yōu)雅,設(shè)計(jì)師的工作相對(duì)就更輕松無(wú)礙。當(dāng)然,優(yōu)秀的攝影作品是可遇而不可求的,很多時(shí)候,我們能拿到手的資料也許就是一張平凡無(wú)奇的攝影圖,這對(duì)于設(shè)計(jì)師而言無(wú)疑也是一種挑戰(zhàn)。
幾個(gè)攝影為王的例子
下面這兩個(gè)網(wǎng)站的首頁(yè)設(shè)計(jì)都用一張全屏的攝影大圖展示,優(yōu)秀的攝影作品讓網(wǎng)站本身的形象立起來(lái)了。
如果是以時(shí)尚服飾、餐廳等內(nèi)容的網(wǎng)站,本身就需要展示其產(chǎn)品本身的魅力,因此攝影圖本身就極為重要。因?yàn)榉椀拿栏小⒚朗车恼T惑……本身就足以打動(dòng)觀眾了。但是,怎樣攝影擺拍依然需要精心設(shè)計(jì)。
下面這一組展示鞋子的攝影本身就充滿了設(shè)計(jì)感,這樣就比單純?nèi)フ故拘有Ч?。如果有這樣的攝影作品資源,網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)效果必定不會(huì)太差。
就算是服飾展示,也可以運(yùn)用模特美感,選用恰當(dāng)?shù)牟季霸O(shè)計(jì)。以體現(xiàn)產(chǎn)品本身的個(gè)性特點(diǎn)。這需要攝影作品里的一種獨(dú)道的敘事能力。下圖這一張攝影作品里流露出復(fù)古的華麗風(fēng)尚。
現(xiàn)在可以明白了,為網(wǎng)站配圖,選用攝影的方法并非想象中簡(jiǎn)單,需要攝影師的共同配合。最好是設(shè)計(jì)師本身也是一個(gè)攝影師,而理想的狀態(tài)還有相應(yīng)的布景設(shè)計(jì)以及模特道具一應(yīng)俱全,對(duì)于展示一個(gè)高品質(zhì)的品牌宣傳力度絕不會(huì)令人失望。
需要注意的就是,網(wǎng)頁(yè)中可以出現(xiàn)的人物模特雖然并沒(méi)有嚴(yán)格限制,但你也應(yīng)該將其控制在同一風(fēng)格上,不要讓他們看上去像來(lái)自兩個(gè)星球。
配圖的加工秘方
當(dāng)然,如果沒(méi)有優(yōu)秀的攝影資源,網(wǎng)頁(yè)設(shè)計(jì)也并非就無(wú)法展開(kāi)。我們會(huì)遇到的攝影作品的問(wèn)題多少會(huì)主要有下面幾個(gè)方面。
圖片像素不夠大,在需要大尺寸展示時(shí)像素顯得模糊
題材不夠新穎,一張照片里沒(méi)有明顯的焦點(diǎn)
相片本身的質(zhì)量不夠高,有原本色調(diào)、曝光等一系列問(wèn)題
這些問(wèn)題是客觀存在的,如果我們沒(méi)辦法在攝影上用力,那么我們就應(yīng)該著眼在后期對(duì)相片的改變和修飾。比如我曾經(jīng)寫(xiě)過(guò)的一篇文章《網(wǎng)頁(yè)配圖之道:首圖的設(shè)計(jì)技巧》,其中就講到了八種后期對(duì)首圖的處理所引發(fā)的視覺(jué)新鮮感。
除了后期的潤(rùn)色,我們還可以聊聊剪裁這個(gè)話題。
這主要是針對(duì)照片本身毫無(wú)新意所開(kāi)發(fā)的創(chuàng)意。剪裁本身作為一種后期的手段,在運(yùn)用時(shí),甚至更要跳出原有剪裁的修飾含義,而是以突出焦點(diǎn)制造情景為主。也許你聽(tīng)過(guò)這樣的說(shuō)法,一部好電影不止需要好導(dǎo)演、好演員、好編劇,必不可少也需要一個(gè)好剪輯,在電影行業(yè)中的剪輯這個(gè)角色就類似于我們裁剪工作,只有剪輯師把影片銜接成緊湊而有趣的情節(jié),我們才能看到好電影。同樣道理,將素材進(jìn)行一定的剪裁是必不可少的,甚至我們不單是為了解決素材本身的問(wèn)題,而是無(wú)法跳過(guò)的環(huán)節(jié)。
發(fā)現(xiàn)之旅
格式塔完型強(qiáng)調(diào)一個(gè)造型并非一定要完整呈現(xiàn)于你的眼前,通過(guò)經(jīng)驗(yàn),你也能腦補(bǔ)那些空白的部分。這在剪裁時(shí)運(yùn)用就格外得心應(yīng)手,因?yàn)椴玫粢粋€(gè)模特一半的臉,我們并不會(huì)覺(jué)得這是一個(gè)一半人頭的模特,相反,我們會(huì)開(kāi)大想象的馬力,相信看不見(jiàn)的另一半繼續(xù)延展于屏幕之外。
下圖照片只展示一半并不會(huì)影響我們對(duì)原始照片的判斷,照片的焦點(diǎn)從原來(lái)的女孩的面容轉(zhuǎn)移到了旁邊的落葉上,反而更突出了“秋天”的主題。
對(duì),其實(shí)我們的重點(diǎn)并不在延續(xù)想象,而是在于焦點(diǎn)的轉(zhuǎn)移。通過(guò)裁剪我們焦距了許多也許我們第一印象里并沒(méi)有注意的有趣的細(xì)節(jié),因此,與其將此法叫做完形想象,不如叫做發(fā)現(xiàn)之旅。
下面是同一張照片的兩種不同的剪裁,凸顯出了不同的焦點(diǎn),第一張的焦點(diǎn)是玫瑰花,第二張的焦點(diǎn)就轉(zhuǎn)移成為了酒杯上的草莓,第一張稍濃艷,第二張稍清新。
根據(jù)這樣的原則,當(dāng)你的照片的全貌并不是十分重要的時(shí)候,比如有家居網(wǎng)站想要展示整個(gè)家居的室內(nèi)設(shè)計(jì),這時(shí),也許你不應(yīng)該裁剪圖片,因?yàn)檫@時(shí)的圖片內(nèi)容是作為一個(gè)產(chǎn)品圖片進(jìn)行展示的。除此而外,當(dāng)圖片僅僅是傳遞一種品牌氛圍時(shí),然而圖片本身又不足以吸引人時(shí),可以采用這個(gè)方式。
后期拼接
有的剪裁是針對(duì)圖片尺寸的,也有針對(duì)圖片中某個(gè)特定的對(duì)象的剪裁,也就是俗稱的“摳圖”,摳圖的要點(diǎn)就是讓目標(biāo)物與背景分離,從而讓新的目標(biāo)物重?fù)Q表達(dá)的方式。這樣的技巧在大型展示圖片類型中使用頗多。我說(shuō)過(guò),首圖是非常重要的視覺(jué)焦點(diǎn),如果你的素材本身并不夠吸引,恐怕就需要精加工,后期創(chuàng)造焦點(diǎn)。
下圖頁(yè)面所摳選的對(duì)象直接作為焦點(diǎn),去掉了原始的背景,放置于新的背景也和焦點(diǎn)對(duì)象保持同色系,單一色系帶來(lái)的統(tǒng)一感很容易感染人。
這些合成圖片的頁(yè)面來(lái)自饒有意趣的場(chǎng)景設(shè)計(jì),對(duì)每個(gè)所甄選的場(chǎng)景對(duì)象都進(jìn)行了設(shè)計(jì)和組合。
摳圖需要注意的法則,除了精細(xì)化處理以外,還需要強(qiáng)調(diào)一點(diǎn)就是被拼湊在一起的對(duì)象色調(diào)的一致性,調(diào)和色調(diào)必不可少。更有移花接木的方式,讓焦點(diǎn)顯得更有趣,這需要巧妙的圖片合成。
下圖的頁(yè)面是一個(gè)雙重影像的合成方式,利用人和景的巧妙重合,彼此都保留一定的透明度,雙雙可見(jiàn),共同演繹一種都市白領(lǐng)的氣質(zhì)。這在我的文章中《打造夢(mèng)幻般重影效果圖》有詳細(xì)講解制作方法。
將圖片裁剪成更有趣的造型加以幾何拼接,就像在原始圖片上方使用了一個(gè)蒙板
這需要在原有剪裁的基礎(chǔ)上,更添上自己的小心意,這可以提高網(wǎng)站的設(shè)計(jì)感,但需要注意的是,移花接木的方式最易引發(fā)注意,因此它勢(shì)必作為焦點(diǎn),單一展示之外注意不要再設(shè)計(jì)過(guò)度。
后記
配圖的大招不僅僅是攝影,我想還有手繪。越來(lái)越有這樣的趨勢(shì):攝影日漸式微,網(wǎng)頁(yè)開(kāi)啟了插畫(huà)時(shí)代。
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:廣州網(wǎng)站建設(shè),廣州網(wǎng)頁(yè)設(shè)計(jì),廣州網(wǎng)站設(shè)計(jì),廣州響應(yīng)式網(wǎng)站
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)