网页版式设计的要点
网页版式设计要点主要有这些:一是页面关注度;二是有效设计区域;三是基本要素应用;四是设计的可行性;五是兼顾提案功能。以下是关于网页版式设计的要点的具体介绍。
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、网页的主体内容
主体内容是网页设计的元素。它一般是二级链接内容的标题,或是内容摘要,或内容的部分摘录。其表现形式通常是图片和文字的组合。