网站页面宽度设置成多少像素的才是最好合适的?

转载   大仁博客  2017-02-08 07:42:35  228 人阅读  31 条评论

如今,站长们在设计网站的时候总会考虑到网页宽度的问题,有些站长认为现在的笔记本电脑和台式电脑的荧幕都已经越做越大,荧幕解析度也越来越高,所以总希望网页宽度可以做宽一点,这样可以塞下更多的内容,展现更多的信息。殊不知这样以后自己的网站就不知不觉成为类似于各大新闻门户的首页了,博客站就更是切忌如此。

网站页面宽度设置成多少像素的才是最好合适的?

主流的页面宽度是 1000px

早些年电脑最普及的解析度是 1024*768,之后被 1280*1024 所取代(也是目前最多人使用的解析度),目前也有许多人使用 1440 宽度或 1920 宽度的解析度,因为荧幕的解析度尺寸越来越多了,也会让站长产生要以大尺寸来满足读者的错觉,其实目前的主流网页宽度还是以 1000px 左右为主,并不会随着荧幕市场的主流越来越大而有太大的变更。

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

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

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

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

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

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

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

4、内容不够丰富的时候

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

5、内文排版容易不协调

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

结语

除非你是活动类型网站或以视觉为主的网站,不然不建议做太过于宽版的网页设计,也不要认为你的读者都是大荧幕不太会在意宽版的问题,毕竟网页设计不是只给自己孤芳自赏用的,而是要让绝大多数的读者可以轻松阅读。

文章标签: ,   ,   ,  
原文地址:https://www.ddoqq.com/what-is-the-best-width-of-a-website.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为转载文章,来源于 大仁博客 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 刘曌博客
    刘曌博客 【秀才】 @回复

    现在很多电脑都是1920*1080的,个人还是喜欢1200像素的宽度。

    • boke112导航
      boke112导航【村长】2017-02-13 15:26  回复

      @刘曌博客[赞] 我的还是1080,另一个站点是1100,感觉还行。不过大屏幕的浏览器,如果不设置浏览器百分比超过100的话,看起来好小

  2. 雅兮网
    雅兮网 【尚书】 @回复

    960px黄金宽度,至今还有不少大站坚持在此页面宽度,不过随着屏幕尺寸和分辨率的不断变大,这个黄金宽度也不保了

  3. 昊璞玉器
    昊璞玉器 【小白】 @回复

    我也是比较喜欢用1200的!

  4. 何湘辉博客
    何湘辉博客 【小白】 @回复

    800~900px就可以了

  5. 旭博客
    旭博客 【秀才】 @回复

    当然是自适应啦,

  6. 赚钱铺
    赚钱铺 【小白】 @回复

    自适应就行

  7. 姜辰
    姜辰 【状元】 @回复

    我觉得现在这样就挺好。

  8. 复然网赚博客
    复然网赚博客 【举人】 @回复

    如何自适应呢?

  9. 杭州SEO优化
    杭州SEO优化 【举人】 @回复

    自适应就挺好的呀 为什么要瞎折腾呢

  10. 金榜台博客
    金榜台博客 【状元】 @回复

    没研究过哦

  11. 小萝博客
    小萝博客 【进士】 @回复

    自适应就不用折腾那么多

  12. 麦林风博客
    麦林风博客 【秀才】 @回复

    网页的宽度和字体大小样式,这些布局好了,自己喜欢,别人看着也舒服。

  13. 杭州SEO优化
    杭州SEO优化 【举人】 @回复

    自适应的就不错

  14. 马超金博客
    马超金博客 【举人】 @回复

    都用自适应主题

  15. 码农BTS
    码农BTS 【状元】 @回复

    还是自适应吧

  16. 夏天烤洋芋
    夏天烤洋芋 【进士】 @回复

    我的好像是自适应主题。

  17. 岷仁安防网
    岷仁安防网 【进士】 @回复

    我的现在是1010宽度。

  18. 刘传鹏博客
    刘传鹏博客 【举人】 @回复

    随便做一个看看后台数据就可以了知道了,或者百度一下

  19. 明月登楼的博客
    明月登楼的博客 【丞相】 @回复

    今时今日显卡、显示器的廉价可以说1200的没有不支持的了,所以我比较喜欢设定成1200的!

  20. 分钱榜
    分钱榜 【进士】 @回复

    涨姿势学本领,来boke112

  21. 靠谱学生兼职网
    靠谱学生兼职网 【状元】 @回复

    现在流行自适应

  22. Mr.li
    Mr.li 【举人】 @回复

    我设在1100以上,没毛病

  23. directadmin授权
    directadmin授权 【小白】 @回复

    1000px才是最好合适的,以前总以为是1024px,看来估计是估计错误了

  24. 彩票自助机
    彩票自助机 【进士】 @回复

    全宽屏显得大气,但是我还是觉得1100到1200比较合适

  25. 木庄博客
    木庄博客 【书童】 @回复

    自适应是趋势 多终端

  26. 免费拿双频路由器
    免费拿双频路由器 【进士】 @回复

    自适应不就好了

  27. 免费电影
    免费电影 【举人】 @回复

    自适应的不更好吗

  28. 一介小民
    一介小民 【状元】 @回复

    已固定再也不想改了