未满十八岁免费观看十年的漫画_无码一区+中文字幕_四虎永久在线精品无码_欧美成人乱码一区二区三区_欧美电影在线观看_哪灬你的鸣巴好大_夏至未至电视剧_良性黑色素痣图片_山东妇女亂伦ⅹⅹⅹ_高h各种姿势调教np

不知道大家看過(guò)《網(wǎng)球王子》這部動(dòng)畫(huà)片沒(méi)有？里面有一位叫手冢國(guó)光的選手，非常擅長(zhǎng)通過(guò)回球的旋轉(zhuǎn)變化和回球路線，引導(dǎo)對(duì)手以他所希望的方式，將球回?fù)舻剿Ｍ幕厍蛭恢?，堪稱網(wǎng)球界的魔術(shù)師。

同樣的，在網(wǎng)頁(yè)設(shè)計(jì)中，我們也可以通過(guò)一些視覺(jué)的方法，實(shí)現(xiàn)對(duì)用戶注意點(diǎn)的潛在引導(dǎo)，使得用戶關(guān)注到我們希望他關(guān)注到的內(nèi)容，甚至有可能以我們希望出現(xiàn)的瀏覽順序完成頁(yè)面的瀏覽。這種方法，我們稱之為網(wǎng)頁(yè)的視覺(jué)引導(dǎo)。

網(wǎng)頁(yè)的視覺(jué)引導(dǎo)是基于設(shè)計(jì)師對(duì)于用戶體驗(yàn)的分析，利用人眼在視覺(jué)上的習(xí)慣

潛移默化的引導(dǎo)用戶按照設(shè)計(jì)師的設(shè)計(jì)邏輯關(guān)注頁(yè)面的方法。這樣的視覺(jué)引導(dǎo)來(lái)源于平面設(shè)計(jì)的一些視覺(jué)規(guī)律，但由于網(wǎng)頁(yè)設(shè)計(jì)的獨(dú)特性又有了一些獨(dú)特的演繹。在這一小節(jié)，我們就來(lái)解密如何利用網(wǎng)頁(yè)的視覺(jué)引導(dǎo)來(lái)完成這樣的視覺(jué)魔法。

人眼是一個(gè)精密的視覺(jué)儀器，它能幫助我們捕捉到身邊視野范圍內(nèi)所有的視覺(jué)信息，但這些信息如果完全捕捉下來(lái)是非常巨大的，于是大腦在視覺(jué)信息收集歸檔的過(guò)程中設(shè)置了一個(gè)“過(guò)濾”的“閥門(mén)”，撇除了那些被大腦定義為“無(wú)效”的信息，并記錄下大腦確認(rèn)為“有用”的信息——網(wǎng)頁(yè)的視覺(jué)引導(dǎo)就是基于此規(guī)律而產(chǎn)生的心理行為引導(dǎo)。

網(wǎng)頁(yè)的視覺(jué)引導(dǎo)方法多樣，設(shè)計(jì)師在實(shí)際使用中可以根據(jù)實(shí)際情況靈活的組合使用。歸納起來(lái)的話，大致有以下這些方法。

1．大小的變化

人眼的視覺(jué)習(xí)慣，總是會(huì)對(duì)大的東西較為關(guān)注，而忽略掉小的東西。你看到一個(gè)大象的時(shí)候，是很難注意在大象身邊的老鼠的。

利用這個(gè)規(guī)律，在網(wǎng)頁(yè)排版布局的時(shí)候，我們可以通過(guò)內(nèi)容板塊的大小來(lái)引導(dǎo)用戶瀏覽較為重要的內(nèi)容。

大小的變化，在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)引導(dǎo)中是淺顯、也是常用的方法。這也是為什么很多需求方，總是喜歡說(shuō)“標(biāo)題放大！LOGO放大”的原因——對(duì)于他們而言，這是他們所知的有效地突出重點(diǎn)的辦法。

2．形狀的變化

人眼總是喜歡捕捉那些“不同”的事物，這也是所有設(shè)計(jì)初需要遵循的規(guī)律，在一片一模一樣事物中，突然出現(xiàn)一個(gè)形狀不同的事物，總是會(huì)讓你下意識(shí)地關(guān)注那個(gè)“與眾不同”的東西。

在一堆方形中，圓形總是非常突出；在一堆規(guī)則的形狀中，不規(guī)則的形狀總是惹人注目。網(wǎng)頁(yè)設(shè)計(jì)也是如此，在四平八穩(wěn)的頁(yè)面中點(diǎn)綴一些不一樣的元素，不僅可以使得頁(yè)面靈動(dòng)，增加形式上的趣味，更能使得需要突出的東西得到關(guān)注。

當(dāng)然，所有的元素都變化了，變化也就沒(méi)有了，反而會(huì)顯得雜亂無(wú)章、亂七八糟。所以變化的運(yùn)用需要拿捏住度。

