哪些技巧可以搞定大圖設(shè)計(jì)

2016-11-12    分類(lèi): 網(wǎng)站建設(shè)

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

標(biāo)題名稱(chēng):哪些技巧可以搞定大圖設(shè)計(jì)
鏈接分享:http://muchs.cn/news25/66275.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)企業(yè)網(wǎng)站制作、網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站導(dǎo)航

廣告

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

成都app開(kāi)發(fā)公司