網(wǎng)頁(yè)設(shè)計(jì)中圖片的使用基本原則

設(shè)計(jì)師都知道，行業(yè)的核心追求便是打造優(yōu)秀的視覺(jué)效果。實(shí)際上，之所以能夠成為設(shè)計(jì)師，是因?yàn)槲覀兙邆湟环N技藝，能夠滿足用戶的視覺(jué)感受和視覺(jué)需求。 我們可以聽(tīng)、讀、想，我們可以想象出概念、物體以及人;但是這些感受都很抽象，只有實(shí)實(shí)在在地看到，印象才能定型。

你遇到過(guò)從來(lái)沒(méi)見(jiàn)過(guò)雪的人嗎?可能你也從來(lái)沒(méi)見(jiàn)過(guò)雪花飄灑在天空的景象。所以這些人無(wú)法理解，到底什么是雪?他們可能會(huì)知道原理是因?yàn)楹涠Y(jié)了空氣中的水分，落下便形成了雪，可是他們無(wú)法真正明白，到底何為雪。我也遇到過(guò)一些第一次見(jiàn)到下雪的人;我見(jiàn)證了他們的異常驚奇的表情，他們對(duì)這種第一次看到的、從天空中飄落下來(lái)的白色物體著了迷。可能會(huì)有見(jiàn)過(guò)雪的人對(duì)未曾見(jiàn)過(guò)雪的人進(jìn)行描述，可沒(méi)有見(jiàn)過(guò)雪的人不相信前者的描述。他們會(huì)覺(jué)得前者在耍他們。所見(jiàn)即所得。

視覺(jué)元素，諸如照片和視頻，會(huì)讓我們感到最親切，因?yàn)樗鼈兒臀覀兊纳钭顬榻咏?，我們感同身受。?dāng)你為網(wǎng)站配圖的時(shí)候，你添加的并不是一堆美麗的像素塊。實(shí)際上，每一幅圖片，都可以看做現(xiàn)實(shí)生活的縮影，而用戶喜歡這種熟悉感，所以能夠營(yíng)造良好的用戶體驗(yàn)。

需要我為你們指點(diǎn)一下其中的技巧嗎?開始吧

巧妙用圖也算是一種設(shè)計(jì)

即便是內(nèi)容主導(dǎo)的網(wǎng)站，也需要圖像作為潤(rùn)色，每次設(shè)計(jì)這種網(wǎng)站，我都需要尋覓一些優(yōu)秀的照片或者插畫。這種圖像搜尋對(duì)我來(lái)說(shuō)至關(guān)重要，因?yàn)槲也粫?huì)畫畫，如果你會(huì)畫畫，或者你的團(tuán)隊(duì)中有有天賦的繪畫能手，那你真的太幸運(yùn)了!我都有點(diǎn)嫉妒你的好運(yùn)。

良好的照片運(yùn)用能夠成就優(yōu)秀的設(shè)計(jì)。人都是視覺(jué)動(dòng)物，在瀏覽網(wǎng)頁(yè)時(shí)，對(duì)于圖像有一種渴望，因此添加圖片非常重要。而且，一定要是合適的、相關(guān)的圖片。

對(duì)比

可用性至上!因此你的圖像必須與整體相協(xié)調(diào)，并且與文字產(chǎn)生對(duì)比。干讀文字非常讓人厭煩。想象一下，一面小黑板，密密麻麻幾千個(gè)字，白板黑字，讀吧!這里有你要的全部。

要想產(chǎn)生鮮明的上下對(duì)比，就要學(xué)會(huì)觀察;圖片比較亮，那么文字可以使用較深的顏色，反之亦然。如果想要使用白色字體和亮色背景，那么最好使用一些黑色元素作為過(guò)渡。比如，精美的投影技法就很不錯(cuò)。 質(zhì)量

比方說(shuō)你要為一家餐館設(shè)計(jì)網(wǎng)頁(yè)。在設(shè)計(jì)中想要用什么樣的圖?好吧，現(xiàn)在你決定開始抓起想起，去這家餐館攝影了。你拍第一張照片的時(shí)候，站在餐館門口，離桌子上的美食非常遙遠(yuǎn)，照片根本無(wú)法體現(xiàn)美食的細(xì)節(jié);你拍第二張的時(shí)候，手突然抖了起來(lái)，導(dǎo)致拍攝的照片十分模糊。你覺(jué)得這種照片能放在網(wǎng)站上嗎?

如果你的客戶不提供專業(yè)的攝影作品，那么趕快去勸勸他們，趕緊拍攝點(diǎn)高清無(wú)碼大圖吧。

如果客戶很頑固，說(shuō)”就不!”，那趕緊換個(gè)思路，建議采用字體設(shè)計(jì)、布局新穎、極簡(jiǎn)主義等風(fēng)格，打造處一種極簡(jiǎn)風(fēng)，然后不帶圖像。寧缺毋濫。寧肯一張圖也不配!也不能配上一堆20k的圖!

