• 027-87317566
  • 4352294@qq.com

站多多网络

当前位置:首页 > 微信网站
新闻资讯

力求视觉与交互的完美契合,以规范的流程和专注的态度,为您提供全方位的设计服务

武汉网站建设之响应式网站建设

来源:武汉网站建设  浏览量:  发布时间:2022-07-09 11:52:23

今天小编和大家聊聊响应式网站,那么首先要了解的是什么是响应式网站建设呢?简单来说下,由于PC端开发能够充分暴露业务复杂度,项目团队的设计、开发、测试在PC环境下拥有成熟的工具和流程,从PC开始闪开发过程更顺畅。这是复杂产品实现响应式设计的枢纽步骤,它是让众多页面有条理地响应起来的基础。以把10多个页面分成三类:列表类页面、详情类页面、操纵类页面。由于手机屏幕小,每屏呈现的内容少;触屏手机使用手指操纵而非鼠标这样的精密设备来操纵,对操纵有更高要求;手机使用场景更加丰硕,良多场景用户是缺乏耐心的,好比当你排队看片子正在找手机上的电子票,马上排到你了翻半天却迟迟找不到那张票这是多么令人崩溃的事情。手机即将超越PC,成为主流的上网方式,这个趋势是不可逆的。  

1、信息架构,确定内容策略。从玩客框架结构看出,全局导航是所有页面公共的,局部导航只有列表类页面才有,详情类页面都有一个“页面主人”信息,而联系关系导航不是每个页面都有。一件事情是确定响应式模式,即从手机到平板到PC,导航怎么变化,页面布局用哪种响应方式,根据内容优先级如何调整模块顺序,等等。但这种改变必需去适应,由于用户习惯在改变。回正题,上一步已经把页面归类并确定每个页面内容优先级,现在接着分析每种类型页面的导航、主体内容等框架结构,得出一份框架结构表。这个过程与传统流程没太大区别,只是心里要不断提醒自己,这个模块不是只为这个设备设计,响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计、前端和开发团队之间的协作模式带来新的挑战。

2、响应式设计之所以叫响应式“设计”而不叫响应式“技术”,是由于它是一项设计先行的工作。玩客在PC端以三栏布局为主,左边栏作为局部导航或者主人信息区,中间栏始终是页面主体信息,当页面需要联系关系导航时同一放在右边栏。  根据产品定位和用户分析,交互设计师确定站点信息架构。所以整个流程从交互阶段开始,分成6个主要步骤,视觉、前端、开发等角色根据情况尽早参与。在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时参与?哪些事情让后端开发来做更公道?  

3、移动优先并不是指移动更重要,响应式设计理念里设备是平等重要的。良多产品包含N多页面,每个页面逐一考虑响应式设计轻易造成混乱且本钱巨大。  

4、从移动开始做设计对习惯了PC环境的设计师可能是一种挑战,思索方式工作习惯都被迫做出改变。响应式框架确定了页面结构和响应模式,模块设计这个过程开始完善所有信息排版和交互形式,这是交互设计师纯熟也是耗时的工作。  

手机正在迅猛增长。所以个人以为移动优先是确定内容策略时应该遵循的理念,细节设计和开发过程是否要移动优先,取决于产品定位和项目团队情况。所以下一步重要工作是分析页面类型把页面归类。

这篇文章太赞了我也要点赞!

11

郑重声明 Solemn Statement
本文来源:http://www.zhandodo.com 作者:武汉网站建设@武汉站多多 网络营销策划,本文由武汉站多多版权所有,未经批准转载必究。

武汉站多多 - 武汉网站建设终极解决方案

或许,我们能为您做的还很多...

400-8084-027 / 027-87317566