3．顏色的變化

人眼的視覺(jué)捕捉系統(tǒng)是由錐狀細(xì)胞和桿狀細(xì)胞組成的。錐狀細(xì)胞負(fù)責(zé)感知光的強(qiáng)弱和色彩的變化，而桿狀細(xì)胞則是分辨色彩的明暗。錐狀細(xì)胞更喜歡捕捉那些色彩鮮艷有強(qiáng)烈刺激的顏色，而桿狀細(xì)胞則喜歡捕捉那些明暗反差大的事物。

我們?cè)趯?shí)際設(shè)計(jì)中會(huì)發(fā)現(xiàn)，在暗色背景下使用亮色且純度較高的文字（比如黑色背景下使用黃字）和在亮色背景下使用反差較大的純色字體（比如白底紅字），都能產(chǎn)生較為“醒目”的效果。并且，發(fā)光的元素往往相較不發(fā)光的元素，更容易引起人們的注意——這些應(yīng)用便是遵循了上述兩個(gè)規(guī)律。

在實(shí)際制作中需要注意，顏色純度的運(yùn)用、大小和比例是需要控制的，因?yàn)槿说囊曈X(jué)習(xí)慣是在顏色刺激越強(qiáng)烈的事物上停留的時(shí)間越短，且面積越大，這個(gè)效應(yīng)越明顯。所以較為強(qiáng)烈的色彩運(yùn)用建議放在頁(yè)面上較為重要的內(nèi)容上。

發(fā)光的元素可以增加頁(yè)面氣氛并強(qiáng)調(diào)某些局部重要元素，但運(yùn)用過(guò)多，也會(huì)使得頁(yè)面滿屏花亮，毫無(wú)重點(diǎn)。廣告攝影課的時(shí)候，我老師曾經(jīng)說(shuō)過(guò)，好的補(bǔ)光只需要一個(gè)光源，因?yàn)樘焐现挥幸粋€(gè)太陽(yáng)。

4．空間的變化

關(guān)注時(shí)尚人像攝影的朋友會(huì)發(fā)現(xiàn)，化妝師們總是想盡一切辦法將模特的臉蛋打造得光鮮立體——立體的東西總是容易讓人留下深刻印象，因?yàn)樽匀画h(huán)境是立體的，有了立體感，視覺(jué)上才會(huì)有空間的感覺(jué)。

在Photoshop中有兩個(gè)常用的效果：浮雕與陰影。這兩個(gè)工具可以幫助我們?cè)诙S的頁(yè)面展示中制造“偽空間”的效果，一方面能使得頁(yè)面更有代入感和層次感，另一方面也是網(wǎng)頁(yè)視覺(jué)引導(dǎo)的方法之一。人眼總是會(huì)優(yōu)先關(guān)注立體的并且看起來(lái)“近”的事物，所以在網(wǎng)頁(yè)設(shè)計(jì)中，我們也可以通過(guò)這種“偽空間”的錯(cuò)覺(jué)讓用戶優(yōu)先關(guān)注那些看起來(lái)更“近”更立體的“東西”。

當(dāng)然，并非所有情況下，都是越近越能引起我們注意的，平行透視就是一個(gè)特例。平行透視大的特點(diǎn)就是，能讓我們跟隨著透視的引導(dǎo)“聚焦”于中心點(diǎn)上。所以做設(shè)計(jì)時(shí)經(jīng)常使用放射性的布局，使得中心的元素能為人們關(guān)注。

另外，浮雕效果里的“凸起”與“下凹”是具有強(qiáng)烈暗示意味的。當(dāng)物件“凸起”的時(shí)候，我們會(huì)覺(jué)得這個(gè)地方是“可點(diǎn)擊”的，所以你會(huì)發(fā)現(xiàn)，很多軟件界面以及網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，都會(huì)使用“凸起”的按鈕，而“下凹”給人的印象是“不可點(diǎn)擊”的，所以 “下凹”往往用在類似文字框和“按鈕被點(diǎn)下去”這樣的情況下。需要注意的是，文字和按鈕都是灰色且灰值反差較小的按鈕，無(wú)論是“凸起”還是“下凹”都會(huì)給人“此按鈕不可點(diǎn)擊”的感覺(jué)。

5．疏密的變化

為什么對(duì)于12像素的漢字，適合的行高是18~24像素之間？

很多人會(huì)說(shuō)，這是一個(gè)便于閱讀的行間距。的確，從閱讀的角度，低于18個(gè)像素的行間距，看起來(lái)密密麻麻非常吃力——甚至患有密集恐懼癥的用戶會(huì)拒絕閱讀；而高于24個(gè)像素的行間距，又會(huì)讓人看起來(lái)空的難受，視覺(jué)焦點(diǎn)在換行時(shí)甚至?xí)卸虝旱耐ｎD。

