漂流的心 | 耿真的个人网站 | 鲁ICP备15001313号 | 本站永久网址:https://www.gengzhen.cn|

网站布局设计步骤

发布:耿真(GengZhen) 2021-07-01 16:19:00 归属栏目: 网站优化

  就像传统的报刊杂志编辑一样,我们把网页当成报纸和杂志来排版。虽然动态网页技术的发展让我们开始学习场景写作,但是网页版式设计的固定基础还是需要学习和掌握的。他们的基本原理是共通的,你可以抓住要点,举一反三。布局是指浏览器看到的完整页面(可以包含框架和层)。因为每个人的显示分辨率不同,同一页面的大小可能是640*480像素,800*600像素,1024*768像素等不同大小。布局是将图片和文字以最适合浏览的方式排列在页面的不同位置。

  你可能会注意到,“最合适”是一个不确定的形容词。什么最合适?对不起,阿杰不能也不能给你一个完整正确的答案。就像有些人想知道成功的秘诀是什么一样,成功的人只能建议什么方法和途径最容易成功,不可能一步就告诉你成功的秘诀。在设计思维系列的第四篇文章中,我们谈到了网站的整体创意。布局也是一个创意问题,但是比站点整体创意更容易,更有规律。我们来看一下排版的步骤:草稿的新页面就像一张白纸,没有任何表格、框架和约定。

  你可以尽可能地运用你的想象力来画出你想到的‘场景’(我们建议你用一张白纸和一支铅笔,但也可以作为photoshop等绘图软件)。这属于创作阶段,不讲究精致工整,不需要考虑细节功能,只用粗线条勾勒出创意的轮廓。画尽可能多的图,最后选择一个满意的作为剧本继续创作。2.粗略布局在草稿的基础上,安排好你确定需要放在页面上的功能模块。(注:我们在‘首页设计-简介’中提到的功能模块主要包括网站logo、主菜单、新闻、搜索、友情链接、广告栏、邮件列表、柜台、版权信息等。).注意一定要遵循突出重点、平衡协调的原则,把网站logo、主菜单等最重要的模块放在最显眼最突出的位置,再考虑次要模块的排放。

三.定稿将细化和具体化粗略布局。凭借你的智慧和经验,你可以旁敲侧击,与人交往,做出有创意的布局。在布局过程中,我们可以遵循以下原则:

1。正常平衡——也叫‘对称’。是指左右、上下对比的形式,以强调秩序为主,可以达到稳定、诚实、信任的效果。

2、非正常平衡——也就是非对比形式,还要平衡和节奏,当然是参差不齐,这样的布局可以达到强调、不安、高度关注的效果。

3.对比——所谓对比,不仅仅是运用色彩、色调等技巧进行表现,还涉及到过去与现在、新与旧、穷与富在内容上的对比。

4.凝视——所谓凝视,就是利用页面上人物的视线,让观看者模仿跟随的心理,从而达到凝视页面的效果。一般用观星。

5.Blank-Blank有两个功能。一方面,它向其他网站展示了卓越,另一方面,它也展示了网页品味的优越性。这种表达方式对于展示网页的风格非常有效。

6.尽量用图片解释——这种方法对于无法用语言说服或表达的情绪特别有效。画面解说的内容可以向观者传达更多的心理因素。虽然上面的设计原理很枯燥,但是如果能理解并应用到页面布局中,效果会大不相同。比如如果网页的白色背景太假,可以快速添加一些颜色;布局分散,可用线条、符号串联;左边字太多,右边可以插个图保持平衡;形式过于规则,可以尝试使用导向角代替。

温馨提示本站内所有原创内容禁止转载,谢谢合作!

关注耿真SEO微信公众号