罗湖公司

    响应式网页设计指南

    日期:2017/8/17 人气:192312
    导读: 1、怎么了解呼应式规划(RWD)呼应式网页规划的概念开始是由Ethan Marcotte提出,从规划的视点引领我们考虑:为什么必定要为每个用户分别做一套规划计划呢?是否能够有一种规划能够依据不同设备环境主动呼应以及调整显现?特别是跟着移动互联网的飞速发展,呼应式Web规划不只仅是关于屏幕分辨率自适应以及主动缩放的图片等等,它更像是一种关于规划的全新思想形式 - 呼应是双方的,

     1、怎么了解呼应式规划(RWD)

    呼应式网页规划的概念开始是由Ethan Marcotte提出,从规划的视点引领我们考虑:为什么必定要为每个用户分别做一套规划计划呢?是否能够有一种规划能够依据不同设备环境主动呼应以及调整显现?特别是跟着移动互联网的飞速发展,呼应式Web规划不只仅是关于屏幕分辨率自适应以及主动缩放的图片等等,它更像是一种关于规划的全新思想形式 - 呼应是双方的,是互动的进程,在这个进程中规划师要考虑设备的性能、Dom 节点数量、屏幕的巨细等等。

    2、呼应式产品规划

    呼应式规划是从产品视点来进行的规划,在这个阶段我们需求产品司理、交互规划师、规划师以及工程师一起介入了。我们需求打破传统的思想形式去考虑规划,从纯粹传统的Web向移动运用过度。第一步需求有清晰的信息架构,来从最小显现屏的移动设备做产品规划,在移动设备中抛弃更多的运用搅扰,确保中心 功用的最优体会;同时交互与规划师的介入处理怎么把模块规划的更小更有弹性,并开始断定规划风格、规划结构等计划;而工程师需求在产品司理与规划师断定的计划中进行代码测验,充分利用不同设备独有的特性并进行结构建立。

     

    在规划阶段,线框图和原型图是有必要的,而好的线框图和原型东西会让你愈加专心于交互和功用。希望下面的东西能够帮你为客户和团队规划出优秀的作品。

     

    桌面端


    • Axure:在功用全面强大和便利易用上尽可能做到了较好的综合平衡。支撑事务流程图。具有必定的页面流程图制造才能(可用页面快照完成);具有必定PRD才能。

    • Mockplus:简单易用的工作方法;便利便利的交互规划方法。供给多种演示预览方法。大量封装组件和海量图标素材;支撑团队协作和在线审理。

    • Balsamiq:专心草图,素描风格。

    •  

    Web端


    • Proto.io:在交互规划上有突出表现。组、容器、滚动区的变换有特征。可经过插件导入Sketch文件。

    • UXPin:在功用和便利性上有较好的平衡。具有必定的PRD才能(有“UX文档”模板协作支撑PRD)。可经过插件导入Sketch文件。

    •  

    3、呼应式规划中的界面规划

    关于界面规划,在曾经的规划中更多是针对桌面产品的,规划可能就是一个尺度,每个模块的位置比较固定,可是在呼应式规划中,这些东西就改动了,规划师需求依据产品的需求规划多个版别的规划,在这些不同的版别中,模块A在1024的宽度下,可能会是黑色背景,可是到了768下面可能会变成白色背景,完成了在不同宽度的不同展示。

     

    4、呼应式规划针对媒体查询的断点

    从传统的规划视点,能够经过媒体查询(Media Query)的方法改动网页的布局,比方在固定的宽度下(也就是所称作的断点)改动布局。在以往规划更习气的思想是针对某些设备(比方桌面、平板电脑、手机)的数据来设置断点,比方1024 对应桌面、768对应pad、480 对应手机,但实际上,这些东西是靠不住的,因为这些屏幕尺度会依据年代的发展不断的改变。

     

    可是呼应式规划不应该只针对某些特定巨细的设备,规划进程中需求的是一个区间值,而不是将某一分辨率对应一种设备。因此在规划进程中应该依据内容的需求进行设置,规划师需求寻觅一个临界点—即当视觉效果开始不符合人们的审美或影响了内容获取时对应的值。

    5、呼应式规划在交互上有那些不同

    在呼应式规划中,关于交互方法的规划需求进行愈加全面的考虑。规划师不只要考虑曾经桌面用户的运用习气,也有必要兼顾不同尺度的手持设备。比方我们在PC上习气运用的浮层在某些小尺度的设备上就无法运用了。并且一些呼应区域小的链接也不便利运用手指来操作,因此规划师能够做到”求同存异”。比方规划师能够依据屏幕的尺度,来决议是否运用浮层、或许增大操作区域、或许”整齐划一”。为了方面让规划进程愈加轻松,在这里特别推荐一款简单易用的原型图规划东西Mockplus,便利快速进行原型图的创立以及交互的完成。

    文本来自采集文章 http://youfuns.cn/25/227.html 如需转载或删除,请联系管理员。

    分享到:
罗湖网站建设
【罗湖本地网络公司】——承诺3小时内上门服务!罗湖上门全国热线:400-666-2014 【我要收藏此页面】 网站地图