添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

手机app移动端网站设计

时间:2015-01-04      来源:互联网     

        随着智能手机的发展,越来越多人喜欢用手机来上网,好,那么问题来了,我们网站建设这个行业,有没有必要也设计出一些适合手机屏幕的网站呢?根据电脑网页设计的要求,我们结合手机自身的特点,总结了手机网站页面设计的四个重要元素:

  1、Logo位置;

  2、导航设计;

  3、页面排版;

  4、信息反馈。

  手机企业建站和电脑企业网站建设一样,需要设计好许多页面,它与电脑网站的区别在于:如今大部分都是智能机(触摸屏),其实,手机网页除了小且可以触摸外,很多设计原则与电脑网页设计是共通的。根据电脑网页设计的要求,我们结合手机自身的特点,总结了手机网站页面设计的四个重要元素。

  1、Logo位置

  每个公司或应用都有不同风格的品牌元素,塑造品牌的关键是设计元素比如logo、字体和颜色等等要能代表该品牌。对于手机网页设计来说,这一点至关重要。Logo的位置可能与电脑版本有所不同,甚至可能只在Web应用的主视图呈现,所以配色方案很重要。

  2、导航设计

  在移动设备上获取信息实际上是有趣的体验,因此,令用户在使用过程中感到愉快很有必要,简单地删除屏幕上的链接(或taps)并不能达到用户友好体验的目的。导航应该包含用户需要的内容,并提供明确的路径。如果用户知道跳转的具体页面,就会进行点击。

  因此,为了实现好的用户体现,其导航设计应该从三个方面考虑:

  ①确保导航在用户看来是“可点击”的,比如按钮、列表、箭头等等,这些小图标可以在一定程度上帮助用户明白下一步的操作。在没有鼠标悬停效果和tags的帮助下,要尽可能多地对用户进行引导。

  ②标签是很重要的,用好它可以更好地引导用户。企赢001认为标签应保持简单且有意义,例如有一个链接需要好几个taps,你不用把返回键命名为前一页的标题,只需用“back”代替就行了。此外,避免使用作用不清的按钮或标签,这些都是丢失用户的潜在陷阱。但是简洁并不意味着简单,因此与其把“My ***ofile”或“Passwords” 隐藏在“设置”里,不如为它们增加额外的一两个导航按钮。

  ③图标是一个简单却强大的沟通途径,不仅仅是因为手机阅读文字比较困难且耗时,还因为使用图标可以达到更好的视觉平衡。在手机网页中恰当地使用图标,可以提高用户的整体体验。另外,与标签相结合的图标对用户来说意味着更明确的导航路径。

  3、页面排版

  手机网站页面排版有三个事项:

  一是为了易于用户阅读,要尽量避免使用大量的文字,将这些文本重新调整为小图标或小条目是不错的做法;

  二是不要简单地删除你认为“不重要”的内容,应该重新调整这些内容的布局;三是用引语、线条或其他设计元素隔开大段的文字,使这些板块显得更美观。

  4、信息反馈

  信息反馈是设计中很关键的一个部分,特别是手机网页,用户反馈显得尤为重要。移动设备不存在鼠标悬停和动画,而且大多数设备都是在被触摸时才有所显示,所以及时提供清晰的操作反馈信息是非常重要的。在移动设备上,视觉反馈最为关键。

  以上是从手机网站的logo位置、导航、页面排版和视觉效果等方面对手机建站的页面设计做出的简单介绍,这四个方面也是构成手机网站页面的主要元素,与电脑网页设计一样,这四个元素是最基本的也是首要掌握的。

  手机网站建设和PC网站建设一样,都需要有空间和域名,所以建站直接使用建站宝盒V6.0建站,PC站,手机站,微网站可以做到三站合一。用自己的域名自己的空间,做的就是自己的网站。还有如果你是做外贸行业的话美国虚拟主机也是不错的选择!

  知识扩展:

  在域名领域,手机网站有一个专用的域名后缀,.mobi 。网站建设行业和域名做投资行业的朋友都应该了解下,因为在手机网站快速发展的同时,mobi域名的建站价值和投资价值是不容忽视的!

相关文章

最新更新

网页特效