学习排版设计基础，掌握网页版面布局步骤与原则

如同传统报刊杂志编辑那般进行版面设计，把网页视作一张报纸、一本杂志来开展持版布局。尽管动态网页技术发展致使我们开始倾向于学习场录编剧，然而固定的网页版面设计基础依旧是务必学习并掌握的。其基本原理相互贯通，读者能够领会其中要点，由此举一反三。

其中，版面所指的是，在浏览器中映入眼帘的，完整的一个页面，这个页面，是可以包含框架以及层次的。由于每个人的显示器分辨率存在差异，所以，同一个页面的大小，就有可能出现类似640X480像素、800X600像素、1024X768像素这样不同的尺寸。

版面布局的步骤

草案，此处于创造阶段，不注重细腻工整，也无需考量细节功能，仅用粗陋的线条勾勒出创意的轮廓就行，尽可能多画几张，最后挑选一幅满意的作为继续创作的脚本。

首先进行粗略布局，是在草案的基础之上，把需要放置的功能进行模块安排，使其到页面上，这些功能模块主要涵盖网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器以及版权信息等，要注意，在此处我们必须得遵循突出重点、平衡谐调的原则，把网站标志、主菜单等最为重要的模块放置在最显眼、最突出的位置，随后再去考虑次要模块的排放。

(3)定案。将粗略布局精细化、具体化，最后达到满意定案。

对于版面布局的设计，要重视这样的原则，其一，要加强视觉效果，其二，要加强文案的可视度以及可读性，其三，要有统一感的视觉，其四，新鲜和个性乃是布局的最高境界。网页设计作为一种视觉语言，当然是要讲究编排和布局的，虽说网页设计并不等同于平面设计，然而它们存在许多相近之处，应当充分予以利用并且借鉴。

版式设计借由文字还有图形的空间组合，展现出和谐跟美，一个出色的网页设计者得晓得哪部分文字以及某个图形该放置在何处，进而让整个网页焕发光彩，网页设计者要尽力达成整体布局的合理化、有序化以及整体化，优秀的作品擅长以精巧、合理的视觉形式使一些语言难以表述的思想得以阐释，达成丰富多样、同时简洁明了。

将多页面站点的编排设计要求，从页面之间的有机联系里反映出来，这里面最为主要的问题，是页面之间以及页面内的秩序，与内容之间的关系。倘若想要达成最佳的视觉表现效果，那就应当讲究整体布局的合理性，尤其是关系极为紧密的，存在上下文关系的页面，务必要设计有向前以及向后的按钮，从而方便浏览者能够来回仔细地研读。

常用版面布局的形式

①存在“T”结构布局，所谓的“T”结构，指的是页面顶部有着横条网站标志以及广告条，下方左面是主菜单，右面用来显示内容的布局，由于菜单条背景比较深，整体呈现出来的效果与英文字母“T”相似，故而称作“T”形布局，这是在网页设计里使用最为广泛的一种布局方式。

这种布局具备的优点在于，页面结构呈现出清晰的状态，主次区分得十分明确，并且它属于初学者最易于掌握的布局方式。其缺点则是显得规矩又呆板，要是在色彩细节方面再不去留意，极易致使他人看过后产生乏味之感。

“口”形布局，这是用到象形说法，页面普遍上边、下边各有一个广告条，左面是主菜单，而且右面放置友情链接等，中间部分是主要内容。

这种布局具备的优点在于能够充分地利用版面，其容纳的信息量是很大的。而它存在的缺点乃页面显得拥挤，并且不够灵活。还有一种情况是将四边都空出来，仅仅采用中间的窗口型设计，就像网易的壁纸站那样。

(3) 呈现出“三”形的布局形式，这样的布局在国外站点当中被较多使用，而在国内的使用情况并不多见。

页面的特点在于，横向存在两条色块，进而把整个页面分割成了三部分，而且，这些色块当中，大部分放置的是广告条。

将深色与浅色，以一半对另一半，采取左右或者上下对称的，被称作对称对比的那种布局，一般针对设计型站点。此布局优点是视觉冲击力强，缺点是把两部份有机地结合起来比较困难。

有的页面布局采用POP布局，POP这个词是从广告术语里引来的，它的意思是页面布局跟宣传海报一样，把一张精美的图片当作页面设计的中心，这种布局常常运用在时尚类站点，就像ELLE.com那样，它的优点明显能看出来，好看又吸引人，不过它也有缺点，就是速度比较慢。

这里总结的是当前网络上常见的几种布局，除此之外，还有数量繁多、风格独特的非常规布局，而重点在于网站自身的创意以及设计。江的合理街询维环材基馆区战省金、南建州量(olv2)省风东4.7.4，表示页面美术设计。

对于企业站点的成功设计而言，专业美术设计人员的帮助是极其关键重要的。哪怕是一位完全没有任何网页设计经验的专业美术设计人员，也能够给出诸多有关排版、色彩等方面的建议。事实上，众多传统出版行业的规则以及禁忌，基本上也都适用于网页的设计。

网页设计与其他出版设计最大的不同表现在以下三个方面:

传播的媒介不一样，好多用户借助Modem来上网鉴于用户的容量状况图形通常不适合太大，一般每个图要小于30KB，每个页面图形的总量得小于50KB。最终的发布媒体有差别，多数用户经由Windows或者MAC机上网，并且当前通用分辨率低于800，所以美术设计人员施展空间是13至15英寸显示器能够展示的范围。存在所能采用的文件格式的限制。通用性的浏览器，所能够识别的图像格式之处，仅仅是JPEG以及GIF这两种格式了。而这两种格式，又各自有着不一样的特点，还有不一样的适用环境。

跟美术设计人员得有不错的合作，网站设计起初务必要能给他们呈上前面所讲的内容，以及逻辑结构。

继续浏览有关 网页设计版面布局 的文章