2013-10-8 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/hocus-focus-importance
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
在莎士比亞那個(gè)時(shí)代,觀眾是非常不給面子的,品味也不是很高,簡(jiǎn)而言之,那時(shí)的觀眾是一群沒有耐心、根本不懂文學(xué)的群眾。
他們辛勤的工作一天后,他們來劇院想要找點(diǎn)樂子和刺激,沒錯(cuò),他們想要的就是娛樂。
莎士比亞之前的劇作家往往不受待見,有時(shí)候觀眾甚至?xí)鹊共?、砸?chǎng)子,因?yàn)樗麄冇X得戲劇太爛了,根本無法讓他們感受到一絲一毫的樂趣,而且也抓不住他們的心。
莎士比亞就在這種大環(huán)境下崛起,雖然有著極高的藝術(shù)涵養(yǎng),卻能得到貧民窟的贊歌,他的策略就是:用情節(jié)、用戲劇抓住觀眾的注意力 。
他的作品短小精悍,戲服華麗,音樂優(yōu)美,對(duì)白幽默詼諧、構(gòu)思精巧。
時(shí)至今日,科技創(chuàng)新日新月異,文明高速發(fā)展,然而,現(xiàn)在的觀眾,依然還是沒有耐心,正如莎士比亞時(shí)代的觀眾一樣。
注意力是個(gè)很抽象的名詞,而捕捉注意力更是如同”老虎吃天”一樣,無從下手,跟其他媒體一樣,用戶在瀏覽網(wǎng)頁(yè)設(shè)計(jì)時(shí),用戶的注意力也非常不易捕捉。
用戶很嚴(yán)厲,很不留情面,他們從一個(gè)網(wǎng)頁(yè)跳到另一個(gè)網(wǎng)頁(yè),只為尋求自己需要的信息,如果你的網(wǎng)頁(yè)無法吸引他們,1秒鐘之內(nèi)就會(huì)被他們關(guān)閉,他們會(huì)覺得你的網(wǎng)頁(yè)沒什么用,只不過浪費(fèi)流量浪費(fèi)時(shí)間罷了。
本文,我建議各位設(shè)計(jì)師采用莎士比亞的手段,來取悅觀眾,來增添一些富有吸引力的元素,這就是我說的:網(wǎng)頁(yè)設(shè)計(jì)中的”焦點(diǎn)”。
所謂焦點(diǎn),值得是網(wǎng)頁(yè)設(shè)計(jì)中最卓越的部分,能夠迅速引起用戶的注意,引導(dǎo)用戶下一步操作。焦點(diǎn)抓人眼球,在眾多元素中脫穎而出。
焦點(diǎn)對(duì)于網(wǎng)頁(yè)的瀏覽者來說,具有一種不可抗拒的魔力,焦點(diǎn)包含著重要的信息。在網(wǎng)頁(yè)設(shè)計(jì)中設(shè)置焦點(diǎn),這句話聽起來依然很抽象,感覺很虧難。
但是看看下面的幾條小建議,我保證你會(huì)有所收獲。
網(wǎng)頁(yè)設(shè)計(jì),元素和空間排列的一種游戲。對(duì)于焦點(diǎn)來說,位置至關(guān)重要。有些網(wǎng)站雖然試圖打造焦點(diǎn),但是布局失誤,這就導(dǎo)致了焦點(diǎn)不再是”焦點(diǎn)”。
顯而易見的是,焦點(diǎn)應(yīng)該放在最顯眼的位置(或者用戶瀏覽最頻繁的位置)。那么該要如何正確布置焦點(diǎn)的位置呢?最簡(jiǎn)單的辦法是,設(shè)計(jì)師把焦點(diǎn)放置在”用戶最容易注意到的位置”即可。
然而,并不是所有的設(shè)計(jì)師都經(jīng)驗(yàn)豐富,都能直接判斷出用戶瀏覽熱點(diǎn)在何處。因此需要一種更科學(xué)、更形象的方法來檢測(cè),例如可用性測(cè)試。在運(yùn)營(yíng)網(wǎng)站之前,如果設(shè)計(jì)師可以對(duì)一群用戶進(jìn)行可用性測(cè)試,那么他便會(huì)明確的知道這些用戶對(duì)網(wǎng)站的想法,大致了解用戶的瀏覽熱區(qū)。
建議使用測(cè)試法,因?yàn)橹庇X有時(shí)候也不準(zhǔn)。
根據(jù)熱區(qū),完成布局之后,另一個(gè)問題又浮出水面:一個(gè)網(wǎng)站需要多少個(gè)焦點(diǎn)呢?
如果回到幾年前,你問網(wǎng)頁(yè)設(shè)計(jì)師這個(gè)問題,他們往往會(huì)回答:一個(gè)焦點(diǎn)就夠了。因?yàn)槟菚r(shí)候的網(wǎng)頁(yè)的長(zhǎng)度有限,不像現(xiàn)在,各種垂直視差滾動(dòng)、橫軸滾動(dòng),造成了頁(yè)面近乎”無限”長(zhǎng)。
倘若現(xiàn)在還只設(shè)置一個(gè)焦點(diǎn),便有點(diǎn)荒唐了。而且,不光是主頁(yè)面要有焦點(diǎn),子頁(yè)面也要有焦點(diǎn)。
焦點(diǎn)的數(shù)目取決于內(nèi)容和網(wǎng)站類型。
例如,一個(gè)頁(yè)面由一張大圖,一大段文本構(gòu)成,用來說明網(wǎng)站的意圖。不過,我推薦使用至少三個(gè)以上的視覺焦點(diǎn),穿插其中,來保證內(nèi)容傳遞的效率。
一個(gè)以上的視覺焦點(diǎn)能夠更好的解釋內(nèi)容,大圖用來沖擊視覺,文本用來詳細(xì)解釋。
知道大方向的建議后,我們來看看一些具體的細(xì)節(jié)——元素
文本與字體元素是攫取用戶注意力的一大因素。若想吸引用戶,文本字體必須創(chuàng)新、與眾不同。
使用合適的字體,佐以恰當(dāng)?shù)念伾?、尺寸、留白,這樣文字便成為了視覺焦點(diǎn),用戶打開網(wǎng)頁(yè)便注意到了字體,見上圖效果。
一圖勝千言,圖像的信息量巨大。具有”行為召喚”效應(yīng)的按鈕和動(dòng)畫也很值得采用。
插畫和圖標(biāo)也可以用來闡述網(wǎng)站的主題,讓圖片有一種人性化的質(zhì)感,用戶便忍不住要觸摸操作一番。
極簡(jiǎn)主義是趨勢(shì),周圍的”無”襯托了中間的”有”,用戶自然會(huì)注意到”有”。直截了當(dāng)?shù)淖層脩糇⒁饨裹c(diǎn)元素。至于留白怎么做?多跟蘋果學(xué)學(xué)吧,蘋果的設(shè)計(jì)非常簡(jiǎn)潔,蘋果深諳留白之道。
看了上面幾條建議和細(xì)節(jié)后,是不是感觸很多?感覺就跟吃完了飯一樣,需要點(diǎn)餐后點(diǎn)心,最后的回味一番?好吧,這里是一些小小的收集,均是一些焦點(diǎn)突出的網(wǎng)頁(yè)設(shè)計(jì)。
他們向你展示了焦點(diǎn)設(shè)置的多樣性和種種可能。無論是留白也好,圖像也好,字體也好,顏色也好,他們合理利用元素,精巧的設(shè)置焦點(diǎn),讓用戶對(duì)網(wǎng)站產(chǎn)生認(rèn)可。
對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來說,焦點(diǎn)設(shè)置是一種技巧,更好的傳達(dá)信息,更能留住用戶,有點(diǎn)像魔法。同時(shí)也需要練習(xí)和技巧。
原文地址:onextrapixel
優(yōu)設(shè)網(wǎng)翻譯:@MartinRGB
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com