网页版式设计的要点,网页的基本构成
当前位置:贝知网>知识分享>平面设计>网页版式设计的要点,网页的基本构成
网页版式设计的要点,网页的基本构成
时间:2022-07-30 平面设计

网页版式设计的要点,网页的基本构成

网页版式设计的要点

网页版式设计要点主要有这些:一是页面关注度;二是有效设计区域;三是基本要素应用;四是设计的可行性;五是兼顾提案功能。以下是关于网页版式设计的要点的具体介绍。

1.页面关注度

虽然网站类型各异,但在页面内容模块上,其功能分布有一定的相似之处,形成相应的注意区域,这与读者习惯性的视觉过程有关。

在设计过程中,在尊重这种浏览习惯的基础上寻求合适的个性设计,否则读者将会无所适从,无法达到设计的目的。

一般来说,网页的上方和左方是用户视觉驻留的第一选择,这类似于纸质媒体阅读。由于页面本身的滚动特性(翻屏),更有必要将重要内容放在页面上方,否则相关内容可能会在页面加载时从浏览器窗口中隐藏。

2.有效设计区域

一般来说,设计图片的大小相当于网页内容区域面积大小。需要注意的是,在设计布局图时可以暂时不考虑背景区域。

该区域由于不同的显示尺寸而有不同的显示区域,可以在网页设计收尾阶段设置。

一般将浏览器中保存网页内容的区域通常被称为有效设计区域,例如1024×768分辨率的情况下,990×

560px的图像将在浏览器中完全显示。在内容较大的情况下,网页的高度不应受限制,通常是有效设计区域高度的2-3倍。

3.基本要素应用

在网页版面设计中,除了设计各个元素外,还要考虑整体的布局,元素之间要相互补充,相互配合,为整体版面设计效果服务。

4.设计的可行性

应该说,大部分可以用Photoshop设计的版面图片都可以通过后续的方式转换成网页。

即便如此,在设计版式图片时,也要考虑到后续转换的便捷性,避免不必要的麻烦,降低设计效率。

一般来说,在版式设计的过程中,要按照规划的规律性、内容的模块化、视觉辅助的原则对复杂的页面内容进行梳理。好的设计形式往往是内容精心安排后的必然结果。

5.兼顾提案功能

除了作为网页设计的参考,排版设计也可以促进设计建议。

在网页设计实践的过程中,我们可以利用图片设计为客户提供2~3个方案作为视觉参考,让客户可以尽快确定设计稿修改的方向。最终稿完成后,进行复杂的网页转换工作,避免在不必要的生产过程中浪费时间。

网页的基本构成

不同性质、不同类别的网站,其页面内容的安排是不同的。一般网页的基本内容包括标题、网站LOGO、页眉、页脚、导航、主要内容等。如果想具体了解网页的基本构成,那不妨接着往下看吧!

1、网页标题

网页标题是对一个网页的高度概括。网站中的每一个页面都有一个标题,用来表示该页面的主要内容。它的主要作用是引导访问者清楚地浏览网站的内容。

2、网站的LOGO

在IT领域,LOGO意味着标志、标识。它的主要用途是与其他网站链接,让其他网站链接到该标志和门户,代表一个网站或网站的某个部分。LOGO的图形形式,特别是动态的LOGO,比文字形式的链接更引人注意。

为了促进互联网上的信息传播,一个统一的国际标准是必要的。目前,关于网站的LOGO有三种规格:

(1) 88×31像素,这是互联网上最常见的LOGO规格。

(2) 120×60像素,这种规格用于一般大小的LOGO。

(3) 120×90像素,这种规格用于大型LOGO。

3、网页页眉

网页页眉是指页面顶部的部分,有些页面划分得比较明显,有些页面则没有明确的区分。

通常情况下,页头的设计风格与页面整体风格一致,富有变化的页眉与网站的标志LOGO具有相同的作用。页眉的位置比较吸引人,大多数网站制作者在这里设置网站的目的、口号、广告语等。

4、网页页脚

网页页脚位于页面底部,通常用来标注站点所属公司的名称、地址、网站版权、电子邮件地址等信息,使用户能够了解网站所有者的基本情况。

5、网页导航

网页导航是指通过一定的技术手段,为访问者提供一定的网页浏览方式,使他们能够方便地获取所需内容。网页导航在每个网页中的位置是不同的。网页导航的表现形式是网页上的栏目菜单设置、辅助菜单和其他在线帮助。

6、网页的主体内容

主体内容是网页设计的元素。它一般是二级链接内容的标题,或是内容摘要,或内容的部分摘录。其表现形式通常是图片和文字的组合。