大圖在網(wǎng)頁設計里的運用

最近我在設計外網(wǎng)的界面廉油,但是就放圖片這一問題來說规哲,真的折磨死我了诡蜓,現(xiàn)在只要打開一個網(wǎng)站,首先吸引眼球的就是那一張或幾張滑動的大圖铅鲤,有的甚至整個界面背景就是一張超吸引人的大背景圖划提,看著真是好看。但是邢享,放大圖固然吸引人鹏往,若是沒有正確的排版反倒是會影響用戶的體驗效果。

俗話說骇塘,一張圖片勝過千言萬語伊履。人類是視覺性動物,誰不喜歡看好看的大圖片款违,誰喜歡看干巴巴的幾個文字呢唐瀑,所以圖片更能吸引人的注意,是傳達信息的重要方式插爹。隨著互聯(lián)網(wǎng)和一些設備的發(fā)展哄辣,越來越多的網(wǎng)站使用引人注目的大圖片方式來吸引用戶的注意力,同時赠尾,對用戶來說也是一種視覺體驗力穗。可是一張圖片無法傳遞全部的信息气嫁,所以很多網(wǎng)站使用輪播方式顯示多張圖片当窗。

什么時候放大圖片合適

在設計時,網(wǎng)頁都會有目標和目標用戶寸宵,網(wǎng)頁采用哪種最佳設計方式是首要問題崖面,吸引人們注意的大圖片設計固然有價值,但是有利也有弊梯影,相對于文本信息就更容易被忽視巫员。

下圖是蘋果官網(wǎng),我作為用戶甲棍,首先看見的就是那個那些設備圖简识,然后注意到下面默契協(xié)作,親密無間幾個大字,然后我開始會讀下面一些小字财异,如果不看那些小字倘零,單就那幾個產(chǎn)品圖,我只知道那是蘋果出的設備戳寸,看了文字才知道他們之間是個怎么樣協(xié)作的呈驶,當然,大圖片本身也提供了很多有用的信息疫鹊。

接下來是我個人比較喜歡的一個微軟的搜索引擎-必應袖瞻,如下圖:

為啥喜歡呢?因為有大圖片啊拆吆,而且沒有重復的聋迎,總是在更新,光看著就很喜歡枣耀,特別吸引我霉晕,必應是極端偏向于圖片設計的,這一點就有別于其他的搜索引擎捞奕,這個網(wǎng)站的主要功能是向用戶展示搜索框牺堰,沒有其它過多的設計去強調不必要的元素。網(wǎng)站巨大的白色搜索框已然清晰地從其它元素中脫穎而出颅围。這也達到了微軟的預期效果伟葫。

如何恰當?shù)姆糯髨D片

優(yōu)先考慮網(wǎng)站的目標

用戶目標和商業(yè)目標。是否大部分的瀏覽者已經(jīng)熟悉或者了解網(wǎng)站所要傳達的信息院促,并且確定現(xiàn)在是否需要一些特殊的信息和功能筏养。

確定網(wǎng)頁的每一個元素是否與網(wǎng)站的建設相符合

圖片一般是起到裝飾和支撐品牌效應的作用。導航欄和結構化搜索一般與特定的用戶項目有關常拓。

根據(jù)目標的重要性分配視覺的輕重級

如果一個設計元素是為了支撐一個高優(yōu)先級的目標渐溶,那么這個元素在視覺設計上應該更強烈一點。相反墩邀,設計二級目標相關的元素盡可能地的平和一點掌猛,減少強調作用盏浙。

挑選的圖片應該與品牌效應相結合

網(wǎng)站不僅僅是展示圖片眉睹,所選的圖片應該能表明我們建設網(wǎng)站的意圖。

選擇引人注目的圖片是為了起到吸引的作用

如果網(wǎng)站的圖片與其它元素是同等重要废膘,那就得決定好哪種類型的圖片更適用竹海,只有這樣才能找到更有吸引力的圖片。

在更新網(wǎng)站時要精心挑選設計模式

對于許多設計項目而言丐黄,建設一個看起來更“現(xiàn)代化”的網(wǎng)站是很重要的斋配,然而卻有很多種方法可以實現(xiàn)這一任務,排版,布局和品牌色彩等艰争,都能有效地創(chuàng)建一個在視覺和感觀上都具備“現(xiàn)代化”特性的網(wǎng)站坏瞄,同時對關鍵部分還能給予適當?shù)貜娬{。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末甩卓,一起剝皮案震驚了整個濱河市鸠匀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌逾柿,老刑警劉巖缀棍,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異机错,居然都是意外死亡爬范,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門弱匪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來青瀑,“玉大人,你說我怎么就攤上這事萧诫∮剑” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵财搁,是天一觀的道長蘸炸。 經(jīng)常有香客問我,道長尖奔,這世上最難降的妖魔是什么搭儒? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮提茁,結果婚禮上淹禾,老公的妹妹穿的比我還像新娘。我一直安慰自己茴扁,他們只是感情好铃岔,可當我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著峭火,像睡著了一般毁习。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上卖丸,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天纺且,我揣著相機與錄音,去河邊找鬼稍浆。 笑死载碌,一個胖子當著我的面吹牛猜嘱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播嫁艇,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼朗伶,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了步咪?” 一聲冷哼從身側響起腕让,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎歧斟,沒想到半個月后纯丸,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡静袖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年觉鼻,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片队橙。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡坠陈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捐康,到底是詐尸還是另有隱情仇矾,我是刑警寧澤,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布解总,位于F島的核電站贮匕,受9級特大地震影響,放射性物質發(fā)生泄漏花枫。R本人自食惡果不足惜刻盐,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望劳翰。 院中可真熱鬧敦锌,春花似錦、人聲如沸佳簸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽生均。三九已至听想,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間疯特,已是汗流浹背哗魂。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工肛走, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留漓雅,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像邻吞,于是被迫代替她去往敵國和親组题。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容