隨著智能手機(jī)的發(fā)展,越來越多人喜歡用手機(jī)來上網(wǎng)。
手機(jī)企業(yè)建站和電腦企業(yè)網(wǎng)站建設(shè)一樣,需要設(shè)計許多頁面,它與電腦網(wǎng)站的區(qū)別在于:如今大部分都是智能機(jī)(觸摸屏),其實,手機(jī)網(wǎng)頁除了小且可以觸摸外,很多設(shè)計原則與電腦網(wǎng)頁設(shè)計是共通的。根據(jù)電腦網(wǎng)頁設(shè)計的要求,結(jié)合手機(jī)自身的特點,總結(jié)了手機(jī)網(wǎng)站頁面設(shè)計的四個重要元素。
1、Logo位置
每個公司或應(yīng)用都有不同風(fēng)格的品牌元素,塑造品牌的關(guān)鍵是設(shè)計元素比如logo、字體和顏色等等要能代表該品牌。對于手機(jī)網(wǎng)頁設(shè)計來說,這一點至關(guān)重要。Logo的位置可能與電腦版本有所不同,甚至可能只在Web應(yīng)用的主視圖呈現(xiàn),所以配色方案很重要。
2、導(dǎo)航設(shè)計
在移動設(shè)備上獲取信息實際上是有趣的體驗,因此,令用戶在使用過程中感到愉快很有必要,簡單地刪除屏幕上的鏈接(或taps)并不能達(dá)到用戶友好體驗的目的。導(dǎo)航應(yīng)該包含用戶需要的內(nèi)容,并提供明確的路徑。如果用戶知道跳轉(zhuǎn)的具體頁面,就會進(jìn)行點擊。
因此,為了實現(xiàn)好的用戶體現(xiàn),導(dǎo)航設(shè)計應(yīng)該從三個方面考慮:
①確保導(dǎo)航在用戶看來是“可點擊”的,比如按鈕、列表、箭頭等,這些小圖標(biāo)可以在一定程度上幫助用戶明白下一步的操作。在沒有鼠標(biāo)懸停效果和tags的幫助下,要盡可能多地對用戶進(jìn)行引導(dǎo)。
②標(biāo)簽是很重要的,用好便可以更好地引導(dǎo)用戶。標(biāo)簽應(yīng)保持簡單且有意義,例如有一個鏈接需要好幾個taps,你不用把返回鍵命名為前一頁的標(biāo)題,只需用“back”代替就行了。此外,避免使用作用不清的按鈕或標(biāo)簽,這些都是丟失用戶的潛在陷阱。但是簡潔并不意味著簡單,因此與其把“Passwords” 隱藏在“設(shè)置”里,不如為它們增加額外的一兩個導(dǎo)航按鈕。
③圖標(biāo)是一個簡單卻強(qiáng)大的溝通途徑,不僅僅是因為手機(jī)閱讀文字比較困難且耗時,還因為使用圖標(biāo)可以達(dá)到更好的視覺平衡。在手機(jī)網(wǎng)頁中恰當(dāng)?shù)厥褂脠D標(biāo),可以提高用戶的整體體驗。另外,與標(biāo)簽相結(jié)合的圖標(biāo)對用戶來說意味著更明確的導(dǎo)航路徑。
3、頁面排版
手機(jī)網(wǎng)站頁面排版有三個注意事項:一是為了易于用戶閱讀,要盡量避免使用大量的文字,將這些文本重新調(diào)整為小圖標(biāo)或小條目是不錯的做法;二是不要簡單地刪除你認(rèn)為“不重要”的內(nèi)容,應(yīng)該重新調(diào)整這些內(nèi)容的布局;三是用引語、線條或其他設(shè)計元素隔開大段的文字,使這些板塊顯得更美觀。
4、信息反饋
信息反饋是設(shè)計中很關(guān)鍵的一個部分,特別是手機(jī)網(wǎng)站,用戶反饋顯得尤為重要。移動設(shè)備不存在鼠標(biāo)懸停和動畫,而且大多數(shù)設(shè)備都是在被觸摸時才有所顯示,所以及時提供清晰的操作反饋信息是非常重要的。在移動設(shè)備上,視覺反饋最為關(guān)鍵。
以上是從手機(jī)網(wǎng)站的logo位置、導(dǎo)航、頁面排版和視覺效果等方面對手機(jī)建站的頁面設(shè)計做出的簡單介紹,這四個方面也是構(gòu)成手機(jī)網(wǎng)站頁面的主要元素。與PC網(wǎng)頁設(shè)計一樣,這四個元素是最基本的也是首要掌握的。
青島網(wǎng)站建設(shè)公司青島知道網(wǎng)絡(luò),您身邊值得信賴的企業(yè)網(wǎng)絡(luò)營銷整合專家!解決網(wǎng)站疑問,分享建站知識,期待與您相遇!