手机网站开发实例

  手机网站开发的实例很多，下面一品威客网主要介绍手机网站开发实例中的一些问题，希望对您有所帮助。响应式手机网站开发不像传统网页只需考虑一种状态，不是提交一份设计就能解决的。在一个繁杂的全面响应式的项目中，交互的每个层次要产出什么？前端怎么介入？什么事情让后台开发来做更合适？经过第一版“玩客”后，我们得出了答案。
  响应式设计之所以叫响应式“设计”而不叫响应式“技术”，是因为它是一项开发在先。需要先明确响应的方式再去实现，不可能出一份设计等着前端看情况把它变成响应式网页。所以整个项目最先从交互开始，划分为6个主要节点，视觉、前端、开发等角色依据情况各自介入。

  手机网站开发Step1：信息架构，确定内容策略。
  根据产品定位和用户分析，交互设计师确定站点信息架构。（信息架构呈现方式有很多种，这不是本文重点，不详述）。
  这时候可以明确这个产品有多少页面，每个页面包含多少内容，内容优先级是什么。很多产品包含N多页面，每个页面一一考虑响应式设计容易造成混乱且成本巨大。所以下一步重要工作是分析页面类型把页面归类。以玩客为例，可以把10多个页面分成三类：列表类页面、详情类页面、操作类页面。

  手机网站开发Step2：移动框架
  先说下为什么第二步要先设计移动框架。移动优先是移动互联网浪潮下应运而生的理念，由Luke Wroblewski最早提出。移动优先并不是指移动更重要，响应式设计理念里设备是同等重要的。它是指优先设计手机端的体验，有三个原因：

  手机网站开发让设计专注，强迫你想清楚什么信息是最重要的。因为手机屏幕小，每屏呈现的内容少；触屏手机使用手指操作而非鼠标这样的精密设备来操作，对操作有更高要求；手机使用场景更加丰富，很多场景用户是缺乏耐心的，比如当你排队看电影正在找手机上的电子票，马上排到你了翻半天却迟迟找不到那张票这是多么令人崩溃的事情。

  手机许多特性让设计更强大。手机上的语音输入、地理位置定位、丰富的手势操作、越来越多传感器，手机交互比PC拥有更多可能性。从手机网站开发开始设计，让你更早地思考如何发挥这些特性。
  从移动开始做设计对习惯了PC环境的设计师可能是一种挑战，思考方式工作习惯都被迫做出改变。但这种改变必须去适应，因为用户习惯在改变。

  回到正题中，上一步我们把网页归类并确定每个网页内容的优先，马上来接下去分析每种类型网页的主体内容等结构，最后得到一张框架结构表。从“玩客”的框架结构看出，全局导航是全部页面公共的，局部导航只在列表类页面出现，详情类页面都有一个“页面主人”信息。