推荐阅读
相关文章
网站建设您当前位置: 主页 > 网络学院 > 网站建设

网站制作中的灵活布局详解

发布日期:2020-04-28 来源:优橙 浏览量:
摘要: 我们可以根据宽度设置将网页布局分为三种类型:固定宽度、可变(或非固定)宽度和弹性宽度。您也可以通过混合不同的度量单位将这些布局合并成混合布局。设计的每一列可以使用不同

我们可以根据宽度设置将网页布局分为三种类型:固定宽度、可变(或非固定)宽度和弹性宽度。您也可以通过混合不同的度量单位将这些布局合并成混合布局。设计的每一列可以使用不同的单位。四种布局类型中的任何一种都可以使用任意数量的列或美化主题,并且布局类型直接决定浏览设备如何在用户面前显示布局的宽度。



固定宽度布局是以前最常见和最常用的设计。固定宽度设计的总布局宽度以像素为单位设置,具体值由设计者确定。通常,设计者基于最常见的屏幕分辨率(例如,800×600和1024×768)来选择宽度。



固定宽度设计是固定的,其尺寸不会随用户设置而改变。这样,即使有不同的用户设置,您也可以创建一个具有丰富图像的网页,并使其看起来紧凑和一致。如果您调查网站的目标用户,您可以设计符合大多数用户浏览器窗口的布局,并确保文本行之间的宽度设置为易于阅读的理想值。



1。不是每个人都使用16像素的文本



如果您知道正在处理的文本的大小,您可以选择固定的宽度来优化每行的字符数,或者选择行的长度来提高可读性。印刷设计师一直在做这项工作:罗伯特·布林格斯特(RobertBringhurst)的杰作《字体风格》(TheElementsofTypographicStyle)推荐45到75个字符担任总统。这是基于几年来对印刷文本易读性研究的结论。根据对屏幕上显示的文本可读性的最新研究,在75到100个字符内,总统越长,阅读速度越快(尽管许多被测试的用户说他们更喜欢较短的文本)。



2。屏幕分辨率不等于浏览器窗口大小



固定宽度布局的最大问题在于,它们本质上取决于您估计最适合大多数用户的宽度。即使您的网络统计软件可以告诉每个用户屏幕分辨率——,即使您正在构建内部网并确保仅使用单一分辨率——,屏幕分辨率也不会总是与浏览器窗口匹配。有些人不会使用最大化浏览器窗口进行浏览(不可否认,这是少数人,但这类人的数量也随着显示和分辨率大小的增加而增加)。此外,有些人会使用占据数百像素可用宽度的浏览器工具栏。固定宽度设计的结果通常是一些观察者看到的设计要么太宽(迫使他们连续拖动水平滚动条),要么太窄(相对于观察者的窗口,在布局的一侧或两侧留下大量空白色)。根据我对用户的测试,许多人几乎为浏览器中“浪费的空空间”或拖动水平滚动条的困难而苦恼!





但是,在网络中,我们无法知道用户的文本大小。浏览器默认值为16像素,绝大多数用户将在他们的文本中使用该默认值。但是,有些用户会更改默认值或设置用户样式表来格式化文本,以便于阅读。即使一页文本很难阅读(即使是像素可调的文本,但互联网浏览器6和早期浏览器中的文本除外),使用该文本默认值的用户也会增加每一页文本的大小。因此,如果您优化16像素文本的长度,您可能会为绝大多数访问者进行可读性优化,但不是为所有访问者。不要误解我的意思;为绝大多数人设计是件好事。只是不要把“绝大多数”误认为“全部”。



另一个问题是,这些关于总统的研究没有考虑到各种不利条件,这些不利条件使得某些群体更喜欢更短或更长的总统。 虽然我同意设计师主要围绕用户的需求工作,并且以对用户最有利的方式工作(因为用户自己不知道什么是最好的),但有时用户自己,而不是我们,有必要更好地理解什么是最能满足他们需求的。 至少,我们可以根据我们认为可以帮助绝大多数用户的考虑来优化设计,但是我们应该通知用户修改我们的设计以便更好地满足他们的需求的可能性-——,这是打印和更多固定介质无法获得的一个巨大优势。

福州优橙互联是一家专注于福州网站建设的网站制作公司,为客户提供小程序制作,促进福州网络的全网推广和精准拓客。欢迎访问http://www.g303.com


全国统一客服热线

13809509600

周一至周五 9:00-22:30

法定节假日 9:00-23:00

微信公众号