關(guān)聯(lián)性

一圖勝千言，但是有時(shí)候文字為主，那么配上的圖就一定要與文字相關(guān)。這是常識(shí)，保持元素一致性。還是上面那個(gè)例子，人家讓你設(shè)計(jì)個(gè)餐館網(wǎng)頁(yè)，你給配上了股票走勢(shì)圖，可以隨便感受一下甲方收到作品后的臉色。

如果網(wǎng)頁(yè)中的內(nèi)容比較靈活，比如說(shuō)賣保險(xiǎn)的，那么配圖可以符號(hào)化一點(diǎn)，但是還是要和產(chǎn)品/服務(wù)相關(guān)。而且符號(hào)象征意義一定要強(qiáng)，這樣就很便于辨認(rèn)。而且要注意的是，不同國(guó)家、不同文化的符號(hào)象征不同。

大圖受歡迎

這條原則再明顯不過(guò)了，圖像越大，視覺(jué)沖擊也越大。

有人不相信，比如Econsultancy的人，他們就非要來(lái)個(gè)數(shù)據(jù)調(diào)查，他們做了三份研究，有興趣的可以看一下 here. 圖像也是內(nèi)容的一種

圖像不但利于設(shè)計(jì)，還是非常棒的內(nèi)容，當(dāng)圖像和文字、音頻相結(jié)合時(shí)，能夠產(chǎn)生下列作用：

攫取注意力

當(dāng)文章和頁(yè)面中有吸引眼球的圖像時(shí)，愛(ài)屋及烏，用戶會(huì)對(duì)內(nèi)容高度敏感。當(dāng)用戶在網(wǎng)上面臨大段大段的文本時(shí)，人類的大腦便傾向于”略過(guò)這片內(nèi)容”吧，很少有人會(huì)保持注意力，繼續(xù)閱讀細(xì)節(jié)。

圖像能夠打破視覺(jué)的單調(diào)性，幫助用戶聚集注意于文章、鏈接、故事。簡(jiǎn)而言之，圖像讓用戶集中注意力。 更好的理解上下文

好的圖像，相當(dāng)于一種”過(guò)渡句”，能夠很好的引導(dǎo)下文。

而且選圖一定要謹(jǐn)慎，圖像能夠激發(fā)用戶的一種情緒，一定要確保這種情緒和內(nèi)容屬于同一個(gè)”點(diǎn)”，要做到到位。

其他注意事項(xiàng)

許可問(wèn)題

如果圖像不屬于你也不屬于用戶，那么一定要獲得許可。最好是書面的許可，而且一定要注明攝像者。

因此在設(shè)計(jì)前，一定要預(yù)先要到許可。不過(guò)還有一種辦法，那就是圖庫(kù)搜刮一些素材

圖庫(kù)：免費(fèi)好還是付費(fèi)的好?

無(wú)論是收費(fèi)還是免費(fèi)，圖庫(kù)的好處在于，你不用關(guān)心這圖是誰(shuí)的，不用關(guān)心許可問(wèn)題。不過(guò)在為網(wǎng)頁(yè)配圖時(shí)，一般都會(huì)使用一些付費(fèi)的圖片。

免費(fèi)圖庫(kù)的好處：

不花錢

可選擇的非常多

免費(fèi)圖庫(kù)的弊端：

垃圾圖片也多

某些專門的圖片不好找

有些圖片中有水印和鏈接

推薦幾個(gè)吧： stock.xchng, StockVault，DeviantArt.

付費(fèi)圖庫(kù)的優(yōu)點(diǎn)：

許可問(wèn)題白紙黑字，沒(méi)有版權(quán)糾紛

分門別類，種類齊全。

付費(fèi)圖庫(kù)的弊端：

沒(méi)錢還是別想了。而且容易上癮，買完一堆，發(fā)現(xiàn)超支了

推薦幾個(gè)： Shutterstock, iStockphoto ， Dreamstime.

人物攝影

好處是有一種真實(shí)感。

如果在產(chǎn)品或服務(wù)中采用真人圖片，展示他們工作時(shí)的場(chǎng)景。會(huì)讓人有一種真實(shí)可信感。

可如果你選的模特作態(tài)扭捏，露出假惺惺的白牙，會(huì)讓用戶感到這是個(gè)牙醫(yī)廣告，太假了。因此，一定要貼近產(chǎn)品。

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

本文題目：網(wǎng)頁(yè)設(shè)計(jì)中圖片的使用基本原則
網(wǎng)頁(yè)URL：http://muchs.cn/news36/321986.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、云服務(wù)器、網(wǎng)站營(yíng)銷、動(dòng)態(tài)網(wǎng)站、商城網(wǎng)站、自適應(yīng)網(wǎng)站

廣告

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