1.设计版面结构

就像传统的报刊杂志编纂一样，我们将网页看做一张报纸，一本杂志来进行排版结构。固然动态网页技巧的成长使得我们开端趋势于进修场景编剧，然则固定的网页版面设计基本依然是必需进修和控制的。

版面指的是阅读器看到的完全的一个页面(可以包括框架和层)。因为每小我的显示器分辩率分歧，所以统一个页面的年夜小可能涌现640×480像素，800×600像素，1024×768像素等分歧尺寸。结构，就是以最合适阅读的方法将图片和文字排放在页面的分歧地位。

2.版面结构的步调

(1)草案

新建页面就像张白纸，没有任何表格，框架和商定俗成的器械，你可以尽可能的施展你的想象力，将你想到的“气象”画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件Photoshop等也可以)。

(2)粗略结构

在草案的基本上，将你肯定须要放置的功效模块支配到页面上。(注:功效模块重要包括网站标记、主菜单、消息、搜刮、友谊链接、告白条、邮件列表、计数器、版权信息等)。

(3)定案

将粗略结构精致化、具体化(靠你的聪明和经验，旁敲侧击多方联想，能力作出具有创意的结构)。

3.结构遵守的原则

①正常均衡-亦称“均匀”。多指阁下、高低对比情势，重要强调秩序，能到达安宁老实、信任的后果。

②异常均衡-即非对比情势，但也要均衡和前律，当然都是不均整的，此种结构能到达强调性、不安性、高注视性的后果。

③比较-所谓比较，不仅应用颜色、色调等技能来进行表示，在内容上也可涉及古与今、新与旧等比较。

④注视-所谓注视是应用页面中人物视线，使阅读者模仿追随的心理，以到达注目页面的后果，一般多用明星注视状。

⑤空白-空白有两种感化，一方面临其他网站表现凸起卓著，另方面也表现网页品位的优胜感，这种表示办法对体显网页的格调十分有用。

⑥尽量用图片讲解-此法对不克不及用说话说服、或用说话无法表达的情绪特殊有用。图片讲解的内容，可以转达给阅读者的更多的心理身分。

4.常用到的版面结构情势

①“T”形构造结构。所谓“T”形构造，就是指页面顶部为横条网站标记+告白条，下方左面为主菜单，右面显示内容的结构，因为菜单条配景较深，整体后果相似英文字母“T”，所以我们称之为“T”形结构。

这是网页设计顶用的最广返的一种结构方法。这种结构的长处是页面构造清楚，主次分明。

②“口”形结构。这是一个象形的说法，就是页面一一般高低各有一个告白条，左面是主菜单，右面放友谊链接等，中央是重要内容。这种结构的长处是充足应用版面，信息量年夜。缺陷是页面拥挤，不敷灵话。也有将四边空出，只用中央的窗口型设计，例如网易壁纸站。将页面整体朋分为四部门，色块中年夜多放告白条。

③“三”形结构。这种结构多用于国外站点，国内用得不多。特色是页面上横向两条色块，对称比较结构，顾名思义，采用阁下或者高低对称的结构，一半深色，一半淡色，一般用于设计型站点。长处是视觉冲击力强，缺陷是将两部门有机的联合比拟艰苦。

④POP网站设计结构。POP引自告白术语，就是指页面结构像张宜传海报，以张精巧图片作为页面的设计中间。常用于时尚类站点。长处显而易见:英俊吸惹人。缺陷就是速度慢，但其作为版面结构是值得借鉴的。