網(wǎng)頁(yè)背景圖設(shè)計(jì)原則

1 網(wǎng)頁(yè)背景圖設(shè)計(jì)原則 在圖片設(shè)計(jì)前，設(shè)計(jì)師能參考目前已有的網(wǎng)頁(yè)粗略布局和欄目等，重新梳理列出網(wǎng)站中所需的圖片類型。下面介紹網(wǎng)頁(yè)背景圖設(shè)計(jì)原則，希望對(duì)您有幫助。

1、 梳理網(wǎng)站中所需圖片類型 沒(méi)經(jīng)過(guò)思考就直接開(kāi)工是設(shè)計(jì)效率低下的罪魁禍?zhǔn)住?在圖片設(shè)計(jì)前，設(shè)計(jì)師能參考目前已有的網(wǎng)頁(yè)粗略布局和欄目等，重新梳理列出網(wǎng)站中所需的圖片類型。比如，按照欄目和模塊對(duì)所需的圖片分類：Banner、業(yè)務(wù)介紹、產(chǎn)品介紹/展示、公司介紹、團(tuán)隊(duì)介紹、新聞/資訊、客戶案例等。 當(dāng)然，設(shè)計(jì)師也可以根據(jù)項(xiàng)目實(shí)際情況，或最適合自己的方法采用更好的圖片分類。梳理圖片類型是幫助設(shè)計(jì)師重新梳理網(wǎng)站內(nèi)容，讓后面工作更有計(jì)劃和針對(duì)性。 2、 明確圖片的意圖 在一個(gè)網(wǎng)站中，瀏覽網(wǎng)頁(yè)時(shí)所看到的圖片不應(yīng)僅做到吸引用戶的視線，而更能讓用戶通過(guò)視覺(jué)影像，準(zhǔn)確感受到網(wǎng)站傳遞的信息。實(shí)際上，網(wǎng)頁(yè)上的圖片不只是美麗的像素塊，所有的圖片都應(yīng)該是有意圖的。了解圖片意圖，對(duì)設(shè)計(jì)師來(lái)說(shuō)就是明確圖片的設(shè)計(jì)目標(biāo)，這是非常重要的一步工作。 我們總結(jié)了幾個(gè)常見(jiàn)的圖片意圖：展現(xiàn)產(chǎn)品特點(diǎn)(優(yōu)勢(shì));與文字相關(guān)聯(lián)，保持元素一致性;幫助人理解某些東西;教導(dǎo)人使用(某產(chǎn)品);以人物視線引導(dǎo)用戶;營(yíng)造氛圍;渲染情緒;塑造品牌。 以下是實(shí)際案例分享： 展現(xiàn)產(chǎn)品特點(diǎn) 在一個(gè)網(wǎng)站中，首屏對(duì)用戶的印象幾乎起決定作用，而B(niǎo)anner圖在首屏中所在的位置，決定了其重要性。尤其對(duì)于營(yíng)銷型網(wǎng)站來(lái)說(shuō)，Banner圖是一個(gè)產(chǎn)品展示的位置。該案例的圖片意圖非常明確，和文字搭配在一起，既有宣傳、推廣產(chǎn)品的作用，又是一個(gè)引導(dǎo)用戶點(diǎn)擊參與的入口。 與文字相關(guān)聯(lián)，保持元素一致性 其實(shí)對(duì)設(shè)計(jì)師來(lái)說(shuō)，圖文相關(guān)是設(shè)計(jì)中的一個(gè)基本原則。但大部分網(wǎng)站忽略了這一點(diǎn)，甚至導(dǎo)致信息不能正確傳遞、銷售機(jī)會(huì)減少等問(wèn)題。 有一個(gè)來(lái)自Web易用性大師的研究結(jié)論：?jiǎn)渭兊难b飾性圖片會(huì)潛意識(shí)地被我們大腦忽略。這項(xiàng)研究表明圖文相關(guān)性的重要作用，成為設(shè)計(jì)指導(dǎo)原則。“圖片與文字相關(guān)聯(lián)”更應(yīng)該被設(shè)計(jì)師用于項(xiàng)目實(shí)踐中。 幫助人理解、教導(dǎo)人使用 當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，圖片可以吸引人的注意力，并讓用戶對(duì)圖片內(nèi)容高度敏感，進(jìn)而主動(dòng)瀏覽文字深入了解產(chǎn)品如何使用，激發(fā)更大興趣。一般情況下，設(shè)計(jì)目標(biāo)為“教導(dǎo)人使用”的圖片，更適用于新產(chǎn)品或使用復(fù)雜的產(chǎn)品，這種方式可以幫助用戶快速掌握使用技巧，降低產(chǎn)品使用成本，獲得用戶青睞。 故而經(jīng)過(guò)專業(yè)拍攝和處理的圖片，清晰、干凈，并且將原本需要一大段文字描述的信息，成功以“看圖說(shuō)話”的方式直接向用戶展示，幫助用戶更好地理解產(chǎn)品。 以人物視線引導(dǎo)用戶 隨著人物的視線，用戶會(huì)進(jìn)一步將注意力放在網(wǎng)頁(yè)中間的文字和圖形上。這種設(shè)計(jì)方式有兩個(gè)關(guān)鍵：一般先通過(guò)美麗的模特(或其他人物形象)吸引用戶關(guān)注;用戶會(huì)繼續(xù)跟著模特視線轉(zhuǎn)移注意點(diǎn)，關(guān)注產(chǎn)品、文案或Logo，達(dá)到圖片設(shè)計(jì)的目標(biāo)。 在著名的You Look Where They Look研究里，通過(guò)對(duì)嬰兒尿布零售商網(wǎng)站的眼動(dòng)研究，得出了結(jié)論：廣告中，用戶眼球可以被模特(或人物形象)的視線所引導(dǎo)。通過(guò)人物視線的巧妙引導(dǎo)，可以讓網(wǎng)站重要信息得到展示，并改善用戶視線只關(guān)注模特的問(wèn)題。 營(yíng)造氛圍 對(duì)用戶來(lái)說(shuō)，生活化的圖片濃縮了人們?nèi)粘Ｉ畹囊粋€(gè)場(chǎng)景，有熟悉的感覺(jué)。圖片從整體營(yíng)造了溫馨的氛圍，并且人物愉悅的表情能影響人的心情，讓用戶感受到一種歡樂(lè)、溫馨的家庭氣氛。 渲染情緒 審美是人人具備的天性，一個(gè)網(wǎng)站是否好看，用戶在眼就會(huì)有直觀的判斷。受到大腦中的“原始人”影響，圖片美觀程度能真正影響到用戶對(duì)網(wǎng)站印象。 塑造品牌 對(duì)用戶來(lái)說(shuō)，高質(zhì)量的大圖往往更受歡迎，風(fēng)格統(tǒng)一的圖片既有視覺(jué)震撼力，又容易給人留下較深刻的印象，長(zhǎng)久吸引用戶注意力。成功品牌可以在很久之后，通過(guò)視覺(jué)上的獨(dú)特，喚起人潛意識(shí)里的印象，讓用戶聯(lián)想到該品牌。 2 網(wǎng)頁(yè)設(shè)計(jì) 中如何做好網(wǎng)頁(yè)留白 在好的網(wǎng)頁(yè)設(shè)計(jì)中,如果可以巧妙的運(yùn)用設(shè)計(jì)元素之間留白技巧，會(huì)使網(wǎng)頁(yè)更加簡(jiǎn)單、大方。不會(huì)使各個(gè)板塊很擁擠，也不會(huì)顯得很小氣。怎樣才能更好的設(shè)計(jì)網(wǎng)頁(yè)留白呢? 首先，留心不同內(nèi)容區(qū)塊之間的間距和排列方式，能讓你的設(shè)計(jì)的整體感官大不一樣，從而提升設(shè)計(jì)的品質(zhì)。 其次，處理好留白的關(guān)鍵是從整體上感知設(shè)計(jì)元素。把設(shè)計(jì)稿縮小觀看會(huì)是個(gè)好辦法。優(yōu)秀的留白運(yùn)用又一次讓網(wǎng)頁(yè)內(nèi)容成為焦點(diǎn)。 第三，每篇文章中都有大量?jī)?nèi)容，不過(guò)該站點(diǎn)的設(shè)計(jì)師們并不憚?dòng)诮o這么多內(nèi)容之間填上大量留白。并不是說(shuō)你的文字不夠多，就不能用很多留白。 各種不同情況下，留白要求都不盡相同。需要我們不斷訓(xùn)練自己，做到對(duì)留白所能帶來(lái)的改變時(shí)刻心中有數(shù)，從而有效地利用留白滿足設(shè)計(jì)需求。這要靠個(gè)人感覺(jué)的，不過(guò)都能從實(shí)踐中鍛煉出來(lái)。 除了以上三點(diǎn)，要想做出優(yōu)秀的留白可以參考一下內(nèi)容： 1、使用網(wǎng)格輔助設(shè)計(jì) 利用網(wǎng)格當(dāng)然能幫助你理解元素之間的空白。 2、不斷嘗試 不斷嘗試—失敗—嘗試，直到找到方案。 3、留白并不是浪費(fèi)空間 空白并不總是等著你去填充的。 4、沒(méi)錯(cuò)，少就是多 與其用盡心思填滿某個(gè)區(qū)域，不如就把它留空，只保留至關(guān)重要的信息就好。 3 網(wǎng)頁(yè)網(wǎng)站制作需注意的問(wèn)題 網(wǎng)站在我們生活中已經(jīng)非常常見(jiàn)，網(wǎng)站的作用也是顯而易見(jiàn)的，對(duì)于商家以及企業(yè)而言，有的網(wǎng)站對(duì)于自身起到了非常大的推廣作用，帶來(lái)了驚人的效益，有的網(wǎng)站則是如同虛設(shè)一般，沒(méi)有發(fā)揮其原有的作用。那么一個(gè)成功的網(wǎng)頁(yè)網(wǎng)站制作的時(shí)候需要注意一些問(wèn)題，接下來(lái)給大家簡(jiǎn)單的介紹下： 1、未進(jìn)行關(guān)鍵詞分析。也就是說(shuō)這個(gè)網(wǎng)站中要有主題關(guān)鍵詞，讓用戶通過(guò)瀏覽網(wǎng)站可以快捷的知道網(wǎng)站的主題內(nèi)容。因此要對(duì)關(guān)鍵詞進(jìn)行恰當(dāng)?shù)姆治觯绻贿M(jìn)行恰當(dāng)?shù)姆治雒つ康脑O(shè)計(jì)的話會(huì)造成網(wǎng)站的方向不明確、關(guān)鍵詞配置不合理、排名效果差等，后期的推廣效果也是不行的。 網(wǎng)頁(yè)背景圖設(shè)計(jì)原則 2、缺少導(dǎo)入連接。一些不成功的網(wǎng)站在優(yōu)化方面都存在收錄的問(wèn)題，仔細(xì)的檢查一些不難發(fā)現(xiàn)都是缺少導(dǎo)入連接的問(wèn)題。在神奇的互聯(lián)網(wǎng)中網(wǎng)頁(yè)與網(wǎng)頁(yè)之間的關(guān)系是通過(guò)連接來(lái)完成的，如果網(wǎng)站與外界沒(méi)有多少連接的話那么網(wǎng)站相當(dāng)于就成了一個(gè)孤島，孤島的網(wǎng)站，搜索引擎無(wú)法知道網(wǎng)站的存在，對(duì)于瀏覽用戶來(lái)說(shuō)就不能瀏覽到網(wǎng)站，那么網(wǎng)頁(yè)網(wǎng)站制作的意義也就失去了。 3、采集大量的文章。搜索引擎中不會(huì)對(duì)于網(wǎng)站中高度重復(fù)的文章好的排名，也就說(shuō)網(wǎng)頁(yè)網(wǎng)站制作的時(shí)候如果保函大量的采集文章的話對(duì)網(wǎng)站是有一定的負(fù)面影響的，網(wǎng)站中沒(méi)有或者很少有原創(chuàng)性實(shí)質(zhì)性文章的話會(huì)帶用戶瀏覽帶來(lái)不良的印象，也給搜索引擎優(yōu)化帶來(lái)了困難。 4、一位追求網(wǎng)站的外形美觀。有的網(wǎng)站追求大方、美觀、好看的外觀，一味地追求美觀其實(shí)對(duì)于制作網(wǎng)站來(lái)不是必需的。根據(jù)用戶的瀏覽習(xí)慣來(lái)說(shuō)，用戶一般是喜歡簡(jiǎn)潔明了的頁(yè)面，這樣良好的視覺(jué)效果才會(huì)對(duì)用戶有用，當(dāng)然適當(dāng)?shù)膱D片、裝飾細(xì)節(jié)也是可以的，特別是對(duì)于一些服裝、婚慶網(wǎng)站而言。 5、直接copy網(wǎng)站，這種做法的好處是省時(shí)省力，這樣的話對(duì)于建設(shè)的網(wǎng)站影響不好，得不到很好的排名。 4 網(wǎng)頁(yè)布局基本結(jié)構(gòu) 網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁(yè)面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站的搜索引擎友好性及用戶體驗(yàn)有著非常重要的影響。以下就是時(shí)間財(cái)富網(wǎng)小編為您整理的網(wǎng)頁(yè)布局基本結(jié)構(gòu)。 (1)網(wǎng)站結(jié)構(gòu)在決定頁(yè)面重要性(即頁(yè)面權(quán)重)方面起著非常關(guān)鍵的作用。 (2)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗(yàn)好壞的重要指標(biāo)之_。清晰的網(wǎng)站結(jié)構(gòu)可以幫助用戶快速獲取所需信息;相反，如果一個(gè)網(wǎng)站的結(jié)構(gòu)極其糟糕的話，用戶在訪問(wèn)時(shí)就猶如走進(jìn)了一座迷宮，最后只會(huì)選擇放棄瀏覽。 (3)網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對(duì)頁(yè)面的收錄，一個(gè)合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價(jià)值的頁(yè)面。 網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站的搜索引擎友好度、用戶體驗(yàn)都有著非常重要的影響。網(wǎng)站結(jié)構(gòu)布局的意義簡(jiǎn)單概況起來(lái)分以下3點(diǎn)： 一、網(wǎng)站結(jié)構(gòu)可以影響網(wǎng)站內(nèi)部頁(yè)面的重要性：網(wǎng)站結(jié)構(gòu)在決定網(wǎng)站內(nèi)部頁(yè)面的重要性方面，起著非常關(guān)鍵的作用，比如合理的內(nèi)部鏈接策略就可以對(duì)重要頁(yè)面進(jìn)行突出、推薦等操作。 二、網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗(yàn)好壞的重要指標(biāo)：清晰的網(wǎng)站結(jié)構(gòu)可以幫助用戶快速獲取所需的信息;相反，如果網(wǎng)站結(jié)構(gòu)混亂，用戶在訪問(wèn)時(shí)就如同走進(jìn)迷宮，很難找到自己想要的資料，只能離開(kāi)。 三、網(wǎng)站結(jié)構(gòu)會(huì)直接影響到搜索引擎對(duì)頁(yè)面的收錄：一個(gè)合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎抓取到更多、更有價(jià)值的網(wǎng)頁(yè);但是如果網(wǎng)站結(jié)構(gòu)混亂，往往就會(huì)造成搜索引擎陷入死循環(huán)、抓取不到頁(yè)面等問(wèn)題。 綜上所述，網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站及網(wǎng)站中頁(yè)面的影響。搜索引擎對(duì)重要頁(yè)面的抓取!由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶展示更多有價(jià)值的信息，搜索引擎會(huì)優(yōu)先抓取每個(gè)網(wǎng)站中相對(duì)重要的頁(yè)面(即權(quán)重較高的頁(yè)面)!然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁(yè)面的呢?根據(jù)重要頁(yè)面的鏈接指向的頁(yè)面可能是重要頁(yè)面的思路;搜索引擎首先會(huì)從權(quán)重相對(duì)較高的頁(yè)面(即源頁(yè)面)出發(fā)跟蹤其中的鏈接，從而抓取其他相對(duì)重要的頁(yè)面(即目標(biāo)頁(yè)面)。網(wǎng)站結(jié)構(gòu)的好壞會(huì)決定用戶瀏覽的體驗(yàn)度，合理的網(wǎng)站結(jié)構(gòu)是優(yōu)化網(wǎng)站關(guān)鍵詞排名的前提。