网站设计的思考:版面布局的原理，网站设计的思考:版面布局的原理与方法
设计首页的第一步是设计版面。
像传统的报纸杂志编辑一样，我们把网页当成报纸、杂志来进行排版布局。
由于动态web技术的发展，我们倾向于学习场景编剧，但固定的网页布局基础仍然有待学习和掌握。
因为它们的基本原理是共通的，所以可以理解要点，举一反三。
布局是浏览器中显示的完整页面。 可以包含帧和图层。
由于显示分辨率因人而异，同一页面的大小可能不同，例如640*480像素、800*600像素或1024*768像素。
版面是指以最适合浏览的方式将图像和文字放置在页面上的不同位置。
你可能已经注意到了，“最合适”是不确定的形容词，什么是最合适的呢？ 对不起，阿捷也不能给你完全正确的答案。
就像有人想知道成功的秘诀一样，成功者用什么方法、什么方法告诉你最容易成功、不可能一步成功的“秘诀”。
我谈过整个网站的想法，布局也是想法的问题，但是比整个网站的想法更简单更有规律。
我们先来看看布局的步骤。
一.草案
新的一页就像一张白纸。 没有任何表格，没有框架，也没有规定。 可以最大限度地发挥想象力，画出“你想到的”景象”。 我建议你用白纸和铅笔。 当然，也可以作为图形软件photoshop等使用。
这是一个创造阶段，不注重精致，不需要考虑细节的功能，只需要用粗线画出创造性的轮廓就可以了。
尽可能多画你的画，最后选定满意的作为继续创作的脚本。
二.大致布局
根据草案，将认为需要放置的功能模块放置在页面上。
(注：如“首页设计-引文”所述，主要包括网站标识、主菜单、新闻、搜索、友情链接、广告条、邮件列表、柜台、版权信息等。)
请注意，在此，要遵循突出重点、均衡协调的原则，将网站标识、主菜单等最重要的模块放在最显眼、最显眼的位置，然后考虑排放子模块
三.决定草案
细化大致布局，具体化。
以你的智慧和经验为依托，旁若无人地进行各种联想，才能做出创造性的布局。
) )
在布局过程中，我们可以遵循的原则如下。
1、正常平衡——又称“匀称”。
多指左右上下的对照形式，主要通过强调秩序，可以达到稳定诚信的效果。
2、反常的平衡——虽然是非对称的，但必须保持平衡和节奏，当然是不均匀的。 这个布局可以达到强调性、不安性、高关注性的效果。
3、对比——对比不仅是运用色彩、色调等技巧来表达，在内容上也可以涉及古与今、新与旧、贫与富等的对比。
4、凝视-凝视是利用页面中人物的视线，通过使观众模仿跟随者的心理，达到注视页面的效果，从而多用明星凝视状。
5、空白——空白有两个作用。 在相对于其他网站表现出卓越的同时，也表现出对网站品位的优越感。 这种表达方式对表达网站格调非常有效。
6、尽量用图片解说——这种方法对无法用语言说服或无法用语言表达的感情特别有效。
图像解说的内容可以传达给观众更多的心理因素。
以上的设计原则虽然很无聊，但如果能理解并运用于页面布局，效果就会大不相同。
例如，
页面白色背景虚化时，可以添加颜色加快；
布局零散，可以用线和符号连接；
左边文字过多，右边可以插入图片保持平衡；
表太规则了，请试着用导程角代替。
经过反复试验和推敲，你的页面一定会变得明亮哦：)
看看我们常用的布局格式：
1.”T”结构布局。
所谓的“t”结构。
一种布局，其中页面顶部为横条站点徽标广告栏，下方左侧为主菜单，右侧显示内容。 菜单栏的背景教得很深，整体效果和英语的“t”很像，所以叫“t”型布局。
这是网页设计中使用最广泛的布局方式。
(省略图示)
这种布局的优点是页面结构清晰，主要是简单易懂。
这是初学者最快的布局方法。
缺点是一丝不苟，如果不注意细微的色彩，容易被认为“无聊”。
2 .“口”型布局。
这是一个象形的说法，页面上一般上下都有广告栏，左边是主菜，右边是友情联系等，中间是主要内容。
(省略图示)
这个布局的优点是充分利用了布局，信息量很大(我主页的首页属于这个布局)。
缺点是页面太拥挤，不够灵活。
也有空出四面，只有中间的窗户型设计。 例如网络壁纸站。
3 .“三”型布局。
这样的布局多用于国外网站，国内很少使用。
特点是页面上横向有两个颜色块，往往将整个页面分割为四个，在颜色块中插入广告条。
4 .对称对比布局。
顾名思义，布局呈左右或上下对称，一半为深色，一半为浅色，在设计型网站上普遍使用。
优点是视觉冲击力强，缺点是很难把两个部分有机地结合起来。
5.POP布局。
POP引自广告用语，意味着页面布局像海报一样，以美丽的照片作为页面的设计中心。
它经常在时尚类网站上使用，好处很明显。 很漂亮很有魅力。
缺点是速度慢。
作为布局也值得借鉴。
以上总结了目前互联网上常见的布局，其实还有很多其他独特的布局。 重要的是你的想法和设计。
关于布局诀窍，这里提供四条建议。 请自己推敲。
1 .提高视觉效果
2 .提高复印件的可视性和可读性
3 .统一感视觉
4 .新鲜和个性是布局的最高境界
添加群聊： 113972807接收资深设计师实战设计经验
仅限于前三名
(文章来自网络。 如有侵权请联系删除)