哪些技巧可以搞定大圖設計

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

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

標題名稱:哪些技巧可以搞定大圖設計
鏈接分享:http://www.bm7419.com/news25/66275.html

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

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司