在網站(zhàn)建設越來(lái)越新穎的(de)時(shí)代,有(yǒu)很(hěn)多(d$uō)優秀的(de)網站(zhàn)是(shì)用(yòng)全屏背景來(lái)突出網站(zhàn)特點,大(dà)圖在視(shì)覺上(shàng)更吸引人(ré↑n),但(dàn)是(shì)如(rú)果沒有(yǒu)适當的(de)排版反倒會(huì)影(yǐng)響用(yòng)戶的δ(de)體(tǐ)驗效果。
俗話(huà)說(shuō),一(yī)張圖片勝于千言萬語。人(rén)類是(shì)視(sh♠ì)覺性動物(wù),圖片能(néng)吸引人(rén)的(de)注意,是(shì)傳達信息的(de)重要(yào✘)方式。随著(zhe)互聯網和(hé)顯示設備的(de)發展,越來(lái)越多(duō)的(de)網站(zhàn)使用(yòng)引人(rén)注目的(de)大(dà)圖片方式來(♠lái)吸引用(yòng)戶的(de)注意力,同時(shí),對(duì)用(yòng)戶來(lái)說(shuō)也(yě)是±(shì)一(yī)種視(shì)覺體(tǐ)驗。通(tōng)常一(yī)張圖片無法傳遞全部的(de)信息,所以很(hěn)多(duō)網站(zhàn)便用(yòng)類似旋轉木(mù)馬的(d$e)方式輪播顯示多(duō)張圖片。
發自(zì)內(nèi)心的(de)認可(kě)
這(zhè)種方式的(de)基本原理(lǐ)就(jiù)是(shì)圖片相(xiàng)對(duì)于文(w§én)字有(yǒu)一(yī)種獨特的(de)能(néng)力,它可(kě)以激勵和(hé)吸引浏覽網站(zhàn)人(rén)的(de)目 光(guāng)。Don Norman在《Emotional Design》一(yī)書(shū)中對(duì)這(zhè)種現(xiàn)$象是(shì)這(zhè)樣子(zǐ)描述的(de):這(zhè)是(shì)人(rén)類的(de)本能(néng)反應,圖片更具有(yǒu)外(w₩ài)觀性。網站(zhàn)通(tōng)過顯示美(měi)觀的(de)圖片(如(rú)美(měi)麗(lì)的(de)風(fēng)景,時(shí)尚的(de)産品,以及魅力無限的(de)人(rén)物(wù))引起浏覽者內(nèi)心的(de)強烈反應。想要(yà o)得(de)到(dào)用(yòng)戶發自(zì)內(nèi)心的(de)認可(kě)不(bù)隻是(s≈hì)通(tōng)過良好(hǎo)的(de)用(yòng)戶體(tǐ)驗。網頁應該向用(yòng)戶傳達內(nèi)容(知(zhī)識)和(hé)功能(néng)性。
什(shén)麽時(shí)候采用(yòng)大(dà)圖片設計(jλì)合适呢(ne)?
網站(zhàn)建設首要(yào)問(wèn)題是(shì)此網站(zhàn)應該采用(yòng)哪種設計(jì)方式最佳,在大(dà)多(duō)數(shù)情況下(xià),你(nǐ)的(de)網頁有(yǒu)個(gè)目标和(hé)目标用(yòng)戶,具有(yǒu)吸引人(rén)們注意的(de)大(d☆à)圖片設計(jì)固然有(yǒu)價值,但(dàn)是(shì)有(yǒu)利也(yě)有(yǒu)弊,相(xiàng)對(duì)于文(wén)本信息就(jiù)更容易被'忽視(shì)。
蘋果的(de)主頁也(yě)是(shì)采用(yòng)大(dà)圖片為(wèi)焦點的(de)設計(jì)模式,一(yī)般都(dōu)是(shì)展示他(tā)們最新的(de)産品₩,并通(tōng)過強大(dà)的(de)導航欄給了(le)用(yòng)戶強烈的(de)視(shì)覺體(tǐ)驗并提供給用(yòng)戶購(gòu)買該産品的(de)渠道( dào)。當然,大(dà)圖片本身(shēn)也(yě)提供了(le)很(hěn)多(duō)有(yǒu)用(yòng)的(de)信息,能(néng)清晰的(de)向用(yònγg)戶展示新款手機(jī)的(de)相(xiàng)關尺寸。
采用(yòng)平衡圖片與其它元素的(de)方法
大(dà)多(duō)數(shù)網站(zhàn)會(huì)采用(yòng)相(xiàng)對(duì)平衡的(de)設計(jì)方法:選♣用(yòng)的(de)圖片能(néng)支持品牌,并且不(bù)掩蓋其它重要(yào)的(de)元素。例如( rú)StateFarm的(de)主頁采用(yòng)一(yī)張象征開(kāi)車(chē)的(de)大(dà)圖片,這(zhè)δ也(yě)是(shì)他(tā)們業(yè)務的(de)關鍵部分(fēn)。但(dàn)是(shì)圖片并沒有(yǒu)影(yǐng)響>其它元素的(de)呈現(xiàn),強大(dà)的(de)導航欄和(hé)其它基本的(de)元素其中包括登∏陸,報(bào)價和(hé)處理(lǐ)保險索賠等功能(néng)模塊依舊(jiù)能(néng)清晰地(dì)展現(xiàn)在用(yòng)戶眼前。
如(rú)何恰當地(dì)使用(yòng)大(dà)圖片設計(jì)呢(ne)?
遵循以下(xià)的(de)步驟,确保你(nǐ)正确地(dì)使用(yòng)平衡元素:
1. 先确定和(hé)優先考慮網站(zhàn)的(de)目标。用(yòng)戶目 标和(hé)商業(yè)目标(包括品牌目标)。頁面是(shì)否是(shì)通(tōng)過營銷手段來(lái)建設你(nǐ)的(de)網站(zhàn)?或者是(s"hì)否大(dà)部分(fēn)的(de)浏覽者已經熟悉你(nǐ)的(de)機(jī)構(或者是(shì)所屬的(de)行(xíng)業(yè))。并且确定現(xià™n)在是(shì)否需要(yào)一(yī)些(xiē)特殊的(de)信息和(hé)功能(néng)?
2. 确保你(nǐ)所設計(jì)的(de)每一(yī)個(gè)元素是(shì)否與網站(zhàn)的(de)建設₹相(xiàng)符合。圖片一(yī)般是(shì)起到(dào)裝飾和(hé)支撐品牌效應的(de)作(zuò)用(yòng)。導航欄≠和(hé)結構化(huà)搜索一(yī)般與特定的(de)用(yòng)戶項目有(yǒu)關。
3. 根據目标的(de)重要(yào)性分(fēn)配視(shì₽)覺的(de)輕重級。如(rú)果一(yī)個(gè)所設計(jì)的(de)元素是(shì)為(w∑èi)了(le)支撐一(yī)個(gè)高(gāo)優先級的(de)目标,那(nà)麽這(zhè)個(g∏è)元素在視(shì)覺設計(jì)上(shàng)應該更強烈一(yī)點。相(xiàng)反,設計(jì)二級目标相(xiàng)關的(de)元素↕盡可(kě)能(néng)地(dì)的(de)平和(hé)一(yī)點,減少(shǎo)強調作(zuò)用(yòng★),這(zhè)種設計(jì)通(tōng)常都(dōu)會(huì)被忽視(shì)。
4. 挑選的(de)圖片應該與品牌效應相(xiàng)結合。記住,你(nǐ)的(de)網站(zhàn)不(bù)僅僅是(shì↔)展示圖片,所選的(de)圖片應該能(néng)突出你(nǐ)網站(zhàn)建設的(de)特點。
5. 選擇引人(rén)注目的(de)圖片是(shì)為(wèi)了(le)起到(dào)吸引的(de)作(zu≥ò)用(yòng)。如(rú)果網站(zhàn)的(de)圖片與其它元素是(shì)同等重要(yào),你(nǐ)就(jiù)得(de)決定哪種類型的(de)圖片更适用(yòng),隻有↕(yǒu)這(zhè)樣你(nǐ)才能(néng)找到(dào)更有(yǒu)吸引力的(de)圖片。
6. 更新網站(zhàn)時(shí)要(yào)注重設計(jì)模式。對(duì)于許多(duō)設計(jì)項目而言,建設一(yī)個£(gè)看(kàn)起來(lái)更“現(xiàn)代化(huà)”的(de)網站(zhàn)是(shì)很(hěn)重要(yào)的(de)。有(yǒu)多(duō)✔種方法可(kě)以實現(xiàn)這(zhè)一(yī)任務。例如(rú)排版、布局和(hé)品牌色彩。都(dōu)能(™néng)有(yǒu)效地(dì)創建一(yī)個(gè)在視(shì)覺和(hé)感觀上(shàng)面都(dōu)©具備“現(xiàn)代化(huà)”特性的(de)網站(zhàn),同時(shí)對(duì)關鍵部分(fēn)還(hái)能(néng>)給予适當地(dì)強調。