如何搞定大圖設(shè)計(jì)技巧?(3)
你的網(wǎng)站決定該采用哪種最佳設(shè)計(jì)體例是首要題目,在大多數(shù)情況下,你的網(wǎng)頁有個(gè)目標(biāo)和目標(biāo)用戶,具有吸引人們細(xì)致的大圖片設(shè)計(jì)固然有價(jià)值,但是有利也有弊,相對(duì)于文本信息就更容易被忽視。
蘋果主頁也采用大圖片為焦點(diǎn)的設(shè)計(jì)模式,這張圖片現(xiàn)實(shí)上是展示他們最新的產(chǎn)品,并通過壯大的導(dǎo)航欄提供應(yīng)用戶購(gòu)買該產(chǎn)品的渠道。當(dāng)然,大圖片自己也提供了許多有效的信息,它清晰地向用戶展示了這兩款手機(jī)模型的相干尺寸。
蘋果主頁展示了他們最新的產(chǎn)品,并搭配有壯大的全球性導(dǎo)航欄給用戶強(qiáng)烈的視覺體驗(yàn),這與輕量的主頁背景形成光顯的對(duì)比。
微軟搜索引擎Bing的主頁伴有賡續(xù)轉(zhuǎn)變的背景,是極端偏向于圖片設(shè)計(jì)的另一個(gè)例子。網(wǎng)站是完全致力于有別于大多數(shù)網(wǎng)站的設(shè)計(jì)束縛。這個(gè)網(wǎng)站的重要功能是向用戶展示搜索框,沒有其它過多的設(shè)計(jì)去強(qiáng)調(diào)不需要的元素。網(wǎng)站偉大的白色搜索框已然清晰地從其它元素中脫穎而出。這也達(dá)到了微軟的預(yù)期結(jié)果。
微軟Bing主頁采用大圖片作為背景的設(shè)計(jì)
平衡圖片與其它元素的方法
大多數(shù)網(wǎng)站會(huì)采用相對(duì)平衡的設(shè)計(jì)方法:選用的圖片能支持品牌,并且不袒護(hù)其它緊張的元素。例如StateFarm的主頁采用一張象征開車的大圖片,這也是他們營(yíng)業(yè)的關(guān)鍵部分。但這張圖片并沒有影響其它元素的呈現(xiàn),壯大的導(dǎo)航欄和其它基本的元素其中包括登陸,報(bào)價(jià)和處理保險(xiǎn)索賠等功能模塊
本文地址:http://m.pkvc.cn/tutorial/di138.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