• 全国统一热线
  • 联系电话400-800-6499
  • 推荐课程
  • PHP开发
  • PHP开发4660

    主讲老师:何文、谭龙涛

  • UI设计
  • UI设计6402

    主讲老师:陈秋婷、钟柳婷

    网页设计的宽度规范

  • 作者:管理员发布时间:2018-05-08点击数:246
  • 网页设计中为什么常见的宽度在设计和实现的时候选择1200这个宽度,这个问题比较容易解释。

    宽度的选择有两个原因:屏幕分辨率宽度和『栅格』概念的引入。

    1、 屏幕分辨率宽度    

    目前多数的屏幕分辨率已经超过了1366*768,这是个屏幕逐渐变大的趋势,几年前我们还需要考虑在 1024* 768 这个非常普遍的分辨率下的显示效果,现在基本上不需要单独对其做处理了。 这个分辨率值只是上限参考,你不可能把页面的实际显示内容区(或者叫安全区)设置到这个值,因为在 Windows 等部分浏览器上,滚动条等也要占据宽度,同时过分的贴边在设计上是不被推荐的。所以现在就能清楚知道一个基准值的参考范围。

    2、栅格与响应式设计

    这里需要理解一个概念,通常为了布局方便我们将内容区域划分为12或者24格,并在栅格间增加通用间距来处理绝大多数情况下的垂直排列问题,12或24的好处是能够被2、3、4整除,更方便来处理2:1,1:2:1等常见间距。到这里基本上就知道为什么我们常见的值会是1180(1200减去两边栅格的留白)。这个值叫做典型设计参照,以往的设计平面稿是没办法动态适配各种宽度的,用典型值来作为设计稿基准尺寸能够表达典型效果,并在页面实现时更容易还原。




  • 上一篇:php开发具有哪些优势?
  • 下一篇:目前热门的UI行业怎么看?建议大家转UI吗?还有转UI有什么需要注意的吗?

  • 联系方式
  • 0773-5863218(周一至周五:8:00-20:00)

    手机号码:18177335633

    qq:526398449 QQ交谈

    地址:桂林市七星区信息产业园创新大厦B401

  • 公司二维码
  • 扫一扫,更精彩!

Copyright © 2016 大聪网络钱柜777娱乐手机官网科技 版权所有

桂ICP备12003741号-11