但為什么我們會(huì)對(duì)閱讀有這樣的感受？究其原因，還是由于大腦對(duì)于不同密度信息采取不同的記憶方式所導(dǎo)致的。

大腦對(duì)于大量類似的信息，會(huì)采用“批處理”的方式進(jìn)行記憶（也就是提煉出共性，記個(gè)大概），信息密度越大這種方式越明顯，除非你主動(dòng)關(guān)注某個(gè)細(xì)節(jié)。而離開(kāi)較遠(yuǎn)的兩個(gè)事物，大腦又會(huì)判斷這兩個(gè)事物“沒(méi)有關(guān)聯(lián)”，并產(chǎn)生注意力的斷點(diǎn)以便節(jié)約大腦資源。所以，這就要求網(wǎng)頁(yè)設(shè)計(jì)師在頁(yè)面排版布局的時(shí)候，注意板塊與板塊之間，元素與元素之間的密度要合適，這樣才能保證良好的閱讀和有效的視覺(jué)引導(dǎo)。

6．包裝過(guò)的標(biāo)題更容易讓人注意到

前文說(shuō)到過(guò)，相對(duì)于圖片而言，“標(biāo)題性”的文字更容易被人記住。在人的潛意識(shí)中，總是會(huì)對(duì)“包裝精美”的東西記憶猶新——這一點(diǎn)在標(biāo)題的包裝上也是如此。

使用合適的字體包裝，能夠讓人對(duì)標(biāo)題產(chǎn)生關(guān)注度和記憶點(diǎn)。在人腦中，對(duì)于這樣的標(biāo)題，總是會(huì)貼上“重要信息”的標(biāo)簽。所以字體設(shè)計(jì)對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言是

很重要的一環(huán)。好的標(biāo)題設(shè)計(jì)，甚至?xí)嵘O(shè)計(jì)的檔次。

當(dāng)然，標(biāo)題是總領(lǐng)全文的東西，所以字?jǐn)?shù)一定要短，便于記憶。同時(shí)，字體的包裝也應(yīng)該秉承“少而精”的原則，一定要將設(shè)計(jì)包裝的精力集中在需要重點(diǎn)突出的信息上。

7．恰當(dāng)?shù)膱D片能幫助“標(biāo)題”積攢眼球

雖然“標(biāo)題”相對(duì)于圖片更容易產(chǎn)生記憶，但是恰當(dāng)?shù)膱D片是能“提示”大腦去關(guān)注“標(biāo)題”的。如果將圖片作為“標(biāo)題”的美化包裝，那這個(gè)理論就好理解了。

人們?cè)跒g覽圖片的時(shí)候，那些抽象的、風(fēng)景的（尤其是像宇宙、星空這種的）、較為規(guī)律的圖形化圖片都很難引起視覺(jué)的注意力，所以這類圖片通常都會(huì)用來(lái)做桌面或者頁(yè)面的背景。而具體的事物，比如產(chǎn)品照片、人物（尤其是身材勻稱的美女）照片之類的，往往更容易產(chǎn)生帶入感，使人有興趣對(duì)于圖片包裝下的標(biāo)題

產(chǎn)生閱讀興趣。

8．文字、圖表相對(duì)于數(shù)字更容易獲得關(guān)注

對(duì)于大腦而言，我們更容易記住文字的內(nèi)容——除了數(shù)字之外。

“一看到一大堆的數(shù)字我就頭疼”——很多人都有這種困擾。阿拉伯?dāng)?shù)字對(duì)于大腦而言并非直接記憶的對(duì)象，所以相對(duì)于文字，阿拉伯?dāng)?shù)字往往不夠直觀。當(dāng)然如果你希望達(dá)到讓人感覺(jué)“雖然數(shù)不清是幾位數(shù)，但總之?dāng)?shù)字很大很大”的效果，阿拉伯?dāng)?shù)字的效果還是很好的。

對(duì)于單一的數(shù)字，超過(guò)5位數(shù)以后就很難讓人記住。比如，你會(huì)記得自己的電話號(hào)碼，但你很難記住你朋友的手機(jī)號(hào)碼，除非你們熟到一定程度。如果這樣的數(shù)字出現(xiàn)一堆……哦！天啊！饒了我吧！

一個(gè)好的解決方案是使用文字——畢竟文字是適合大腦記憶的方式，簡(jiǎn)潔明了（一百萬(wàn)總是比看1000000來(lái)得直接吧）。而面對(duì)大量的數(shù)據(jù)報(bào)表，牽扯到對(duì)比、趨勢(shì)、比例這樣的數(shù)字信息的時(shí)候，圖表化是更好的選擇。簡(jiǎn)單的圖形，對(duì)應(yīng)

