1024×768 分辨率下最佳阅读尺寸
实际尺寸测量:
1024分辨率下每 100 像素物理宽度约为 27.98mm
1400分辨率下每 100 像素物理宽度约为 20.47mm
人眼专注阅读的视角是 25 度(约为正常视角的 1/5),距离显示器 45-50cm。
通过计算可以得到物理宽度为 19.95cm-22.17cm。约等于一把尺子的长度。
于是再换算到显示器上(仍按 17 寸 1024×768 分辨率,横向物理宽度是 34.544cm),就可以得到 591-657px 这个数字。
取整之后,可以认为宽是590-660px 这个区间。但前提仍然是 17 寸 1024×768 分辨率。
590-660px 之间为最佳阅读尺寸。
对比几个门户网站的新闻内容页如下:
新浪:页宽950px,左侧内容区域宽640px,文字区域559px,间隔10px,右侧广告区域宽300px
网易:页宽960px,左侧内容区域宽590px,文字区域551px,间隔10px,右侧广告区域宽360px
和讯:页宽960px,左侧内容区域宽650px,文字区域573px,间隔10px,右侧广告区域宽300px
搜狐:页宽980px,左侧内容区域宽600px,文字区域520px,间隔10px,右侧广告区域宽370px
搜狐:页宽980px,左侧内容区域宽615px,文字区域530px,间隔5px,右侧广告区域宽370px
觉得新浪的比例的页面效果不错,且在利用栅格来规范页面布局的时候比较好执行。
1024分辨率下每 100 像素物理宽度约为 27.98mm
1400分辨率下每 100 像素物理宽度约为 20.47mm
人眼专注阅读的视角是 25 度(约为正常视角的 1/5),距离显示器 45-50cm。
通过计算可以得到物理宽度为 19.95cm-22.17cm。约等于一把尺子的长度。
于是再换算到显示器上(仍按 17 寸 1024×768 分辨率,横向物理宽度是 34.544cm),就可以得到 591-657px 这个数字。
取整之后,可以认为宽是590-660px 这个区间。但前提仍然是 17 寸 1024×768 分辨率。
590-660px 之间为最佳阅读尺寸。
对比几个门户网站的新闻内容页如下:
新浪:页宽950px,左侧内容区域宽640px,文字区域559px,间隔10px,右侧广告区域宽300px
网易:页宽960px,左侧内容区域宽590px,文字区域551px,间隔10px,右侧广告区域宽360px
和讯:页宽960px,左侧内容区域宽650px,文字区域573px,间隔10px,右侧广告区域宽300px
搜狐:页宽980px,左侧内容区域宽600px,文字区域520px,间隔10px,右侧广告区域宽370px
搜狐:页宽980px,左侧内容区域宽615px,文字区域530px,间隔5px,右侧广告区域宽370px
觉得新浪的比例的页面效果不错,且在利用栅格来规范页面布局的时候比较好执行。
还没人转发这篇日记