最近我在設計外網(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ù)貜娬{。