基于視覺(jué)心理學(xué)的新媒體版式設(shè)計(jì)研究及應(yīng)用,平面設(shè)計(jì)論文

基于視覺(jué)心理學(xué)的新媒體版式設(shè)計(jì)研究及應(yīng)用,平面設(shè)計(jì)論文本篇論文目錄導(dǎo)航：【題目】【第一章】【第二章】【第三章】【4.1-4.3】【4.44.5】【第五章】基于視覺(jué)心理學(xué)的新媒體版式設(shè)計(jì)研究及應(yīng)用【結(jié)束語(yǔ)/以下為參考文獻(xiàn)】第五章新媒體中網(wǎng)頁(yè)版式設(shè)計(jì)的視覺(jué)心理學(xué)應(yīng)用新媒體是一個(gè)相對(duì)的概念，是繼報(bào)紙、雜志、廣播之后發(fā)展起來(lái)的新的媒體形態(tài)。常見(jiàn)的新媒體版式設(shè)計(jì)包括：網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)終端界面設(shè)計(jì)、APP設(shè)計(jì)等，本章重點(diǎn)議論應(yīng)用范圍最廣的網(wǎng)頁(yè)版式設(shè)計(jì)。一、基于視覺(jué)心理學(xué)的網(wǎng)頁(yè)版式設(shè)計(jì)研究及應(yīng)用。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)者根據(jù)網(wǎng)站的需要對(duì)網(wǎng)站版面進(jìn)行美化的經(jīng)過(guò)。隨著互聯(lián)網(wǎng)的發(fā)展，人們都會(huì)或多或少的接觸到網(wǎng)頁(yè)，比方講我們打開(kāi)閱讀器查詢(xún)資料，我們想要了解一個(gè)企業(yè)或了解一款產(chǎn)品，想要報(bào)名參加某項(xiàng)活動(dòng)都需要在網(wǎng)頁(yè)中完成，網(wǎng)頁(yè)版式設(shè)計(jì)表示出方式要比其他類(lèi)別的版式設(shè)計(jì)豐富得多，它占據(jù)了報(bào)紙、書(shū)籍、包裝、DM等其他種類(lèi)版式設(shè)計(jì)沒(méi)有的優(yōu)勢(shì)，比方網(wǎng)頁(yè)上面能夠加一些FLASH,視頻，外部鏈接等等，能夠讓用戶(hù)更直觀的了解信息內(nèi)容，可以以讓用戶(hù)更主動(dòng)、更方便的查找自個(gè)所需要的資料，所以講網(wǎng)頁(yè)版面設(shè)計(jì)越來(lái)越被人們重視。在魚(yú)龍混雜的各種網(wǎng)頁(yè)中，信息雖然重要，但是假如沒(méi)有一個(gè)迎合用戶(hù)視覺(jué)心理的版面設(shè)計(jì)，那么在這樣快節(jié)拍的時(shí)代中，將徹底的失去競(jìng)爭(zhēng)力。就好比我們常去光臨的餐廳，也許里面的菜品味道并沒(méi)有多么的特殊，價(jià)錢(qián)也并不實(shí)惠，但偏偏整個(gè)餐廳的裝修風(fēng)格，那一面裝飾墻非常有特色，就吸引著我們，甚至能夠忽略掉一些小的瑕疵。網(wǎng)頁(yè)設(shè)計(jì)也是一樣，要在用戶(hù)點(diǎn)開(kāi)的一霎時(shí)，捉住用戶(hù)的眼球，才能給客戶(hù)一種愉悅的視覺(jué)感受。〔一〕視覺(jué)心理學(xué)中色彩心理對(duì)網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用。當(dāng)用戶(hù)點(diǎn)開(kāi)網(wǎng)頁(yè)時(shí)，首先對(duì)用戶(hù)造成最大視覺(jué)沖擊的是版面的整體色彩感覺(jué)了。不同的色彩，能夠給用戶(hù)帶來(lái)不一樣的暗示進(jìn)而影響用戶(hù)的感受。所以善用色彩對(duì)營(yíng)造網(wǎng)頁(yè)氣氛，提高用戶(hù)對(duì)網(wǎng)站的認(rèn)可度，提升網(wǎng)站品牌的整體形象都有非常重要的作用。固然不同國(guó)家、不同民族對(duì)色彩都有不同的理解和聯(lián)想，但是從整體上看都是大致一樣的，比方黑色，給人莊嚴(yán)，神秘的感覺(jué)；白色給人神圣、典雅的感覺(jué)，而紅色就帶給人熱烈，奔放的感受等等。在第一章視覺(jué)色彩中已經(jīng)介紹過(guò)，就不再逐一舉例。那在網(wǎng)頁(yè)版面設(shè)計(jì)中，色彩該怎樣應(yīng)用呢？首先，我們還是要像前文提到的報(bào)紙版面設(shè)計(jì)一樣，要對(duì)整個(gè)網(wǎng)頁(yè)版面有一個(gè)定位：門(mén)戶(hù)類(lèi)、產(chǎn)品類(lèi)、電商類(lèi)、企業(yè)類(lèi)或是個(gè)人網(wǎng)站。門(mén)戶(hù)類(lèi)網(wǎng)站比方網(wǎng)e,騰訊、新浪、搜狐等，由于它們都屬于資訊平臺(tái)，商業(yè)信息，供求信息，民生服務(wù)，推廣宣傳等等信息量宏大，所以在設(shè)計(jì)中怎樣使用戶(hù)方便、快速的找到自個(gè)需要的信息類(lèi)別，節(jié)約用戶(hù)時(shí)間精神就是最重要的問(wèn)題。所以在這種情況下要盡量減少版面的色彩，運(yùn)用顏色較淡的色調(diào)來(lái)減少用戶(hù)在獲取信息經(jīng)過(guò)中的視覺(jué)干擾。產(chǎn)品類(lèi)網(wǎng)站比方手機(jī)、汽車(chē)、高科技產(chǎn)品能夠用一些當(dāng)代感強(qiáng)的顏色，比方黑、白、灰的搭配，簡(jiǎn)單前衛(wèi)不失個(gè)性。彩妝護(hù)膚類(lèi)一般用一些粉色，金色等女性的顏色。電商類(lèi)的網(wǎng)頁(yè)設(shè)計(jì)一般采用酒紅、紫色等較暖的顏色，能夠襯托熱烈的氣氛，刺激用戶(hù)的購(gòu)買(mǎi)欲，一些高端品牌可以以用深色系的顏色，比方黑色，暗紫色，給人一種神秘、高貴的視覺(jué)感受。企業(yè)類(lèi)的網(wǎng)站一般在設(shè)計(jì)中色彩也不宜過(guò)于花哨，主色調(diào)一般與企業(yè)LOGO一致，個(gè)人經(jīng)歷體驗(yàn)總結(jié)企業(yè)網(wǎng)站一般不使用非常重的顏色，這樣給人一種距離感，并不利于企業(yè)被用戶(hù)的接受。個(gè)人網(wǎng)頁(yè)設(shè)計(jì)對(duì)色彩就沒(méi)有太多的限制，根據(jù)每個(gè)人想展現(xiàn)的性格不同，所使用的顏色也不盡一樣?！捕尘W(wǎng)頁(yè)排版構(gòu)造帶來(lái)的心理暗示。用戶(hù)在感悟頁(yè)面顏色，對(duì)其有了一個(gè)大致的視覺(jué)感受后，其次關(guān)注的就是整個(gè)網(wǎng)頁(yè)的排版構(gòu)造。雜亂、毫無(wú)章法的布局不僅不利于用戶(hù)對(duì)信息的選取，更會(huì)影響對(duì)版面的整體印象。在查找資料的經(jīng)過(guò)中，也欣賞了很多網(wǎng)頁(yè)的版面設(shè)計(jì)，哪種版面設(shè)計(jì)是優(yōu)秀的并沒(méi)有固定的格式，但是通過(guò)綜合整理，能夠總結(jié)出幾種較為常見(jiàn)的，比擬合理、有創(chuàng)意的版面。第一種常見(jiàn)的排版方式為縱向的屏幕分割。當(dāng)版面中需要展現(xiàn)的是兩個(gè)同樣重要的元素時(shí)，這種分割方式能夠毫不偏向的同時(shí)展現(xiàn)兩種元素。在一些購(gòu)物類(lèi)網(wǎng)站，這種方式往往能夠加大成交量。當(dāng)我們面對(duì)琳瑯滿(mǎn)目的商品時(shí)，我們經(jīng)常無(wú)法抉擇，最后由于沒(méi)有選擇出結(jié)果而放棄購(gòu)買(mǎi)。有的商家用這種方式恰恰避免了這個(gè)問(wèn)題的發(fā)生，同時(shí)突出兩個(gè)主體，即給了用戶(hù)選擇的時(shí)機(jī)，又減少了用戶(hù)猶豫的時(shí)間，給用戶(hù)一種心理暗示，讓其迅速的在二者之中做出選擇。第二種版面類(lèi)型就是極簡(jiǎn)的去界面化?；厥资昵暗木W(wǎng)頁(yè)設(shè)計(jì)，雜亂不堪的版面，各種容器元素能加則加：圓形、三角形、長(zhǎng)方形和所有類(lèi)型元素，比方黑板，窗簾，相框等，設(shè)計(jì)師用這些元素將所表現(xiàn)的內(nèi)容從網(wǎng)頁(yè)背景分離出來(lái)，克林頓時(shí)代的白宮網(wǎng)站，在當(dāng)時(shí)的年代已經(jīng)算是主體明確，內(nèi)容精簡(jiǎn)了。但是網(wǎng)頁(yè)設(shè)計(jì)發(fā)展至今，對(duì)于版面效果的要求比以往愈加嚴(yán)格，如今的極簡(jiǎn)主義給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)了質(zhì)的變化。比方以下圖的手表網(wǎng)頁(yè)，設(shè)計(jì)者把網(wǎng)頁(yè)傳統(tǒng)的頁(yè)頭和頁(yè)尾都去掉了，由左及右的將所要表示出的內(nèi)容一次排列，這種合理的布局非但沒(méi)有使版面失去秩序感，反而給人的感覺(jué)是以往那些分隔導(dǎo)航、圖形容器都是多余的，讓用戶(hù)的目光首先落在產(chǎn)品上，更直觀的具體表現(xiàn)出了產(chǎn)品本身，這種極簡(jiǎn)形式給用戶(hù)帶來(lái)了優(yōu)美的視覺(jué)享受，是一種美觀并且實(shí)用的排版方式。〔三〕網(wǎng)頁(yè)版式設(shè)計(jì)中的視覺(jué)導(dǎo)向。當(dāng)確定了版面的整體顏色和版面的編排后，設(shè)計(jì)師需要從細(xì)節(jié)著手，為用戶(hù)制造視覺(jué)上的引導(dǎo)。這種引導(dǎo)就好似一種無(wú)形的思想把控，指引用戶(hù)操作閱讀。比方美國(guó)的一家移動(dòng)支付公司SQUARE在這方面做的就非常好，當(dāng)用戶(hù)下拉鼠標(biāo)的時(shí)候，就會(huì)出現(xiàn)相應(yīng)的文字下一步應(yīng)該到哪里，當(dāng)前國(guó)內(nèi)很多前瞻網(wǎng)站已經(jīng)開(kāi)場(chǎng)使用這種方式。確定好網(wǎng)站定位后，我們要對(duì)用戶(hù)的閱讀形式有一個(gè)初步的預(yù)判。在一些以文字為主的網(wǎng)站中，例如微博、UC等，用戶(hù)會(huì)沿著頁(yè)面左側(cè)縱向閱讀，在諸多信息中找到自個(gè)感興趣的內(nèi)容，然后再沿著這個(gè)信息點(diǎn)水平方向的展開(kāi)進(jìn)行具體了解，這種形式被稱(chēng)為F形式或E形式。這種形式不是一中頁(yè)面，而是用戶(hù)的一種普遍的視覺(jué)走向。在初步的閱讀中用戶(hù)是根據(jù)1開(kāi)場(chǎng)向3方向移動(dòng)，只要在設(shè)計(jì)中投入更多的精神才能引導(dǎo)用戶(hù)向2、4的方向更深切進(jìn)入的閱讀。當(dāng)網(wǎng)頁(yè)內(nèi)容以圖片為主時(shí)，人們一般的閱讀順序是由左及右、從上到下。先關(guān)注最上方的菜單欄，最后看到下方信息，如以下圖。這種形式被稱(chēng)為Z形式.這種情況下，我們首先要突出LOGO,增加辨別度。其次，盡量使用獨(dú)立的背景將我們所要表示出的重要內(nèi)容所動(dòng)在框架內(nèi)，在整個(gè)版面中能夠運(yùn)用點(diǎn)、線、面元素，比方：文字、符號(hào)、或者一些帶有方向暗示的圖片引導(dǎo)用戶(hù)根據(jù)我們預(yù)測(cè)料想的Z形式進(jìn)行閱讀。在這種閱讀形式中，Z字母最下方橫線上的區(qū)域?qū)⑹怯脩?hù)閱讀的落腳點(diǎn)，也是視覺(jué)的黃金位置，能夠運(yùn)用這個(gè)規(guī)律，把我們想要帶給客戶(hù)的信息放入這個(gè)區(qū)域來(lái)加強(qiáng)效果。比方講一個(gè)網(wǎng)站在網(wǎng)頁(yè)的中心區(qū)域做了最核心的企業(yè)宣傳或產(chǎn)品展示，用戶(hù)在閱讀經(jīng)過(guò)中已經(jīng)對(duì)這些有了了解，那么假如設(shè)計(jì)者把用戶(hù)注冊(cè)或用戶(hù)購(gòu)買(mǎi)鏈接放在Z的橫線上，成功率一定會(huì)更高層次。〔四〕利用版式設(shè)計(jì)打造視覺(jué)層級(jí)。隨著各種網(wǎng)媒、紙媒的不斷發(fā)展，各種各樣的信息版面充斥在我們的學(xué)習(xí)、生活中。當(dāng)我們閱讀某個(gè)版面的時(shí)候，并不是像以往那樣由上到下，由左及右的閱讀了，當(dāng)我們?cè)O(shè)計(jì)一款版面的時(shí)候我們期望觀者的閱讀方式和他們實(shí)際真實(shí)的閱讀方式大相徑庭。能夠看到以下圖，左邊是我們期望用戶(hù)的閱讀順序，但是用戶(hù)實(shí)際的閱讀次序則。當(dāng)讀者閱讀一個(gè)版面時(shí)，基本上都有自個(gè)本來(lái)想要尋找的目的，比方講是購(gòu)買(mǎi)某種產(chǎn)品，查看某些消息、趣聞等等，但是華而不實(shí)的信息量較大，在這快節(jié)拍的時(shí)代從頭到尾逐一查看不太可能，正因如此就更要求設(shè)計(jì)師在設(shè)計(jì)各版面的時(shí)候要捉住主流用戶(hù)的特征，比方講性別，工作種類(lèi)，年齡區(qū)間，來(lái)自哪里等等，將我們想要表示出的重點(diǎn)內(nèi)容推送給讀者，當(dāng)讀者第一時(shí)間找到自個(gè)感興趣的內(nèi)容。才可能進(jìn)行下一步較為仔細(xì)的閱讀，否則就會(huì)離開(kāi)。無(wú)論在什么類(lèi)型的版面設(shè)計(jì)中，都要確保整個(gè)版面是吸引人的，并且較容易被讀者們接受。所以，控制視覺(jué)層級(jí)在版式設(shè)計(jì)中尤為重要。那么我們又該如何把版面中的各類(lèi)元素分成不同的層級(jí)，給讀者帶來(lái)不同的視覺(jué)質(zhì)感呢？首先，要有選擇的展示信息，在版式設(shè)計(jì)中哪些信息是我們的重點(diǎn)，在重點(diǎn)以外的東西我們要在不影響知足用戶(hù)需求的前提下盡量從簡(jiǎn)，于復(fù)雜的版面給受眾一種心煩意亂的感覺(jué)，就比方我們?nèi)粘Ｊ褂玫碾娨曔b控器，其實(shí)常用的按鍵連整體一半都不到，其他按鍵有些我們從未用過(guò)，所以講怎樣改進(jìn)設(shè)計(jì)，到達(dá)一鍵多用，去掉一些不必要的按鈕對(duì)于客戶(hù)更好、更便捷的使用有非常大的好處。再比方，如今很多界面，初始情況下一些二級(jí)入口是隱藏的，只要當(dāng)你選定一級(jí)入口后，才會(huì)出現(xiàn)下一步的選項(xiàng)。比方講我們手機(jī)的各種設(shè)置菜單，某些網(wǎng)站的菜單欄，當(dāng)我們有轉(zhuǎn)發(fā)微博意圖時(shí)才會(huì)出現(xiàn)的隱藏選項(xiàng)包括：復(fù)制、發(fā)送給朋友、刪除、推廣等等，在設(shè)計(jì)經(jīng)過(guò)中把非重點(diǎn)內(nèi)容先隱藏起來(lái)，能夠讓版面愈加清楚明晰明了，對(duì)用戶(hù)的干擾性大大減少，能夠讓其集中的關(guān)注他需要的信息。先把非必要的信息排除，能夠讓我們?cè)谠O(shè)計(jì)經(jīng)過(guò)把更多的精神放在有限的重點(diǎn)問(wèn)題上，所以第一步的挑選對(duì)于合理簡(jiǎn)化版面是非常重要的，最后所呈現(xiàn)給受眾群體的感受也是不同的。將版面中一樣或者類(lèi)似的元素歸類(lèi)分組，去粗取精，這樣要比雜亂無(wú)章的排列有效率的多。其次，設(shè)計(jì)者要對(duì)信息進(jìn)行深度的加工。簡(jiǎn)單的信息羅列，標(biāo)準(zhǔn)分欄的排版形式是以往設(shè)計(jì)的方式，但是就如今而言，可能用戶(hù)打開(kāi)這個(gè)網(wǎng)頁(yè)或者翻開(kāi)這本書(shū)籍就已經(jīng)沒(méi)有了深切進(jìn)入了解的興趣。就算用戶(hù)能夠靜下心看完，但是對(duì)內(nèi)容的印象也不會(huì)太深入。所以，為了吸引用戶(hù)的注意力，加深用戶(hù)對(duì)設(shè)計(jì)及內(nèi)容的印象，讓用戶(hù)更容易接受和感悟版面信息，我們需要對(duì)內(nèi)容進(jìn)行一個(gè)深度的加工。打個(gè)比方，一些公益網(wǎng)站呼吁保衛(wèi)動(dòng)物，他們是如何做的呢？首先在網(wǎng)站首頁(yè)播放一些有關(guān)動(dòng)物的視頻，讓人們了解一些野生動(dòng)物或者漂泊貓狗當(dāng)前的生存現(xiàn)在狀況以及面臨的威脅，通過(guò)視頻形象直觀的讓人們感遭到這些動(dòng)物的情況，通過(guò)一些輔助圖片，用戶(hù)不需要仔細(xì)閱讀文字信息可以以大致的了解該網(wǎng)站想要傳達(dá)的內(nèi)容。那么在設(shè)計(jì)中要如何處理圖片的樣式以及位置才能到達(dá)理想效果？第三、合理處理各要素。在版式設(shè)計(jì)中，往往尺寸較大的元素更能夠吸引受眾的注意力，往往元素尺寸的大小與它的重要程度是成正比的。合理的控制元素的尺寸大小為打造視覺(jué)層級(jí)是一個(gè)非常有效的方式方法。色彩是決定受眾對(duì)版面第一印象的重要因素之一，設(shè)計(jì)師合理的進(jìn)行顏色的把控，處理好顏色關(guān)系，不僅能夠突出重點(diǎn)、彰顯個(gè)性還能夠連貫整個(gè)版面，加強(qiáng)組織協(xié)調(diào)性。一般情況下，我們?cè)谙Ｍ鼙婈P(guān)注的元素上都會(huì)使用比照較強(qiáng)的顏色。例如一個(gè)寫(xiě)滿(mǎn)各種信息的版面下方有一個(gè)綠色的正方形色塊，即使這個(gè)色塊不在版面的奪目位置，我們還是會(huì)首先注意到這個(gè)綠色正方形上面的信息。色彩的運(yùn)用是一門(mén)學(xué)問(wèn)，過(guò)渡色的使用能夠使版要素間構(gòu)成無(wú)形的聯(lián)絡(luò)，能夠統(tǒng)一版面的整體色調(diào)。在信息種類(lèi)不多的情況下，我們還能夠通過(guò)顏色的變換來(lái)到達(dá)為信息分類(lèi)的目的，少了分割線和條框的束縛，能夠使版面增加活力。顏色色相的不同對(duì)視覺(jué)刺激產(chǎn)生的強(qiáng)烈程度當(dāng)前沒(méi)有科學(xué)證明絕對(duì)的強(qiáng)弱順序，但是冷色調(diào)和暖色調(diào)是存在明顯差異不同的。比方講圖案完全一樣只要顏色不同的兩張圖片，一張紅色調(diào)、一張藍(lán)色調(diào)。人們一般都會(huì)先注意到紅色調(diào)的圖片。實(shí)驗(yàn)表示清楚，視覺(jué)對(duì)距離的遠(yuǎn)近感悟是非常敏感的，由于紅色和藍(lán)色的波長(zhǎng)不同，我們?cè)谝粯拥奈恢糜^察這兩種顏色時(shí)，紅色呈內(nèi)側(cè)映像、藍(lán)色呈外側(cè)映像。因而，眼睛給我們一種紅色在前進(jìn)，藍(lán)色在后退的感覺(jué)。美國(guó)某數(shù)字營(yíng)銷(xiāo)公司曾做過(guò)一個(gè)測(cè)試，以紅色和綠色兩種顏色為基礎(chǔ)，測(cè)試受眾對(duì)這兩種不同顏色的選擇比率。在測(cè)試之前，大部分的研究人員以為綠色圖案被選擇性會(huì)更高層次，由于在日常生活中，安全出口，綠燈都代表著安全、通行，而紅色一般用于提示危險(xiǎn)、停止的場(chǎng)合，這種猜想非常符合我們的正常邏輯，但是測(cè)試結(jié)果卻恰恰相反，選擇紅色圖案的比率要超過(guò)綠色圖案21%.這個(gè)結(jié)果在一定程度上反映了顏色本身對(duì)人視覺(jué)吸引和最后選擇的影響力。我們還能夠巧妙的處理好文字的編排來(lái)打造視覺(jué)層級(jí)。在我們本土的版式設(shè)計(jì)中漢字是很常見(jiàn)的，可是有很多設(shè)計(jì)者經(jīng)常回避盡可能的回避漢字，用英文取而代之。其實(shí)，有很多日本原創(chuàng)設(shè)計(jì)都是非常值得學(xué)習(xí)的，日本的設(shè)計(jì)師真的會(huì)去花時(shí)間和精神去深切進(jìn)入的研究他們的文字樣式以及內(nèi)涵。漢字的編排其實(shí)非?？简?yàn)設(shè)計(jì)師的設(shè)計(jì)功底，每當(dāng)我碰到瓶頸的時(shí)候我都會(huì)找一些日本的設(shè)計(jì)進(jìn)行參考，他們的文字編排總是非常獨(dú)到，值得借鑒。漢字與英文字母完全不同，英文是由多個(gè)字母組合而成，而拆分出來(lái)每個(gè)字母實(shí)際上并沒(méi)有什么含義，漢字不同，它是由象形為基礎(chǔ)，表示出著某一時(shí)期復(fù)雜的生活場(chǎng)景或習(xí)慣，每個(gè)單個(gè)的漢字都有自個(gè)的含義，所以在中英文的編排上實(shí)際上是有很大差異不同的。除了這個(gè)以外，對(duì)于字號(hào)的大小中英文也有一定差距，同一字號(hào)可能英文字母還能夠看的很清楚明晰，但是漢字已經(jīng)無(wú)法分辨體認(rèn)清楚了，所以在設(shè)計(jì)中還要注意漢字的可分辨體認(rèn)性，另外拉丁字母線條比擬簡(jiǎn)單靈敏，在版面設(shè)計(jì)中更容易給人帶來(lái)活潑踴躍感，而且對(duì)于一樣含義的漢字，往往英文表示出的字母要長(zhǎng)一些，相比于漢字的塊,英文的表示出效果更像一個(gè)段,進(jìn)而構(gòu)成一個(gè)單獨(dú)的主體，但漢字則不然，所以在設(shè)計(jì)中漢字怎樣編排的更美觀更有內(nèi)涵是非常有難度的。在進(jìn)行設(shè)計(jì)編排之前，很多設(shè)計(jì)師一拿到文字稿件就開(kāi)場(chǎng)考慮如何分欄排版，這樣才能符合版面的需要，而完全不去關(guān)心文字內(nèi)容，這是完全不可取的。真正的想做好設(shè)計(jì)，首先就要深入了解我們所要編排的內(nèi)容，只要這樣才能把文字劃分層級(jí)，比方最重要的一級(jí)，如主標(biāo)題，宣傳語(yǔ)等，次要的比方為首要層級(jí)起輔助作用的二級(jí)層級(jí)以及并不是特別重要的，比方頁(yè)碼，注腳等等。并分別為不同的層級(jí)劃分好相應(yīng)的位置和所占空間的比例。做到了這些，文字已經(jīng)有了基本的層次感，了解了所要表示出的內(nèi)容，在字體的選擇上也有所幫助。很多時(shí)候在設(shè)計(jì)中，我們對(duì)字體的選擇都很迷茫，都是把字打上去然后不斷的切換字體樣式，對(duì)我個(gè)人而言，實(shí)際上我對(duì)什么情況用什么字體的概念并不清楚明晰。實(shí)際上，想做好設(shè)計(jì)，我們必需要關(guān)注各種字體的性格，只要擅長(zhǎng)區(qū)分各種字體的適用空間才能讓字體與整個(gè)版面乃至更深層次的內(nèi)容氣質(zhì)相吻合。文字是版式設(shè)計(jì)中非常重要的元素，想打造版面的視覺(jué)層級(jí)關(guān)系就要處理好文字的編排，除了上述所提到的深切進(jìn)入了解文字的內(nèi)涵，理清層級(jí)關(guān)系，更關(guān)注文字字體、大小以外，還要合理的做好文字和插圖之間的視覺(jué)空間布置，調(diào)整字距、行距，段落與段落間對(duì)其與錯(cuò)落關(guān)系等等。第四、充分了解用戶(hù)視覺(jué)感官。做好版式設(shè)計(jì)僅僅僅是做到以上這些還不夠，我們還必須深入了解用戶(hù)的視覺(jué)感官，遵循視覺(jué)的特定規(guī)律，讓用戶(hù)能夠更夠更舒適、更便捷的觀看我們的設(shè)計(jì)作品。舉例講明：當(dāng)我們把版面十字劃分為四個(gè)方塊：左上、右上、左下、右下，代碼分別為1,2,3,4.當(dāng)我們的站在一樣的位置觀察版面時(shí)，拋開(kāi)中心點(diǎn)以外，我們對(duì)版面中1號(hào)方塊投入的精神最多，其次是2號(hào)，再次是3號(hào)，最后是4號(hào)方塊最差。所以1號(hào)和2號(hào)方塊處事我們?cè)谟^察一個(gè)版面時(shí)視覺(jué)注意價(jià)值最大的區(qū)域，這個(gè)區(qū)域我們能夠稱(chēng)之為最佳視域.設(shè)計(jì)者能夠?qū)⑵渥钕氡硎境龅?，最重要的信息放在這個(gè)區(qū)域內(nèi)呈現(xiàn)給用戶(hù)來(lái)到達(dá)預(yù)期的效果。拿支付寶首頁(yè)舉例，舊版的支付寶首頁(yè)給人的感覺(jué)稍顯雜亂，用戶(hù)點(diǎn)進(jìn)去的時(shí)候首先看到的是推廣位置，其余的就非常分散不分主次。改版后的支付寶頁(yè)面，綜合了平臺(tái)宣傳和客戶(hù)使用目的的心理，把支付寶的品牌宣傳和客戶(hù)的登錄需求放在了最佳視域中，把一些次要的功能弱化在下方，即簡(jiǎn)化了版面，讓用戶(hù)把視線集中在主內(nèi)容的操作區(qū)域，加強(qiáng)了宣傳辨別度，又方便了用戶(hù)的使用，符合當(dāng)代人的行為習(xí)慣。另外支付寶企宣的背景是虛化的，給人一種背景被拉遠(yuǎn)的感覺(jué)，這樣會(huì)使用戶(hù)的眼睛無(wú)法對(duì)焦到背景上，使用戶(hù)在進(jìn)入版面的時(shí)候不會(huì)被背景信息所干擾，這也是我們?cè)诎媸皆O(shè)計(jì)中突出主體的常用方式方法。通過(guò)研究發(fā)現(xiàn)，橫向排版比縱向排版不容易讓人產(chǎn)生視覺(jué)疲憊，一般我們觀察某個(gè)版面時(shí)，大部分的人都是先看水平方向然后才看垂直方向。如此圖4.8所示，在同一個(gè)版面中，左邊圖的排版方式，左右兩個(gè)板塊的關(guān)注度差異不同要小于右邊排版方式上下板塊的差異不同。假如我們想要表示出的信息不分主要與次要，那左邊的排列方式更合理。假如有明確的主要信息和次要信息，需要拉開(kāi)差距，右邊的排列方式更符合正常的視覺(jué)心理。二、基于視覺(jué)心理學(xué)的手機(jī)媒體界面版式設(shè)計(jì)分析及應(yīng)用。隨著時(shí)代的不斷發(fā)展，手機(jī)由職能單一的通訊工具轉(zhuǎn)化為一種新型媒體工具。手機(jī)媒體在一定程度上融合了報(bào)紙、廣播、電視、網(wǎng)絡(luò)的功能成為第五媒體.手機(jī)的智能化，Wi-Fi的普及以及4G網(wǎng)絡(luò)的出現(xiàn)使手機(jī)的功能逐步增加，信息傳播的速度逐步加快，我們能夠通過(guò)手機(jī)隨時(shí)隨地的獲取、共享信息。手機(jī)媒體的版式設(shè)計(jì)影響著受眾的心理。用戶(hù)的心理也會(huì)改變手機(jī)媒體版式設(shè)計(jì)的內(nèi)容以及形式。因而，通過(guò)視覺(jué)心理學(xué)研究手機(jī)媒體的版式設(shè)計(jì)對(duì)手機(jī)媒體的發(fā)展能夠提供一定的幫助?！惨弧呈謾C(jī)媒體的用戶(hù)群體分析。截止到2021年6月，中國(guó)網(wǎng)民已到達(dá)6.68億人，華而不實(shí)手機(jī)網(wǎng)民總?cè)藬?shù)到達(dá)5.94億人，占總數(shù)的88.9%.手機(jī)媒體已經(jīng)逐步普及，那么怎樣從版式設(shè)計(jì)的角度去做好手機(jī)媒體成為了設(shè)計(jì)者應(yīng)該考慮的重要問(wèn)題。而在這之前，首先應(yīng)該深切進(jìn)入的了解手機(jī)用戶(hù)，為了保證對(duì)手機(jī)媒體受眾分析的真實(shí)性，采用問(wèn)卷調(diào)查的方式方法。問(wèn)卷內(nèi)包括：個(gè)人的基本信息，比方年齡、職業(yè)和學(xué)歷等；手機(jī)的使用情況，比方手機(jī)的品牌、使用的頻率、常用的功能等；對(duì)常用手機(jī)APP版式設(shè)計(jì)的愛(ài)好、建議等等。從2021年9月到2021年1月，共發(fā)放調(diào)查問(wèn)卷210份。主要發(fā)放地點(diǎn)為人群密集的車(chē)站、機(jī)場(chǎng)、超市結(jié)賬等候區(qū)等。這192份有效問(wèn)卷中，年齡15歲至65歲不等，華而不實(shí)有183位使用的是智能手機(jī)，占總?cè)藬?shù)的95.3%.有156位表示對(duì)手機(jī)非常依靠，占總?cè)藬?shù)的81.3%.華而不實(shí)有27人表示只要茶余飯后閑暇時(shí)間才會(huì)使用手機(jī)，占總?cè)藬?shù)14%.只要9位受訪者僅用手機(jī)接打，平均年齡60歲，占總?cè)藬?shù)的4%.192份有效問(wèn)卷中，有63.7%的受訪者天天使用手機(jī)的時(shí)間大于5小時(shí)。華而不實(shí)年齡在22-31之間的受訪者，天天使用手機(jī)超過(guò)5小時(shí)的人數(shù)占82.3%,而32-40、15-22、40以上年齡的受訪者所占比率依次減少。假如天天休息時(shí)間為中午1小時(shí)，晚上8小時(shí)，工作或?qū)W習(xí)時(shí)間天天8小時(shí)，那在天天剩余的7小時(shí)中，有63.7%的受訪者使用手機(jī)的時(shí)間占據(jù)了2/3.192名受訪者中，使用手機(jī)時(shí)長(zhǎng)的地點(diǎn)從多到少依次為：家里、公共場(chǎng)所〔公交車(chē)、出租車(chē)、飯店〕、工作單位等。使用最多的APP類(lèi)型依次為：聊天交友類(lèi)〔微信、騰訊QQ〕、讀書(shū)類(lèi)軟件、新聞?lì)悺豺v訊新聞、UC閱讀器〕、財(cái)經(jīng)類(lèi)〔股票〕、手機(jī)游戲類(lèi)以及各種音頻播放器類(lèi)。通過(guò)對(duì)192份有效問(wèn)卷的調(diào)查分析，確定了手機(jī)媒體受眾的年齡范疇趨向年輕化，受眾使用手機(jī)媒體時(shí)間長(zhǎng)，使用地點(diǎn)以家、單位、公共場(chǎng)所為主，呈現(xiàn)出使用次數(shù)多、使用時(shí)間、地點(diǎn)不固定的情況，使用率較高的APP大多為社交、財(cái)經(jīng)、新聞等?！捕翅槍?duì)用戶(hù)視覺(jué)心理的手機(jī)界面版式設(shè)計(jì)。在手機(jī)各種APP界面中，利用版式設(shè)計(jì)中的各個(gè)視覺(jué)元素的編排能夠使用戶(hù)更簡(jiǎn)單、更便捷、更快速的查看、了解、研究信息，并與APP構(gòu)成互動(dòng)。所以，設(shè)計(jì)者需要根據(jù)視覺(jué)心理學(xué)的相關(guān)內(nèi)容對(duì)各元素進(jìn)行合理的編排，拉近與用戶(hù)的距離，使用戶(hù)操作方便、簡(jiǎn)單、舒適，在接收信息的同時(shí)，產(chǎn)生美的聯(lián)想。手機(jī)媒體的觸摸屏界面設(shè)計(jì)是靜態(tài)版式的設(shè)計(jì)的延伸，是與視覺(jué)心理學(xué)與行為美學(xué)結(jié)合的動(dòng)態(tài)視覺(jué)藝術(shù)。不僅能夠利用傳統(tǒng)版式設(shè)計(jì)中的設(shè)計(jì)理念和規(guī)律還能夠利用多點(diǎn)觸摸和點(diǎn)擊放大、平移等交互功能，所以在手機(jī)界面的版式設(shè)計(jì)中，我們不僅要考慮傳統(tǒng)的色彩搭配，圖片文字的大小，還要研究怎樣用視覺(jué)元素與用戶(hù)進(jìn)行對(duì)話,讓視覺(jué)元素影響用戶(hù)的心理感受，進(jìn)而讓手機(jī)界面發(fā)出聲音支配用戶(hù)進(jìn)行連貫流暢的操作。1.手機(jī)界面中的圖標(biāo)設(shè)計(jì)與布局。在手機(jī)界面中，固然圖標(biāo)的占用面積不大，簡(jiǎn)潔抽象，但它往往有高于其他元素的可視性。做好圖標(biāo)的編排有助于信息的傳達(dá)和用戶(hù)對(duì)信息的接受。手機(jī)界面中的圖標(biāo)一般采用簡(jiǎn)單的色彩，給人一種統(tǒng)一、簡(jiǎn)潔的感覺(jué)的同時(shí)帶來(lái)視覺(jué)沖擊力。從用戶(hù)的角度看，那些主體明確，條理清楚明晰、形式簡(jiǎn)化的視覺(jué)信息更容易被辨別，在手機(jī)界面中，一般選取有群眾特征、有辨識(shí)度的符號(hào)去表示該圖標(biāo)所對(duì)應(yīng)的功能和含義，長(zhǎng)期積累的視覺(jué)經(jīng)歷體驗(yàn)會(huì)構(gòu)成心理定向，影響視覺(jué)心理的接受，這是產(chǎn)生共鳴的基礎(chǔ)。在能夠表示清楚功能和含義的前提下，盡可能的簡(jiǎn)化圖標(biāo)，減少用戶(hù)的視覺(jué)負(fù)擔(dān)。界面中的圖標(biāo)要有秩序，大小要保持一致，顏色搭配適當(dāng)，要把握好圖標(biāo)與圖標(biāo)之間、圖標(biāo)和背景之間的整體關(guān)系，設(shè)計(jì)者能夠根據(jù)不同類(lèi)型的軟件所針對(duì)的不同人群，能夠確定一個(gè)圖標(biāo)的整體風(fēng)格。2.手機(jī)界面中的文字與色彩。由于手機(jī)屏幕的限制，對(duì)手機(jī)界面的版式設(shè)計(jì)的文字與色彩要求也比擬特殊。手機(jī)屏幕的大小要遠(yuǎn)遠(yuǎn)小于電腦、報(bào)紙、書(shū)籍、雜志等版面，所以對(duì)文字的內(nèi)容和形式要求也有所不同，優(yōu)秀手機(jī)界面的文字編排做的非常精細(xì)，不僅內(nèi)容上簡(jiǎn)明扼要，在形式上也區(qū)分明確，同類(lèi)信息一般使用同一種字體，同一種顏色，有助于用戶(hù)區(qū)分不同種類(lèi)的信息，提升用戶(hù)的使用體驗(yàn)。色彩是人們視覺(jué)最敏感的元素，所以在手機(jī)界面的版式設(shè)計(jì)中色彩的使用尤為重要。在手機(jī)界面中，色彩應(yīng)該是統(tǒng)一和諧的，設(shè)計(jì)者根據(jù)想要表示出的內(nèi)容來(lái)選擇一個(gè)整體的顏色風(fēng)格，一般采用比擬淡雅的顏色作為主色調(diào)，用1-2種其他顏色來(lái)渲染細(xì)節(jié)，主次分明，注重版式內(nèi)容的可讀性。手機(jī)界面的整體風(fēng)格具體表現(xiàn)出在界面的每個(gè)元素之中，應(yīng)該保證界面中各個(gè)元素分類(lèi)準(zhǔn)確，協(xié)調(diào)一致，風(fēng)格統(tǒng)一。這樣不僅在形式上看起來(lái)美觀舒適，也方便用戶(hù)更準(zhǔn)確、簡(jiǎn)單的了解界面中的功能。比方優(yōu)衣庫(kù)APP的界面，隨著用戶(hù)翻到不同的標(biāo)簽頁(yè)，界面的主體顏色都會(huì)改變，文字的顏色和圖片的色系也隨之改變，給人的感覺(jué)清新別致，把用戶(hù)自然的帶入到不同的情境中，給人新鮮的視覺(jué)體驗(yàn)。3.手機(jī)界面中的視覺(jué)注意引導(dǎo)。注意是針對(duì)某種對(duì)象的視覺(jué)和心理的集中。著名心理學(xué)家D.E.Broadbent曾經(jīng)提出過(guò)濾器理論,大致內(nèi)容為：我們?cè)诟鞣N渠道中接收到的信息是非常多的，但是我們并不能把這些信息在同一時(shí)間全部的接受。由于我們視覺(jué)就好比一個(gè)過(guò)濾器，會(huì)將除了我們主觀想要獲得的信息以外的內(nèi)容過(guò)濾掉。比方講，當(dāng)我們看到一個(gè)版面時(shí)，大腦就會(huì)啟動(dòng)它的過(guò)濾器系統(tǒng)，在看到小標(biāo)題的時(shí)候，視覺(jué)就會(huì)自動(dòng)的忽略掉其他的信息，實(shí)際上視覺(jué)呈現(xiàn)的是只是小標(biāo)題的內(nèi)容，其他的信息都是虛的。人腦皮質(zhì)有數(shù)百億個(gè)神經(jīng)元，華而不實(shí)只要不到特別之一是我們使用的，所以設(shè)計(jì)者在創(chuàng)作中怎樣使自個(gè)想要表示出的內(nèi)容被受眾在各種視覺(jué)信息中被發(fā)現(xiàn)和選擇，并以此產(chǎn)生等待與聯(lián)想，是一個(gè)非常值得研究的問(wèn)題。被動(dòng)關(guān)注和主動(dòng)關(guān)注。被動(dòng)關(guān)注是通過(guò)視覺(jué)元素的刺激導(dǎo)致的我們自覺(jué)的意識(shí)投入。關(guān)注的產(chǎn)生就是眼與腦相互作用的產(chǎn)生的效果。當(dāng)通過(guò)人眼所看看到的視覺(jué)元素引發(fā)我們的興趣進(jìn)而帶動(dòng)我們利用以往的經(jīng)歷體驗(yàn)和豐富的想象來(lái)獲得該視覺(jué)元素的其他相關(guān)內(nèi)容時(shí)，這屬于被動(dòng)關(guān)注。反之，我們主觀意識(shí)想要去了解某方面的內(nèi)容，然后在各種各樣的信息中進(jìn)行挑選，最后通過(guò)視覺(jué)得到確認(rèn)，這種情況屬于主動(dòng)關(guān)注。例如在我們登錄QQ或者登錄某些網(wǎng)站的時(shí)候，電腦或者網(wǎng)頁(yè)的右下角會(huì)彈出廣告，我們的眼睛首先在右下方有一個(gè)圖像在跳動(dòng)，引起我們的注意力，這時(shí)我們才會(huì)去關(guān)注這個(gè)圖像中的詳細(xì)信息，并在潛意識(shí)中對(duì)以往了解到類(lèi)似該廣告內(nèi)容的一些信息，進(jìn)而大腦會(huì)做出一個(gè)判定，這是被動(dòng)關(guān)注。當(dāng)我們想要下載某款軟件的時(shí)候，我們的大腦會(huì)主動(dòng)的去搜集該網(wǎng)站的一些下載鏈接信息，并在華而不實(shí)進(jìn)行多方面的考量，最后做出選擇。這都是一般關(guān)注的三個(gè)層級(jí)。在我們的實(shí)際應(yīng)用中能夠發(fā)現(xiàn)，當(dāng)我們第一層級(jí)包含的信息越少，最終到達(dá)第三層級(jí)的速度就越快。假設(shè)以特別之一秒的速度獲取第一次信息，則在一秒鐘的時(shí)間里能夠重復(fù)十次，這樣意味著能夠?qū)Λ@取目的有更深入的印象。日本很多的設(shè)計(jì)都遭到人們的廣泛好評(píng)，比方講無(wú)印良品，它的理念是簡(jiǎn)潔、環(huán)保。固然沒(méi)有太多的裝飾元素，但是卻很注意細(xì)節(jié)和整體的把握，這種簡(jiǎn)單樸實(shí)的設(shè)計(jì)使這個(gè)品牌有了更高層次的辨別度。在我們的生活中也有這樣的例子，每個(gè)公交停靠站一般都有滾動(dòng)廣告的投放，公交?？康臅r(shí)間比擬短，人們坐在車(chē)上距離廣告牌也比擬遠(yuǎn)，所以在設(shè)計(jì)中設(shè)計(jì)師要考慮到這個(gè)問(wèn)題，盡可能的簡(jiǎn)化版面來(lái)縮短被人們接受的時(shí)間，彌補(bǔ)這種條件給廣告帶來(lái)的劣勢(shì)。那么，假如第一階段必需要有較多的信息該怎樣處理？這是我們?cè)谄匠５脑O(shè)計(jì)中經(jīng)常碰到的問(wèn)題，當(dāng)有大量的信息需要集中在一小張圖片上，這時(shí)沒(méi)有秩序的堆砌是致命的。蘋(píng)果官網(wǎng)上的一個(gè)宣傳頁(yè)面，這個(gè)頁(yè)面中設(shè)計(jì)者傳遞出了很多的信息，但是沒(méi)給人雜亂無(wú)章的感覺(jué)，我們還能夠從中快速的找到我們所關(guān)注的內(nèi)容，非關(guān)鍵元素并沒(méi)有過(guò)分分散我們的注意力。在我們看到某個(gè)版面時(shí)，大腦