无极荣耀代理手册瀑布式:实现响应式Web设计的

已有人阅读此文 - -
无极荣耀代理手册
 
 
恭喜你,你终于说服了当权者,你的下一个网页设计项目需要响应。说服他们是一项艰巨的工作,无极荣耀代理手册但你现在不能安于现状。项目中最关键的决策仍然是:您的团队将如何构建它?
 
反应综述
 
您可能熟悉典型的“瀑布”流程:从策略开始,然后是设计,然后是前端和后端开发,最后是分析实现。瀑布式流程的主要特征是其线性特性:一旦一个阶段结束,下一个阶段就以近乎完美的燕尾状开始。通过各个阶段的进展只朝着一个方向前进,不幸的是,随着问题的积累,它们不可避免地会走下坡路,并且不能很好地处理变化。
 
 
如果您不熟悉“响应式Web设计”这个术语,它描述了一个Web站点构建过程,该过程使用相同的代码集在桌面、平板电脑和智能手机浏览器上正确显示。用并行桌面和移动版本创建完全独立网站的日子一去不复返了。现在您可以构建一个非常灵活的网站来处理所有的环境。
 
那么,为什么要在瀑布过程中实现响应式设计呢?瀑布式开发最大的缺点之一是,除了标准的桌面浏览器外,很少考虑为环境进行设计和开发。带有响应式设计的敏捷方法从一开始就考虑了这些问题,但是需要更多的前期线框图、设计和测试,而这些在瀑布过程中被忽略了。一旦实现,你的网站将呈现适当的台式机,移动设备和平板电脑。
 
那么,如何在组织中实现响应式Web设计呢?下面,我们将回顾典型瀑布流程的步骤,并解释它们是如何响应的。
 
如何实现响应式网页设计
 
第一步:计划
 
瀑布过程
 
在瀑布过程中,线框图是由布局和小部件组成的。它们被设置为特定的大小(通常是基于像素的),没有多少灵活性的空间。这些线促进非常具体的网格/布局大小,但当布局由于不同的屏幕分辨率而改变时,事情将在传输中发生变化。结果是导航菜单变得不可用,无极荣耀代理加盟培训表单变得不可访问,界面变得不合适。
 
响应网页设计
 
解决这个问题并不难。您需要为不同的视图设计小部件,而不是将页面视为“页面”。页面不是原子单位——相反,滑块、内容、表单和其他组件是组成整体的原子部分。线框图必须代表不同的屏幕尺寸,因此布局必须是流动的。它们可以从三列扩展到两列,也可以缩小到一列显示最小的显示器(移动智能手机)。
 
你还需要改变用户体验——滑块不能仅由鼠标控制,但在较小的屏幕上进行交互时可能需要用户的手指。线框图需要成为原型工具,而不是蓝图,需要一些开发和测试来确保它们在整个显示范围内都能正常工作。如果设计在初始测试之前开始,那么未知的开发问题可能会在稍后出现。无论如何,项目的最终愿景必须是持续的,因此保持部门之间的沟通渠道畅通是至关重要的。
 
第二步:设计时间
 
瀑布过程
 
在瀑布的过程中,下一步是将线框图交付设计,并通过字体、颜色、间距和其他工艺工具将生命注入其中。通常,在设计方向上有一些反复,随着对品牌及其设计指南的更多了解,设计比较的更新。
响应网页设计
 
为了更好地利用分配的项目时间和资源,设计应该包括一些不同大小的布局和小部件。响应式Web设计意味着放弃像素级的完美设计。让这些设计在桌面浏览器上工作已经足够具有挑战性了,但是当我们考虑在一个流动的网格上灵活的小部件时,所需的设计数量就变得易于管理了。
 
让HTML的媒介提高设计的质量,在所有的环境中使用一个流动的布局。为每个浏览器宽度创建状态是一种巨大的时间浪费——相反,要关注用户体验的整体。例如,确保旋转横幅的原子组件在较小的移动设备上是触摸感应的,并使用行业推荐的最小尺寸44像素来分配典型的人类指尖大小。体验的设计与网站在所有屏幕尺寸上的外观一样重要。
 
