2022年网页设计布局心得. .pdf

网页作坊网页设计布局心得河南张金贵设计网页不仅仅是把相关的内容放到网页中就行了,它还要求网页设计者能够把这 些内容合理安排 ,给浏览者以赏心悦目的感觉,这样才能达到内容与形式的完美结合 , 增强网站的吸引力。因此说,设计网页不但是一项技术性的工作,它还是一项艺术性的 工作,要求设计者具有较高的艺术修养和审美情趣,这样才能够设计出高水平的网页 来。网页的排版布局就是决定你的网站美观与否的一个重要方面,通过合理的、有创意的布局 ,你可以把文字、图像等内容完美地展现在浏览者面前,而布局的好坏在很大程度上取决于你的艺术修养水平和创新能力。然而这并不是说网页布局无章法可循 ,完全 是灵感之作 ,它也有自己内在的规律和要求,你只要按照这些要求去做 ,再加上你的奇 特创意 ,一个吸引人的网页布局是会出现的。一、网页排版布局的步骤1.构思根据网站的内容整体风格,设计版面布局。你可以参考其他优秀的网站,调用自己 的各种知识储备 ,特别是艺术方面的 ,在大脑中不蚕地酝酿、碰撞,往往不经意间就有 闪光的思想出现。这时你就要抓紧时间把它变成文字的东西,用笔在纸上粗略地勾画出布局的轮廓 ,不要讲究细节 ,只要有一个轮廓就行。当然你也可能有多种想法 ,尽量都 把它们画出来 ,然后再比较 ,采用一种比较满意的方案。2.初步填充内容这一步就要把一些主要的内容放到网页中,例如网站的标志、广告条、菜单、导航 条、计数器等 ,要注意重点突出 ,把网站标志、广告条、菜单放在最突出、最醒目的位置,然后再考虑其它元素的放置。3.细化名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 5 页 - - - - - - - - - 在将各主要元素确定好之后,下面就可以考虑文字、图像、表格等页面元素的排版 布局了。在这一步 ,你可以利用网页编辑工具把草案做成一个简略的网页,当然对每一 种元素所占的比例也要有一个详细的数字,以便以后修改。经过以上几步 ,相信你的网页布局已经初具规模了,让别人看一下 ,给你提些建 议,再不断修改 ,一个很有特色的网页就要浮出水面了。二、网页排版布局的原则上面我们简要介绍了设计网页布局的步骤,事实上 ,在构思和设计的过程中,你还必须要掌握以下几项原则 : 1.平衡性一个好的网页布局应该给人一种安定、平稳的感觉,它不仅表现在文字、图像等要 素的空间占用上分布均匀,而且还有色彩的平衡 ,要给人一种协调的感觉。2.对称性对称是一种美 ,我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆 板、死气沉沉的感觉 ,因此要适当地打破对称 ,制造一点变化。3.对比性让不同的形态、色彩等元素相互对比,来形成鲜明的视觉效果。例如黑白对比 ,圆 形与方形对比等 ,它们往往能够创造出富有变化的效果。4.疏密度名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 5 页 - - - - - - - - - 网页要做到疏密有度 ,即平常所说的 “ 密不透风 ,疏可跑马 ” 。不要整个网页一种 样式,要适当进行留白 ,运用空格 ,改变行间距、字间距等制造一些变化的效果。5.比例比例适当 ,这在布局当中非常重要 ,虽然不一定都要做到黄金分割,但比例一定要 协调。三、常见的布局样式1.T 字型(如图 1 这种布局最为常见 ,就是指页面最上方是广告条,页面下方左面是菜单 ,右面显示 页面内容 ,整体上类似英文字母 “T”,所以我们称之为 T 字型布局。这种布局条理清 晰、主次分明 ,非常适合初学者学习 ,但略微有点呆板。2.口字型 (如图 2 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 5 页 - - - - - - - - - 这种布局类似一个方框 ,上下是广告条 ,左面是菜单 ,右面是友情链接 ,中间是网 页内容,页面布局紧凑、信息丰富 ,但四面封闭给人一种压抑的感觉。3.对称型 (如图 3 整个网页呈上下或左右对称布局,非常醒目 ,如果两部分搭配协调 ,网页的视觉效 果非常好 ,很有冲击力。4.海报型 (如图 4 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 5 页 - - - - - - - - - 这种布局就像我们平时见到的海报一样,中间是一幅很醒目、设计非常精美的图片,周围点缀着一些图片和文字链接。这种设计常用于一些时尚类和公司的首页,非常 吸引人。但大量的运用图片导致网页下载速度很慢,而且提供的信息量较少。(河南张金贵名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 5 页 - - - - - - - - -