网页设计布局的类型有那些?
当前位置:贝知网>知识分享>平面设计>网页设计布局的类型有那些?
网页设计布局的类型有那些?
时间:2022-09-15 平面设计

网页设计布局的类型有那些?

网页设计布局的类型

常见的网页布局大致可分为这些类型:国字型、拐角型、三字型、封面型、Flash型和变化型。如果想具体了解网页设计布局的类型,那不妨接着往下看吧!

1、国字型。也可称为同字型,是一些大型网站所喜欢的类型,即最上面是网站的标题和横幅,接下来是网站的主要内容。

其结构是左右分列一些小型内容,中间是主要部分,最下面是网站的一些基本信息,联系方式,版权声明等。

2、拐角型。这种结构在形式上其实与前一种结构不同,但却非常相似。

拐角型结构在页面的顶部有一个标题和横幅,然后在左侧有一列狭窄的链接等,在右侧有一个非常宽的主体,下面也有一些网站的辅助信息。在这种类型中,一种很常见的类型是顶部有标题和广告,左侧有导航链接。

3、标题正文型。这种类型是指上面是标题或类似的内容,下面是正文,一些文章页或注册页等可能是这种类型。

4、三字型。这种类型在页面上由两个水平色块将页面整体分为三部分。顶部通常是网站标志、网站搜索和网站主导航,中间部分是信息和热点链接,底部是友情链接、版权等信息。

5、封面型。这种类型一般出现在网站首页,主要采用精美的图形设计结合一些小动画,放几个简单的链接,或者只是一个"进入"的链接,甚至有些封面型网页直接在首页图片上做链接,没有任何提示。这种类型的网站能给人带来一种愉悦的感觉。

6、Flash型。这类网页的主要部分是一段带有超链接功能的Flash动画,Flash动画能产生强烈的视觉和听觉冲击效果,使网页充满绚丽和时尚的气息,网页表达的信息更丰富、更生动,这类网页对追逐潮流的年轻网民很有吸引力。

网页设计排版怎么做

网页排版设计可以这样做:1、减少不同类型字体的使用。2、使用标准字体。3、选择一种能在各种尺寸中工作的字体。4、限制行的长度。5、行间距的重要性。如果想具体了解网页设计排版怎么做,那不妨接着往下看吧!

1、减少不同类型字体的使用。不要使用太多的字体,只破坏你的布局。为了避免这种情况,尽量把字体数量限制到很小,一般两个就很充足,其实一个也足够。

2、使用标准字体。用户对标准字体更熟悉因此可以快速的读取。除非你的网站的自定义字体很有吸引力,否则最好还是使用系统字体。一个安全的方法是用一个系统的字体:如Arial,Calibri,Trebuchet等。

3、选择一种能在各种尺寸中工作的字体。用户可能会从不同的屏幕尺寸和分辨率的设备中访问网站,选择一种能在多尺寸和重量上运行良好的字体,保持每个尺寸的可读性。

4、限制行的长度。如果你想要有一个好的阅读体验,每行应约60个字符。每行拥有适当的字符数量是让你的文本具有可读性的关键。

5、行间距的重要性。增加行高,可以增加文本之间的垂直空白空间,提高可读性,换取屏幕空间。一个规则,行高应该是字符高度的百分之三十。

6、确保你有足够的颜色对比度。在文本和背景中不要使用相同或相似的颜色,文本越明显,用户才能更快的阅读。

7、避免红色或绿色的文本。色盲很常见,尤其是男性,据调查百分号之八的男性是红绿色盲,避免单独使用红色和绿色来传达信息。

8、避免使用闪烁的文字。首先,闪烁的内容可能会导致个体癫痫发作,其次,对于大多数用户,这很令人反感而且容易分心。