网页版式设计要点主要有这些:一是页面关注度;二是有效设计区域;三是基本要素应用;四是设计的可行性;五是兼顾提案功能。以下是关于网页版式设计的要点的具体介绍。
1. 页面关注度
虽然网站类型各异,但在页面内容模块上,其功能分布有一定的相似之处,形成相应的注意区域,这与读者习惯性的视觉过程有关。
在设计过程中,在尊重这种浏览习惯的基础上寻求合适的个性设计,否则读者将会无所适从,无法达到设计的目的。
一般来说,网页的上方和左方是用户视觉驻留的第一选择,这类似于纸质媒体阅读。由于页面本身的滚动特性(翻屏),更有必要将重要内容放在页面上方,否则相关内容可能会在页面加载时从浏览器窗口中隐藏。
2. 有效设计区域
一般来说,设计图片的大小相当于网页内容区域面积大小。需要注意的是,在设计布局图时可以暂时不考虑背景区域。
该区域由于不同的显示尺寸而有不同的显示区域,可以在网页设计收尾阶段设置。
一般将浏览器中保存网页内容的区域通常被称为有效设计区域,例如1024×768 分辨率的情况下,990× 560px的图像将在浏览器中完全显示。在内容较大的情况下,网页的高度不应受限制,通常是有效设计区域高度的2-3倍。
3. 基本要素应用
在网页版面设计中,除了设计各个元素外,还要考虑整体的布局,元素之间要相互补充,相互配合,为整体版面设计效果服务。
4. 设计的可行性
应该说,大部分可以用Photoshop设计的版面图片都可以通过后续的方式转换成网页。
即便如此,在设计版式图片时,也要考虑到后续转换的便捷性,避免不必要的麻烦,降低设计效率。
一般来说,在版式设计的过程中,要按照规划的规律性、内容的模块化、视觉辅助的原则对复杂的页面内容进行梳理。好的设计形式往往是内容精心安排后的必然结果。
5. 兼顾提案功能
除了作为网页设计的参考,排版设计也可以促进设计建议。
在网页设计实践的过程中,我们可以利用图片设计为客户提供2~3个方案作为视觉参考,让客户可以尽快确定设计稿修改的方向。最终稿完成后,进行复杂的网页转换工作,避免在不必要的生产过程中浪费时间。