推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 手机网站开发 > 手机网站开发实例
免费发布需求,接收报价与方案

手机网站开发实例

什么是手机网站开发?

猜您需要: 【C#手机网站开发】【Html5手机网站开发】【手机网站开发语言】【手机网站开发流程】【安卓手机网站开发教程】【手机版网站怎么开发】

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

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

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

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

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

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