隨著智能手機的發(fā)展，越來越多人喜歡用手機來上網(wǎng)。
手機企業(yè)建站和電腦企業(yè)網(wǎng)站建設(shè)一樣，需要設(shè)計許多頁面，它與電腦網(wǎng)站的區(qū)別在于：如今大部分都是智能機(觸摸屏)，其實，手機網(wǎng)頁除了小且可以觸摸外，很多設(shè)計原則與電腦網(wǎng)頁設(shè)計是共通的。根據(jù)電腦網(wǎng)頁設(shè)計的要求，結(jié)合手機自身的特點，總結(jié)了手機網(wǎng)站頁面設(shè)計的四個重要元素。
1、Logo位置
每個公司或應(yīng)用都有不同風(fēng)格的品牌元素，塑造品牌的關(guān)鍵是設(shè)計元素比如logo、字體和顏色等等要能代表該品牌。對于手機網(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)是一個簡單卻強大的溝通途徑，不僅僅是因為手機閱讀文字比較困難且耗時，還因為使用圖標(biāo)可以達(dá)到更好的視覺平衡。在手機網(wǎng)頁中恰當(dāng)?shù)厥褂脠D標(biāo)，可以提高用戶的整體體驗。另外，與標(biāo)簽相結(jié)合的圖標(biāo)對用戶來說意味著更明確的導(dǎo)航路徑。
3、頁面排版
手機網(wǎng)站頁面排版有三個注意事項：一是為了易于用戶閱讀，要盡量避免使用大量的文字，將這些文本重新調(diào)整為小圖標(biāo)或小條目是不錯的做法;二是不要簡單地刪除你認(rèn)為“不重要”的內(nèi)容，應(yīng)該重新調(diào)整這些內(nèi)容的布局;三是用引語、線條或其他設(shè)計元素隔開大段的文字，使這些板塊顯得更美觀。
4、信息反饋
信息反饋是設(shè)計中很關(guān)鍵的一個部分，特別是手機網(wǎng)站，用戶反饋顯得尤為重要。移動設(shè)備不存在鼠標(biāo)懸停和動畫，而且大多數(shù)設(shè)備都是在被觸摸時才有所顯示，所以及時提供清晰的操作反饋信息是非常重要的。在移動設(shè)備上，視覺反饋Z為關(guān)鍵。
以上是從手機網(wǎng)站的logo位置、導(dǎo)航、頁面排版和視覺效果等方面對手機建站的頁面設(shè)計做出的簡單介紹，這四個方面也是構(gòu)成手機網(wǎng)站頁面的主要元素。與PC網(wǎng)頁設(shè)計一樣，這四個元素是Z基本的也是s要掌握的。
網(wǎng)站二維碼
關(guān)注企業(yè)微信
