现在的位置: 首页UI设计 > 正文
移动Web设计趋势和最佳实践
关键词:无 ┊ 来源: 原创收藏

 网页设计在不断进步中,需要设计师不断学习各种专业技能,以和新技术保持一致,这是网页设计师普遍认同的事实。最近在互联网服务领域已发生了巨大的变化,因为现在用户可以通过移动设备来访问,因此网页设计师必须能够设计出满足这些客户的网站。市场上的移动设备的屏幕尺寸不同,所以设计师需要让这些浏览器能够识别这些尺寸。 

    一个设计师在设计移动网站前要清楚,他要面对很多挑战,他应该具备一个设计者和开发者角度的战略观。本文将帮助您了解目前移动网站开发的趋势、挑战和注意事项,还会展示一些优秀的移动网站。此外,对设计移动网站感兴趣的新手而言,这里将提供一些重要的资源。 

1. 简单的选项 

    设计移动网站的重要方面,包括尽量减少内容,并确保向用户提供最有用的内容。例如Digg的移动主页,只有17个清晰的标题和链接,它也有极少数的导航选项,重点是能够使用最简单实用的工具来操作移动网站。由于手机屏幕只有少量的空间,且有时网速很慢,这种情况下,一个笨拙的移动网站不是首选! 简单的选项可以使用户操作更加便利,但要点是减少不重要的东西。 

2. 使用空白 

    空白是设计好的Web的重要准则,它实际上是设计师的挑战,屏幕尺寸太小,使我们认为设计移动网站时必须有空白,一个混乱的网站将给用户留下负面印象。一些网站中包含了大量的空白,且被证明是非常有益和易于使用的。你可以在一些网站展示或真实的世界中了解到很多类似的细节。 

3. 少用图像 

    在台式机或笔记中访问的网站中,设计师们可以自由使用高带宽消耗的视频和图像,但是必须记住,在移动网站中尽可能少用图像,否则只会弊大于利。我们发现市场中存在不同的移动网络连接速度,价位也不尽相同,所以图像对于部分访问者是难以显示的。正因为如此,在移动网站设计中图像使用较少。时下智能手机拥有大屏幕和较快的网络速度,但是仍有很多非智能手机用户,所以,对于移动网站设计来说,最好是少用图像。 

4. 使用子域名,而不是.mob或单独的域名 

    目前手机网站的设计方式,在主域名下都有单独的文件夹,这些子域名有很大的帮助,因为他们不会使访问者迷惑,且可以保持特定领域内的布局整齐,不影响周围的元素。 

5. 内容的优先级 

    网页设计师设计移动网站时应该考虑到访问者和使用者,内容起着举足轻重的作用,因为访问者会对它很感兴趣。毫无疑问,清晰的页面和简单的选项可以使用户很容易了解所显示内容的重要性。有时一些内容将被区别对待,特别是当它涉及到商业用途,因为它所涉及的内容对于用户来说毫无价值。 


    在移动网页设计过程中,设计人员面临着种种障碍,如果你已经决定了设计移动网站,你可能会面临以下的挑战: 

不同的屏幕尺寸 

    网站设计者通常会遇到不同的屏幕尺寸以及带来的显示效果,特别是移动网站设计者需要面对种类多样化的挑战,这不同于台式机的显示器,这需要专业的技能去处理移动设备屏幕尺寸的问题。毫无疑问,现在的设计师是幸运的,因为现在很多移动设备都具有大屏幕,但是旧的仍然存在,随着市场上iPhone和其竞争对手的发展,趋势将是朝着大屏幕发展的。 

缺乏了解 

    你开始设计移动网站之前,你需要对这一领域有一定的了解和认识。必须记住,这是一个新的设计形式,如果你早期设计工作中没有与移动相关的内容,那么现在可能会受到影响。设计者必须了解,桌面浏览器和移动浏览器的环境有很大区别。进入移动网站设计领域之前,应该了解这些技术。 

发展迅速 

    技术每时每刻都在更新,移动技术也不例外。因此,网页设计师需要不断研究市场情况并据此来设计产品。移动网页设计师同样需要时刻关注移动技术的变化,并最终推出一个适应市场需求的产品。设计师需要更加集中工作和学习,根据不断变化的情况,认清移动技术的关键点,跟上技术更新的步伐,否则他将面临来自同行的竞争。 

测试的挑战 

    移动设计的首要挑战来自不同形式的手机。一个适当的设计和良好的测试,可以确保它可以在大量移动设备上正常显示。下面的方法将帮助你测试有关的挑战。 

    首先需要进行测试之前,在市场上发布手机版。测试手机版的同时,需要牢记的一些事情如下: 

  • 通过禁用移动设备不支持的CSS和大量的图像,这等于构建了和移动设备类似的环境,这是一个很好的测试它的布局和功能的方法。
  • 另一种模式是使用Opera浏览器的“查看”-“小屏幕”功能,这可以在一个狭小的屏幕再现移动网站的外观和感觉。
决定什么是必要的 

决定什么是必要的,重要的是,由网站设计者来决定具体的内容。决定要领是简单的内容、图像或视频。但是,我们必须要牢记移动访问者的身份。例如现在他们在做什么?网上冲浪的原因是什么?他们这样做的兴趣是什么?你必须记住,移动用户的目标和桌面浏览器的目标是不同的,所以对于任何网页设计师来说,内容的优先级是显得尤为重要,它可以帮助移动网页设计师对琐碎的重大事项进行分类。 

下面是一些优秀的设计示例。 

1. Cisco London 2012 



2. Autoricambi 



3. Arriva Bus 



4. Visit Tampa Bay 



5. Democracy Now 



6. Cruise Saint Lawrence 



VIA http://designmodo.com/mobile-web-design-trends/ 
相关文章
    暂无相关文章
本文由 jack 发布于 2365天 20小时 5分钟前,目前已有 2890 人浏览
欢迎大家转载分享,请注明来源及链接;商业媒体转载请获得授权,谢谢合作!
 

添加评论