广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    如何设计响应式后台

    来源:网络收集  点击:  时间:2024-05-23
    【导读】:
    如何设计响应式后台工具/原料more电脑方法/步骤1/6分步阅读

    按照本人自己的理解,响应式就是通过合理的设计方案配合规范的技术实现策略,使同一个 Web页面在各个终端(设备)不同分辨率屏幕上都能有最佳的用户体验

    2/6

    响应就是系统对于外部变化的反馈跟适应,响应式就是系统做出这种反馈所依据的方案与策略。对于一个 Web页面,外部的变化是指媒介(Media)与视窗(Viewport)的变化,媒介指 Web页面运行在哪些设备的屏幕上手机、平板、PC、Mac等

    3/6

    视窗指浏览器用来显示网页内容的窗口,也就是浏览器去掉标签栏、地址栏、工具栏之后显示内容的窗口大小。所以对于一个 Web页面而言,响应式响应的就是媒介与视窗的变化,响应的结果在视觉上表现为页面在不同媒介、不同视窗下会有不同的布局结构、版式设计以及不同数量信息的展示

    4/6

    这里说是用户体验而不是视觉效果是因为用户体验包含了性能、交互、效率等多方面内容,也就是说,对于一个线上的响应式页面,我们不仅要关注视觉上看到的,也要关注我们操作、使用时的感受,这些综合因素最终影响着用户使用后台系统时的效率与体验。而这里我提到的「合理的设计方案」就是本篇文章跟大家分享的重点

    5/6

    如何利用栅格系统完成后台页面的响应式设计。对于交互与性能方面内容,本篇文章不做介绍,因为两者涉及到我不太了解的技术相关知识。我提出这个观点主要希望大家在执行设计时,能有更全局的考虑,多跟交互与开发沟通,协力打造更好的用户体验

    6/6

    提高屏幕利用率最简单的理解就是在大屏幕上显示更多内容,在小屏幕上通过数据筛选展示关键信息。一直以来大家普遍认为移动端碎片化严重,但实际上桌面端设备的分辨率也是有着不太均匀的分布,而随着新设备的更新,更多高分辨率屏幕不断加入,这种碎片化的趋势会更加明显,因而要想利用好每一块屏幕,让不同分辨率的用户都有好的体验,显然传统固定的布局是做不到了

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_833520.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 07:00:42  耗时:0.030
    0.0297s