浅析WEB页面线框图布局设计

李 晨

（天津青年职业学院，天津 300191）

浅析WEB页面线框图布局设计

李 晨

（天津青年职业学院，天津 300191）

文章以“聚德金化工网站”改版设计项目为实例，依照网页设计工作流程中的基本环节，论述Web页面线框图布局设计的核心要点及具体分析方法，并从技术角度入手，重点论述线框图布局范围内的屏幕复杂度的分析与设定、规划设计版块及导航值计算等内容。

Web设计；线框图；分辨率；导航；布局

作为一个商业网站，无论其功能定位是怎样的，如何进行统一的页面布局设计？如何进行系统的功能开发？如何有效的吸引浏览者？这一系列的问题，是每一个网站运营者所不能避免的，而作为网站页面的“脸面”，Web页面的布局设计就显得尤为重要。本文以“聚德金化工网站”改版设计项目为实例，依照网页设计工作流程中的基本环节，论述Web页面线框图布局设计的核心要点及具体分析方法，从技术角度入手，重点论述线框图布局范围内的屏幕复杂度的分析与设定、规划设计版块及导航值计算等内容。“聚德金化工网站”项目源自于天津市聚德金化工有限公司，为该公司的旧版网站改版项目，客户要求其主色调为蓝色，并希望在原有网站内容的基础上增加视觉形象感和页面整体感。网站在功能上定位为宣传型，主要用于本公司主要化工产品的宣传推广。

作为前台Web页面的“骨骼”和“支柱”，线框图位于一个非常重要的位置上。从网页设计的工作流程上来讲，从线框图入手都是基本布局的良好开端；……