手機建站和其他網站建設一樣,需要設計好很多頁面,其實手機網站除了小而且可以觸摸外,很多設計原則與電腦網站的設計是共通的。中萬網絡根據電腦網站的設計要求,再結合手機自身的特點,總結了手機網站設計的四個要素,分享給大家,希望對大家有所幫助。
1、Logo位置
每個公司或應用都有不同風格的品牌元素,塑造品牌的關鍵是設計元素比如logo、字體和顏色等等要能代表該品牌。對于手機網頁設計來說,這一點至關重要。Logo的位置可能與電腦版本有所不同,甚至可能只在Web應用的主視圖呈現,所以配色方案很重要。
2、導航設計
在移動設備上獲取信息實際上是有趣的體驗,因此,令用戶在使用過程中感到愉快很有必要,簡單地刪除屏幕上的鏈接(或taps)并不能達到用戶友好體驗的目的。導航應該包含用戶需要的內容,并提供明確的路徑。如果用戶知道跳轉的具體頁面,就會進行點擊。因此,為了實現好的用戶體現,其導航設計應該從三個方面考慮:
①確保導航在用戶看來是“可點擊”的,比如按鈕、列表、箭頭等等,這些小圖標可以在一定程度上幫助用戶明白下一步的操作。在沒有鼠標懸停效果和tags的幫助下,要盡可能多地對用戶進行引導。
②標簽是很重要的,用好它可以更好地引導用戶。企贏001認為標簽應保持簡單且有意義,例如有一個鏈接需要好幾個taps,你不用把返回鍵命名為前一頁的標題,只需用“back”代替就行了。此外,避免使用作用不清的按鈕或標簽,這些都是丟失用戶的潛在陷阱。但是簡潔并不意味著簡單,因此與其把“My Profile”或“Passwords” 隱藏在“設置”里,不如為它們增加額外的一兩個導航按鈕。
③圖標是一個簡單卻強大的溝通途徑,不僅僅是因為手機閱讀文字比較困難且耗時,還因為使用圖標可以達到更好的視覺平衡。在手機網頁中恰當地使用圖標,可以提高用戶的整體體驗。另外,與標簽相結合的圖標對用戶來說意味著更明確的導航路徑。
3、頁面排版
手機網站頁面排版有三個事項:一是為了易于用戶閱讀,要盡量避免使用大量的文字,將這些文本重新調整為小圖標或小條目是不錯的做法;二是不要簡單地刪除你認為“不重要”的內容,應該重新調整這些內容的布局;三是用引語、線條或其他設計元素隔開大段的文字,使這些板塊顯得更美觀。
4、信息反饋
信息反饋是設計中很關鍵的一個部分,特別是手機網頁,用戶反饋顯得尤為重要。移動設備不存在鼠標懸停和動畫,而且大多數設備都是在被觸摸時才有所顯示,所以及時提供清晰的操作反饋信息是非常重要的。在移動設備上,視覺反饋最為關鍵。
以上是從手機網站的導航、頁面排版和視覺效果等方面對手機網站的設計做出的簡單介紹,這幾方面也是構成手機網站的主要元素,希望大家在手機網站設計和建設的時候能夠多加注意。