`
seekgirl
  • 浏览: 79119 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

网页用多宽才更合适?多样屏幕时代大问题

阅读更多
2009-04-05 17:37:01 来源:UCD社区 作者:白鸦 【大 中 小】 评论:1 条 我要投稿
主机网全新上线,买空间、服务器就上主机网,安全有保障!

1、结论:固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。

2、大屏幕不是用来显示更宽文字内容的,大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人:为自己的身体健康着想,在大屏幕下阅读的时候,养成缩小窗口的习惯。共勉 :)

3、希望用户认真阅读的网站,主要内容区域的宽度必须固定,不能过长,否则会伤害到阅读者的眼睛,而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告,为什么是650左右。(Google是按照英文算的宽度,我们可以按照中文相对调整)

4、一个页面只有一个主要内容区域,其他所有都是辅助内容,能隐藏就隐藏,能忽视就忽视。在用户浏览的时候,辅助内容不要紧挨着主要内容。那样会干扰阅读,侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。

5、浏览型网站尽量别用三栏,三栏太难设计,一个合理的页面不需要一下子摆出来那么多内容。

6、所以:对于浏览型网站,在大屏幕下,浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。

7、虽然屏幕越来越大,对于一些网站来说1024的宽度不一定会是主流,但至少需要向下兼容这个宽度,把他们作为一个很重要的人群考虑。

8、宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大,尺寸越来越多样的时候,这个问题会越来越凸显。

但如果纠结于“不要有空白”、“功能和内容不能分开”,没有任何意义。有些可用性原则,没有挑战余地。就好像公共场所的门必须向外打开一样。

9、对于这个问题,设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为:大多数嗓门大的用户,并不知道什么样的方式对自己最有益。
分享到:
评论

相关推荐

    多分辨率屏幕自适应

    在当前的数字化时代,多分辨率屏幕自适应已经成为开发者必须面对的重要课题。随着移动设备和桌面电脑屏幕尺寸的多样化,设计和开发能够适应不同分辨率的界面变得至关重要。这不仅关乎用户体验,也是确保应用或网站...

    模拟屏幕大小

    在多设备互联的时代,用户可能在各种屏幕尺寸和分辨率的设备上使用应用或浏览网页。因此,开发和设计时需考虑跨平台的兼容性。模拟屏幕大小可以帮助开发者: 1. 验证布局适应性:确保UI元素在不同分辨率下能正确...

    制作精美的秀恩爱静态网页

    在互联网时代,表达情感的方式越来越多样化,其中制作精美的静态网页成为了许多人展示爱情的独特方式。静态网页是指不依赖服务器端程序动态生成内容的网页,它通常由HTML、CSS和JavaScript等前端技术构建。这种网页...

    IPG快速截取屏幕图片

    在数字时代,截取屏幕图片已经成为日常工作中不可或缺的一部分,无论是为了记录信息、分享屏幕内容还是进行问题排查。IPG快速截取屏幕图片工具因其高效便捷的特点,在这方面扮演了重要角色。本文将深入探讨IPG工具的...

    计算机网页设计布局分析-网页设计-设计.pdf

    计算机网页设计的尺寸也较为多样化,在计算机使用过程中,常常由于客观影响造成屏幕的分辨率以及尺寸的影响,但由于是客观因素无法改变,在浏览器自带的功能上,对于浏览过程中网页的增大与减小都能够借助浏览器工具...

    800张网页背景素材、1000个网页小图标、1000张网页常用图片.zip

    网页设计是互联网时代不可或缺的一部分,它直接影响到用户体验和网站的整体视觉效果。本压缩包文件包含三个重要的组成部分:1000张网页常用图片、800张网页背景素材以及1000个网页小图标,这些都是网页设计中常用且...

    自适应css布局——流动布局新时代

    流动布局的挑战之一是,虽然它能够很好地适应大多数屏幕尺寸,但在极端尺寸的屏幕(如极小或极大的屏幕)上可能会出现问题。因此,设计师需要额外关注这些极端情况,并通过媒体查询等CSS技术,为特定尺寸的屏幕提供...

    网页图片下载软件

    网页图片下载软件是一种专门设计用于从互联网上批量下载图片的工具,它极大地方便了用户收集、管理和存储...在选择和使用这类软件时,用户应根据自身需求选择合适的功能,并注意版权问题,尊重并遵守网站的使用规定。

    GGG屏幕动态截图1.01

    在数字化时代,信息交流和表达方式日益多样化,其中屏幕截图作为一种直观、便捷的信息传递手段,已经广泛应用在工作、学习和生活中。GGG屏幕动态截图1.01是一款专为此目的设计的软件,它不仅能够捕捉静态图片,更能...

    网页制作素材

    网页制作是数字时代的一种基本技能,它涉及到设计、布局、色彩搭配以及元素组合等多个方面。在制作网页时,素材的选取和使用对于提升网页的视觉效果和用户体验至关重要。本资料包"网页制作素材"提供了丰富的设计元素...

    80套完整经典网页设计模板

    2. **响应式设计**:在当前移动优先的时代,响应式设计是网页设计的必备元素。这些模板大多都具备响应式布局,能够适应不同设备的屏幕尺寸,确保在手机、平板电脑和桌面电脑上都能提供良好的浏览体验。 3. **用户...

    红烛教鞭,在屏幕上写字

    1. **屏幕书写**:无论是在PPT演示、视频播放还是网页浏览时,教师可以随时在屏幕上进行标注,用虚拟的“教鞭”引导学生的注意力,清晰地解释重点内容。其笔触颜色多样,可自由选择,满足不同的教学需求。 2. **...

    行业分类-设备装置-使用屏幕捕捉提供自动上下文智能输入装置选择菜单.zip

    在这种情况下,设备会利用屏幕捕捉得到的画面分析用户当前的操作场景,如用户可能正在使用的应用程序或浏览的网页,以此来推测最佳的输入设备。 3. 自动选择菜单(Automatic Selection Menu):自动选择菜单是一种...

    HyperCam小巧好用的屏幕录像工具

    在数字化时代,屏幕录像软件已经成为了许多用户不可或缺的工具,无论是为了教学演示、游戏录制还是工作汇报,它们都能提供极大的便利。其中,HyperCam是一款小巧且功能强大的屏幕录像软件,以其便捷的操作和良好的...

    网页设计:艺术与技术的完美结合

    良好的网页设计可以通过优化页面元素如标题标签、元描述等来帮助搜索引擎更好地理解和索引网页内容,进而提高搜索结果中的排名,吸引更多的自然流量。 ### 网页设计的关键要素 #### 视觉设计 - **色彩搭配**:色彩...

    WAP/手机网页底部悬浮图片定时翻滚广告代码特效单图带关闭按钮

    在移动互联网时代,WAP(Wireless Application Protocol)或手机网页设计越来越注重用户体验与互动性。其中,一种常见的营销手段是使用广告来吸引用户注意力,而"WAP/手机网页底部悬浮图片定时翻滚广告代码特效单图...

    屏幕录像专家(天狼星)v7.0

    在数字化时代,屏幕录制软件已经成为日常工作中不可或缺的一部分,特别是在教育培训、远程协作、游戏录制以及产品演示等领域。今天我们要介绍的是“天狼星”屏幕录像专家的v7.0版本,这是一款绿色免安装的屏幕录制...

    网页100个模版

    "网页100个模版"这个资源集合了100个不同风格和用途的网页模板,覆盖了各行各业的需求,包括但不限于商业、电子商务、个人博客、艺术展示、教育、科技、旅游等多个领域。 1. **模板多样性**:这些模板设计独特,每...

    BL-318_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip

    在当今数字化时代,网页设计的重要性不言而喻,它不仅是企业形象的展示窗口,更是用户交互体验的关键所在。本资源"BL-318_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip"提供了一套完整的PSD网页模板...

    30套经典网页设计模版

    2. **响应式设计**:在当前多设备浏览的时代,模版通常会采用响应式设计,确保在不同屏幕尺寸(如桌面、平板、手机)上的良好显示效果。这涉及到媒体查询、流式布局和自适应图片等技术的应用。 3. **Bootstrap框架*...

Global site tag (gtag.js) - Google Analytics