第三步:建立它
 
瀑布过程
 
使用瀑布方法,一旦设计被客户批准,前端开发就会随之而来,在小屏幕上呈现可能会出现问题。不幸的是,由于瀑布的线性特性,这些未预见的问题在项目进展过程中很好地出现了。
 
响应网页设计
 
在我们的敏捷和响应过程中,设计必须生活在一个灵活的网格中。小部件需要由开发人员规划和原型化,同时还需要进行测试。还需要对代码进行优化,以确保小部件是最小的单元。这些小部件可以很容易地从原本没有计划的布局中插入或删除,测试这些选项可以让您安心。开发人员、设计人员和策略人员之间的持续协作可以避免不可避免的更改带来的问题。团队的不同成员在同一个页面上,问题在流程的早期就被识别和解决了。
 
第四步:测试你的耐心
 
瀑布过程
 
标准瀑布流程的最后阶段是通过单元和功能测试方法来评估站点。在这个阶段发现的问题可能需要对最初的设想进行调整,有时刚上市的新设备可能会给工作带来障碍。策略和设计团队成员可能已经开始了新项目的工作,必须将他们带回循环以适应这些更改,并且必须将更多的时间花在更新上。
 
响应网页设计
 
在响应过程中,您需要在多个浏览器和屏幕大小上进行测试,以便尽早发现问题。与线框图不一致的移动环境的问题可以被识别,以及在许多不同平台上的设计能力。一个工作的项目原型将尽早准备好,以便客户能够更早地进行评审,这对各方都是一个双赢的局面。
 
第五步:冲洗,起泡,重复
 
瀑布过程
 
传统的瀑布流程没有迭代设计和接口的步骤。在项目建设的某些阶段,可能会出现施工许可问题和客户期望冲突等次要细节。尽管与客户进行了一致的、及时的沟通,但是在展示了工作模型之前,这些累积的糟糕决策的严重性是不可知的。
 
响应网页设计
 
使用响应式方法,可以获得相同的进度,而且,作为奖励,每一步都有用于客户端表示的实时代码。这些早期阶段的发现将有助于推动后续阶段,并在任何最后期限之前预测关键变化。
 
总之
 
采用敏捷响应方法将使您从瀑布流程的约束中解放出来。你的设计和开发将被精简,你将更有效率,你的在线品牌形象将在所有可能的平台和屏幕上被最大化。真正的挑战是打破瀑布模型,成为一个有响应的组织。遵循这五个步骤,您可能会对瀑布式设计说“再见”,对响应式Web设计说“你好”。
相关文章!
  • grgtr 紫色格子的休息智能床:可定无极4荣耀代理怎么样
    - 阅66

    休息床是最新上市的床垫之一,提供了真正的智能床垫。可用在休息床原始或休息床与紫色格子,这些智能床垫功能定制的牢固设置。这些智能功能包括记忆泡沫舒适层、智能传感器层...

  • grgtr 为什么苹果的iPhone在印无极荣耀代理加盟培训度
    - 阅95

    苹果公司是世界上最赚钱的公司,拥有最有价值的产品之一,iPhone,占苹果年收入的60%。iPhone及其整个生态系统在全球许多国家都取得了巨大成功,iPhone的销售额从2007年的100万美元增长...

  • grgtr 维护沉迷于软件无极4荣耀代理怎么样的科技产业
    - 阅150

    我们能看到维持一个沉迷于软件的科技产业是自我破坏吗?作为一名风险投资家,我知道人们对量子计算有着难以置信的兴奋。然而,作为一名材料科学家,我也看到这项技术离商业化至...

  • grgtr ETL工具的无极荣耀代理加盟培训作用
    - 阅108

    ETL工具的作用 ETL代表提取、转换和加载。这些工具从源中提取数据,将其转换为正确的格式,然后将其加载到您选择的数据存储数据仓库。您可以设置ETL工具来在预定的时间框架内处理...