歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-05-06 16:51:30|已瀏覽:1895次
吸引用戶關(guān)注的網(wǎng)頁技巧
吸引用戶關(guān)注的網(wǎng)頁技巧,設(shè)計(jì)的統(tǒng)一性非常重要,在這里我想用《交互設(shè)計(jì)精髓4》中關(guān)于統(tǒng)一性的介紹和我對(duì)統(tǒng)一性的認(rèn)識(shí),今天小編主要給大家分享吸引用戶關(guān)注的網(wǎng)頁技巧,希望對(duì)你們有幫助!
一、如何給網(wǎng)站布局
內(nèi)容決定布局,布局是內(nèi)容組織的必然結(jié)果,考慮到頁面的所有需求,頁面的布局將自然形成,將頁面的所有欄目都放到頁面中,然后移動(dòng)它們并調(diào)整它們。
在不斷調(diào)整的過程中,需要以下幾點(diǎn)支撐:
1.理解頁面的不同組成部分,分清主次。
2.布局上引導(dǎo)用戶的視線,了解用戶瀏覽web時(shí)的使用習(xí)慣。例如,當(dāng)用戶瀏覽網(wǎng)站時(shí),習(xí)慣自頂向下瀏覽,從左到右,左上角是第一個(gè)視線,右下角是最后落腳點(diǎn),右上角和左下角是視覺盲點(diǎn),在設(shè)計(jì)時(shí)把比較重要的內(nèi)容放在左上角和右下角。
3.用顏色來吸引注意力,關(guān)鍵部位的顏色要突出。例如,左上角的logo和右下角的按鈕是最重要的部分,為了強(qiáng)調(diào)這兩部分,可以使用同一種的顏色,這種顏色沒有在其它地方使用,形成一個(gè)對(duì)比并突出顯示它。
二、統(tǒng)一設(shè)計(jì)風(fēng)格
即使用統(tǒng)一設(shè)計(jì)風(fēng)格的符號(hào),顧名思義,這個(gè)符號(hào)既可以是品牌的logo,也可以是網(wǎng)站的整體圖標(biāo)風(fēng)格。
面設(shè)計(jì)的統(tǒng)一性非常重要,在這里我想用《交互設(shè)計(jì)精髓4》中關(guān)于統(tǒng)一性的介紹和我對(duì)統(tǒng)一性的認(rèn)識(shí),主要概括為以下兩點(diǎn):
1.統(tǒng)一性的好處
(1)統(tǒng)一意味著軟件產(chǎn)品的不同模塊具有相似的外觀、感覺和行為。
(2)統(tǒng)一提高了易用性和易學(xué)性,降低了用戶的學(xué)習(xí)成本,也就降低了客戶培訓(xùn)和技術(shù)支持的成本。
(3)提高了設(shè)計(jì)和代碼重復(fù)利用,減少開發(fā)時(shí)間和工作量。
(4)統(tǒng)一可以創(chuàng)建一個(gè)有組織有條理的感覺,讓用戶感到舒適。
(5)給用戶留下規(guī)范統(tǒng)一的印象,更容易讓用戶認(rèn)識(shí)到產(chǎn)品開發(fā)人員的專業(yè)性,從而增強(qiáng)用戶對(duì)產(chǎn)品的信任。
2.如何做到統(tǒng)一
(1)建立關(guān)系:經(jīng)常使用的元素在空間上被組織起來,以減少鼠標(biāo)的移動(dòng);具有相似功能的元素,在視覺上組織在一起,即視覺元素與行為元素要保持一致。
(2)利用網(wǎng)格系統(tǒng)對(duì)齊視覺元素:這是設(shè)計(jì)師幫助用戶以有組織和系統(tǒng)的方式體驗(yàn)產(chǎn)品的重要途徑。
(3)一致的空間:如果屏幕上的兩個(gè)區(qū)域要求幾乎相同的,將它們?cè)O(shè)置為完全相同;如果這兩個(gè)區(qū)域需要不同的大小,則要有明顯的差異,如果不完全一致,則要增加差異,因?yàn)榧?xì)微的差異會(huì)讓用戶感覺不穩(wěn)定。
(4)一致的間距和定位:如果屏幕的標(biāo)題部分總是出現(xiàn)在相同的位置,用戶不需要思考或?yàn)g覽界面,一致的間距和定位可以幫助用戶內(nèi)在的視覺處理機(jī)制,可以大大提高屏幕的可讀性
(5)重復(fù)利用元素:用戶只需要學(xué)習(xí)一次。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-31449.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050