SEARCH
新闻资讯

网站知识库

网站页面框架的制作设计

2020/3/6 19:03:21

网页具有可塑性,无论是水平方向照旧垂直方向,这是纸质页面所不具有的。因此,即便是在确定页面网格之前,你也必须要确定最适合网站的基本页面框架:固定宽度的页面照旧弹性宽度的页面。
 
确定页面长度要容易一些。最好的方法便是适用于内容的常识性方法。“网络读者不会滚动”这一老话或许适用于10年前或者更久之前的新用户,但是到了如今就不再是那么回事了。随着读者更风俗于将网页作为一个阅读序言,页面长度的设计限定削减了。可用性研究注解,网页读者必定会通过屏幕滚动来阅读他们感爱好的内容。


 
固定页面宽度
 
固定宽度页面设计使用普遍,尤其是在进行包含许多页面功能子区域的复杂而面设计时,诸如消息网站。将内容放置在固定宽度的列意味着你的页面布局将不会由于用户的屏幕或欣赏器窗口的大小不同而改变。在一个不变的环境中进行设计音味着,你可以固定页面元素的位置并控制行长和间距等版式特征。固定的布局还可以保持有关页面布局中的不同组成部分之间是如何关联的Gestalt视觉和空间逻辑。固定宽度的布局存在一些不利因素。在大的表现屏上,会有较大比例的屏幕外于非使用状况,而在狭小的欣赏窗口中,用户或许会必须要水平滚动才能看到完备雷度的页面。此外,在欣赏放大的文本时,固定宽度布局不会总是那么完善地作出反应。
 
假如读者选择放大文本,那么固定宽度的设计或许会产生视觉上的星散惯用的混合式替换设计就是将一个或者更多的固定宽度栏与一个弹性宽度的中心栏进行组合,其中中心栏拥有相对简单的内容结构并且可以延长以填满欣赏器窗口的整个宽度。
 
“安全的”页面宽度是一个赓续变换的目标,由于电脑屏幕的平均大小~直在增加。决定最佳页面宽度的最好方法就是使用网络分析学来确定网站欣赏者的平均屏幕大小。
 
固定布局对绝大多数网页欣赏环境(台式电脑或笔记本电脑表现屏)而言是最佳的选择,其还可以适用于掌上设备以及其他情势的含移动样式表的移动电脑。不过固定布局将会变得比弹性布局更脆弱并且更容易出现通用可用性问题。因此,我们强烈保举在设计时选择天真页面布局。
 
天真页面宽度
 
因为表现屏大小不一,从小型的手机到宽的电影屏幕,要设计成一个标准“安全的”大小的打算每每是不实际的。网页是一个天真的序言,用于适应不同的用户以及各不雷同的表现设备。与打印的固定于纸质上的文档不-样的是,网页的表面取决于表现大小、分辨率以及颜色设置、欣赏器窗口的高度和宽度、软件参数选择(诸如链接和背景颜色设置)以及可用的字体等这类元素。每每最佳的方法就是接受序言的天真性,设计出清晰的、可适用于许多实际设备且能被所有效户采用的页面。天真或“弹性”的页面设计在许多方面都比固定设计更具挑衅性,由于天真的页面设计要求对HTML和其在平台和欣赏器中的使用有一个很深的了解。天真的页面设计还要求设计者能跳出自身的结构并想出能够在不同环境中发挥功效的图形和布局。在定义天真性页面宽度时有许多种方式。最常用的方式就是使用百分比来定义页面上不同元素的宽度。例如,对一个两栏布局而言,内容可以占有页面宽度的75%,而区域导航占页面剩余的25%。统一页面在打印时将会隐蔽导航栏,由于其在纸质页面。上的用处不大,同时将页面宽度调至一个适宜阅读的数值。而在移动设备上,导航是必要的,但狭小的屏幕宽度不会支撑多栏,我们会将两栏折叠为一栏。并将屏幕上的可用空间最大化。
 
天真的网站设计在适应不同的表现设备(台式电脑、笔记本电脑、手机、iPod,等等)方面具有许多的上风。此外,天真性设计更具有通用使用性,由于其可以轻易用于增长文本大小、提高表现颜色和对比,以及增长阅读参数。天真的页面或许对于依靠于页面大小、版式以及图形之间相对固定的视觉关系的复杂页面布局而言,不是最好的方法。




如没特殊注明,文章均为成都网站建设公司唯赛网络原创,转载请注明来自http://www.weseo.cn/News/knowledge_675_11211.html

Contact

ADD:成都市青羊区光华东三路西环广场6楼

TEL:028-64232097

Wechat

微信二维码