电脑培训知识-网站第一屏(幕)应该如何设计

本文探讨了网页设计中关键的第一屏概念及其尺寸变化趋势,并介绍了网页布局的基本结构类型,包括栏式结构与区域结构,强调了遵循用户习惯的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  所谓第一屏,是指我们打开一个网站页面,在不拖动滚动条(浏览器窗口)的情况下,能够看到的部分。以此衡量,第一屏到底有多大呢?答案是未知的。

  当浏览器窗口最大化时,在800像素*600像素(px)的屏幕模式下,减去IE安装后默认状态占去的空间,正窗口内所能看到的部分大约为778px*435px。不少用户给比安装了如搜索条、下载条等其他工具栏,占用了不少空间。显然宽度保持不变,但长度缩短了。

  如果窗口不是最大化,能够看到的页面大小更是无法确定的,我们可以把不是窗口最大化的情况忽略不计。

  2004年之前,多以800px* 600px的屏幕作为参考尺寸。随着电脑设备的更新换代,从2004年开始,网站设计正式以1024px*768px的屏幕作为参考尺寸。为此,不少知名网站也进行了相应的调整。2005年以后,随着液晶显示器的普及,将有一部分人使用1280px*1024px的屏幕。但要等大众普及,恐怕还得一些时间。即便是现在,如果网站的用户正好是那些对显示器要求偏高的群体,设计采用1280px*1024px的屏幕作为参考,也不为过。

  超级连接文字的颜色要区别于其他文字的颜色;

  版权信息要放在页面最下部;

  中文导航,尽量以4个汉字为其命名;

  这些都是网民在长期浏览网站的过程中,所形成的关于信息位置的心理暗示。即便遇到了竖排导航在右侧的网站页面,查阅时也会不自觉地到左边寻找等。

  符合习惯方式,有助于提高页面的可用性。尤其是商业网站,商业氛围以高效为首,用户们通常是以最快找到信息的时间作为衡量的标准。如果是按照用户习惯排版信息,用户查找信息的时间就是最短的。打破了习惯方式的设计,或许可以受到一部分用户的欢迎,但也可能会有更多反对的声音。

  其实,很多优秀的网站证明了,即便遵守传统的信息布局方式,页面也能设计出特色来。结构并不是网页设计的全部,设计师还可以通过图形图像、文字、色彩等其他元素协调统一,使页面丰富多彩。

  栏式结构

  根据信息的需求,网页排版主要划分出两种基础结构,一种是栏式结构,另一种是区域结构。所谓栏式结构,是用竖分方式,把页面信息分成几列的情况。

  根据栏数为其命名,可以有二栏式、三栏式、四栏式、五栏和通栏。通栏为一栏,也就是不分栏的情况,常见于文章正文页面、用户注册页面等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值