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