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