美文网首页
页面宽度

页面宽度

作者: 肥肥张 | 来源:发表于2018-04-10 15:44 被阅读0次

客户常说:我就喜欢流行的宽屏设计!

——其实,网页设计中页面并非越宽越好。

先来看两个对比图:

“宽屏”效果对比

不建议页面宽度太大的原因

1、网站的内容不是只有内文

一般人在确认网站宽度时只会计算内文的部分,偏偏现在很多网页旁边有一些互动按钮或其他的分享按钮等随着视窗滑动的按钮,这些都是在网站宽度以外的范围。

2、读者不喜欢太宽的阅读动线

页面如果太宽,代表着每一行文章的段落长度会非常的长,对读者的眼睛来说这是一次痛苦的阅读过程,对于网站的体验就不言而喻了。

3、太大的图片会让版面臃肿

有些站长要求宽版面的目的就是为了能放大张的照片,除非你的照片真的美丽到让人窒息,不然太大张的照片会让读者有一种妨碍观瞻的感觉,而且太大张的照片也会让人有一种压迫感。

4、内容不够丰富的时候

如果你的内容不够丰富,因为宽度的关系也会让本来有 20 行文字转变成只有 10-15 行,甚至更低。在视觉上会让人有一种网站没什么内容的错觉。

5、内文排版容易不协调

现在的网站内容除了塞文章和图片,也会塞入很多相关的功能,例如留言、分享按钮、相关文章、热门文章、广告等等,并不是每一个功能都可以跟内文的宽度一样宽,太宽的内容排版有时候会造成彼此之间的设计不协调。

摘自https://boke112.com/3777.html

所以常规网站的网页宽度一般还是在1000-1200的范围以内,后台操作系统,各类独特设计另论。

相关文章

  • 媒体查询-栅格系统

    在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px 时页面背景为绿色 在页面...

  • @media screen.......

    页面适配 如下是当页面宽度小于1000时的样式 如下是当页面宽度大于2000时的样式

  • 页面宽度

    客户常说:我就喜欢流行的宽屏设计! ——其实,网页设计中页面并非越宽越好。 先来看两个对比图: 不建议页面宽度太大...

  • 高级任务8-媒体查询_flex布局_栅格系统

    用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px ...

  • 媒体查询、flex布局、栅格系统

    用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px ...

  • 移动开发总结

    HTML: 设置页面宽度等于设备宽度,并禁止用户缩放页面 忽略页面中的数字识别为电话,忽略email识别 开启对w...

  • 高级8-媒体查询-栅格系统

    题目1: 用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 90...

  • 媒体查询&flex布局&栅格布局

    题目1: 用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 90...

  • 媒体查询-栅格系统

    1: 用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900p...

  • 媒体查询

    1. 媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px...

网友评论

      本文标题:页面宽度

      本文链接:https://www.haomeiwen.com/subject/ivighftx.html