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