直觀的效果，這種情況比數(shù)字更能說(shuō)清楚問(wèn)題。這時(shí)候并不需要深度記憶，人們往往只需要記一個(gè)趨勢(shì)。所以與其選擇復(fù)雜的數(shù)字表單，不如使用圖表來(lái)的印象深刻。

需要注意的是，圖表的制作也是有講究的。對(duì)于有連貫性的數(shù)據(jù)，盡量用折線圖這樣的方式較為合理。而有對(duì)比性卻不連貫的數(shù)據(jù)，使用柱狀圖較為合適，而比例類型的圖表則可以使用餅狀圖，圖表需要是簡(jiǎn)單易懂且能直接說(shuō)明問(wèn)題的，盡量減少文字性的描述，盡量避免在一張圖里牽扯到較為復(fù)雜的數(shù)據(jù)——如果你做過(guò)PPT那就會(huì)發(fā)現(xiàn)，其中的道理是相通的。

9．暗示性的圖形元素更容易獲得矚目

有人總結(jié)過(guò)：活動(dòng)性的網(wǎng)頁(yè)只要做得華麗，大紅大紫，光線絢麗，再加上放滿金光閃閃的各種活動(dòng)獎(jiǎng)勵(lì)，基本上就算成功了。

不得不說(shuō)，雖然有些投機(jī)取巧的感覺(jué)，但這仍然是一句有用的大實(shí)話。這句話前半句說(shuō)得是氣氛的營(yíng)造對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的重要性，后半句則說(shuō)的是暗示性的圖型元素更容易吸引人的注意。

說(shuō)到這里，也許你又在疑問(wèn)：之前不是說(shuō)文字“標(biāo)題”比圖片更容易獲得關(guān)注嗎？事實(shí)上，前一小節(jié)說(shuō)的是“一般情況”下，有一般情況，自然有特殊情況了。當(dāng)圖片本身的信息單一，且含有非常明確的信息的時(shí)候，往往這樣的圖片更容易被人們所關(guān)注。

什么樣的圖片具有暗示性？寶箱、禮盒、金條、豪車(chē)、美女（又是美女……你懂的?。┑热藗儽容^關(guān)注的信息明確單一的事物，還有類似箭頭、點(diǎn)擊狀的鼠標(biāo)手、視頻的播放暫停按鈕圖形等具有心理暗示意義的圖形，這些都是暗示性的圖片元素。

當(dāng)然，需要注意的是，此類圖片的應(yīng)用必須要切題，否則依然會(huì)產(chǎn)生負(fù)效果。很多頁(yè)游在做廣告的時(shí)候，都會(huì)用到各種暗示性的圖片，甚至有些圖片還會(huì)非?！斑^(guò)火”（這種行為必須強(qiáng)烈譴責(zé)，簡(jiǎn)直是帶壞社會(huì)風(fēng)氣）。用戶被這些圖片所吸應(yīng)，點(diǎn)開(kāi)游戲一看，完全兩碼事，于是在連游戲名字都沒(méi)記住的情況下就流失了——快速的帶入流量后快速的流失，任何網(wǎng)站都不希望這樣的情況發(fā)生的。

10．一靜不如一動(dòng)

網(wǎng)頁(yè)之所以區(qū)別于傳統(tǒng)平面排版很大程度上在于網(wǎng)頁(yè)設(shè)計(jì)的多媒體特性。對(duì)于用戶而言，動(dòng)畫(huà)、視頻等元素總是比靜態(tài)的圖片更容易吸引眼球。

對(duì)于動(dòng)態(tài)元素，我的態(tài)度是謹(jǐn)慎的。動(dòng)態(tài)效果是點(diǎn)睛之筆，但用多了反而會(huì)分散用戶的注意力，降低關(guān)注黏度。而視頻以及其他交互的動(dòng)態(tài)元素，我更喜歡被動(dòng)響應(yīng)的——主動(dòng)幫助用戶決定某些事情的強(qiáng)制行為，在我看來(lái)是非常不友好的。任

何的視覺(jué)引導(dǎo)，都應(yīng)該秉承非強(qiáng)迫性的原則，任何強(qiáng)制體驗(yàn)的行為，在理論上都是有風(fēng)險(xiǎn)的視覺(jué)體驗(yàn)。

如果你耐著性子讀到這里，是不是有一種：“網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)科學(xué)”的感覺(jué)？——這是我一直掛在嘴邊的一句話。隨著所謂的WEB2.0時(shí)代的來(lái)臨，大家越來(lái)越多的開(kāi)始關(guān)注用戶感受，用戶體驗(yàn)這個(gè)詞也以越來(lái)越高的頻率被人們掛在嘴邊。在下一小節(jié)里，我們就來(lái)說(shuō)說(shuō)，用戶體驗(yàn)究竟是個(gè)怎樣的事物。