2022-05-31 分類(lèi): 網(wǎng)站建設(shè)
現(xiàn)在越來(lái)越多的網(wǎng)站使用引人注目的大圖片來(lái)設(shè)計(jì),在視覺(jué)上吸引人的注意,同時(shí)也是一種傳達(dá)信息的重要方式,對(duì)游客來(lái)說(shuō)更是一種視覺(jué)體驗(yàn)。如何合理的運(yùn)用大圖片來(lái)設(shè)計(jì)?
遵循以下的步驟,確保你正確地使用平衡元素:
1.先確定和優(yōu)先考慮網(wǎng)站的目標(biāo)。用戶(hù)目標(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)化搜索一般與特定的用戶(hù)項(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)作用(這條規(guī)則聽(tīng)起來(lái)很容易,但在設(shè)計(jì)時(shí)往往會(huì)被忽視)
4.挑選的圖片應(yīng)該與品牌效應(yīng)相結(jié)合。記住,你的網(wǎng)站不僅僅是展示圖片,除非是Flickr。所選的圖片應(yīng)該能表明你建設(shè)網(wǎng)站的原因。
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ù)。排版,布局和品牌色彩。這只是簡(jiǎn)單地舉幾個(gè)例子,都能有效地創(chuàng)建一個(gè)在視覺(jué)和感觀上面都具備“現(xiàn)代化”特性的網(wǎng)站,同時(shí)對(duì)關(guān)鍵部分還能給予適當(dāng)?shù)貜?qiáng)調(diào)。
何種情況下采用大圖片設(shè)計(jì)?
你的網(wǎng)站決定該采用哪種好設(shè)計(jì)方式是首要問(wèn)題,在大多數(shù)情況下,你的網(wǎng)頁(yè)有個(gè)目標(biāo)和目標(biāo)用戶(hù),具有吸引人們注意的大圖片設(shè)計(jì)固然有價(jià)值,但是有利也有弊,相對(duì)于文本信息就更容易被忽視。
蘋(píng)果主頁(yè)也采用大圖片為焦點(diǎn)的設(shè)計(jì)模式,這張圖片實(shí)際上是展示他們最新的產(chǎn)品,并通過(guò)強(qiáng)大的導(dǎo)航欄提供給用戶(hù)購(gòu)買(mǎi)該產(chǎn)品的渠道。當(dāng)然,大圖片本身也提供了很多有用的信息,它清晰地向用戶(hù)展示了這兩款手機(jī)模型的相關(guān)尺寸。
蘋(píng)果主頁(yè)展示了他們最新的產(chǎn)品,并搭配有強(qiáng)大的全球性導(dǎo)航欄給用戶(hù)強(qiáng)烈的視覺(jué)體驗(yàn),這與輕量的主頁(yè)背景形成鮮明的對(duì)比。
微軟搜索引擎Bing的主頁(yè)伴有不斷變化的背景,是極端偏向于圖片設(shè)計(jì)的另一個(gè)例子。網(wǎng)站是完全致力于有別于大多數(shù)網(wǎng)站的設(shè)計(jì)約束。這個(gè)網(wǎng)站的主要功能是向用戶(hù)展示搜索框,沒(méi)有其它過(guò)多的設(shè)計(jì)去強(qiáng)調(diào)不必要的元素。網(wǎng)站巨大的白色搜索框已然清晰地從其它元素中脫穎而出。這也達(dá)到了微軟的預(yù)期效果。
微軟Bing主頁(yè)采用大圖片作為背景的設(shè)計(jì)
平衡圖片與其它元素的方法
大多數(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)在用戶(hù)眼前。
標(biāo)題名稱(chēng):聊聊那些大背景圖片的網(wǎng)頁(yè)設(shè)計(jì)
標(biāo)題URL:http://www.rwnh.cn/news/161847.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容