网页版面怎么布局和设计以及色彩搭配有哪些技巧？

资料来源：网络整理时间：2023/3/22 4:11:38 共计：3561 浏览

　　版面就是前面所说版块的具体化，实际上指的是用户使用者在查看浏览器中看到的一个完整网站页面(可以包含框架和层)。因为每个用户使用者所使用的显示器分辨率不同，所以同一个网站页面的大小可能出现640像素x 480像素，800像素x 600像素，1024像素x 768像素等不同尺寸。部署布局就是指以最适合用户访问浏览的方式将image图片和纯文本文字排放在网站页面的不同位置。

　　网页页面的部署布局在网站建设开始就设计规划，它可统一整个网页页面的样式风格，网页页面部署布局应考虑页与页之间的切换是不是是否方便;保证网站页面的主要信息区(正文部分)占网站页面的大部分。新建的网站页面就象一张白纸，没有任何表格、框架和约定俗成的东西，页面结构网页设计人员可以尽可能地发挥其想象力，将可能想到的“景象”画上去(可以用一张白纸和一支铅笔，也可以用绘图软件Photosh叩等)。这属于创造阶段，不讲究细腻工整，不必考虑细节点功能，只以粗陋的线条勾划出创意的轮廓即可。尽可能地多画几张，最后选定一个满意的作为继续创作的脚本。

　　在初始方案的基础上，将前面已确定的需要放置的功能模块安排到网站页面上，注意必须遵循突出重点、平衡谐调的原则，将网站站点标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。将初步部署布局精细化、具体化。

　　网页页面视觉色彩搭配的有哪些技巧：

　　(1)使用相同色系的色彩。简单的说就是用同一感觉的色彩，例如淡蓝，淡黄，淡绿，或者土黄，土灰，土蓝。先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加探)，产生新的色彩，用于网页页面。这样的网站页面看起来色彩统一，有层次感。

　　(2)运用对比色或互补色。先选定一种色彩，然后选择它的对比色或互补色，这样整个网站页面色彩丰富。这种用色方式容易塑造活泼、生动的网页页面结果效果，特别适合体现轻松、积极的素材的网站站点。缺点是容易造成色彩杂乱，使用该方式方法要注意色彩使用的度。

　　(3)使用过渡色。过渡色能够神奇地将几种不协调的色彩统一起来。过渡色包括包含几种形式:两种色彩的中间色调、单色中混人黑、白、灰进行调和以及单色中混人相同色彩进行调和等。

　　(4)用黑色和一种彩色。例如大红的字体配黑色的边框感觉很“酷”。

　　在网页页面配色中，特别要注意以下几点。

　　(1)不要将所有颜色都用到，尽量控制在三种色彩以内。

　　(2)背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要纯文本文字信息内容。

　　(3)由于国家和种族、宗教和信仰不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的好恶程度有着很大的差异。如儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计规划中要考虑主要用户使用者群的背景和构成。

　　信息文章来源：江津网站建设网站制作（www.1yc.cn），欢迎转发交流！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：2020年网页设计最新趋势及原因 | ·下一条：网站制作有哪些技巧