当前位置:首页知识设计思想

网页布局创意

网站布局.就是以最适合浏览的方式将图片和文字排放在页而的不同位置。你可能注意到:“最适合”是一个不确定的形容词,什么才是最适合的呢?这是没有确定性但石方向性的问题,我们只能离结果越来越近。

1)版面布局步骤
①草案:新建页面就保一张白纸,没有任何表格、框架等约定俗成的东西,我们可以尽可能地发挥想像力将想到的画上去。这届于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽可能多厕儿张,最后逃走一个满意的作为继续创作的脚本。


②粗略布局:在草案的基础上,将确定需要放置的功能模块安排列页而上(主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等)。要求遵循交出五点、平衡协调的原则,将网站LoGo,主菜单等最重要的模块放在最显眼、最突出的位置,然后冉考虑次要模块的排放。

③定案:将粗略布局精细化、具体化,夯敲侧击多方联想,做出具右创意的布局。在市局过程中.我们可以遵循的原则有:
正常平衡——亦称“匀称”,多指左右、上下对照形式,主要强调秩序,能达到安定、诚实、信赖的效果。
异常平衡——即非对照形式,但包要平衡和韵律,当然都是不匀称的,此种布局能达到强调性、不安伯:、高注目性的效果。
对比——不仅利用色彩、色调等技历来表现.在内容上也可涉及古与今、新与旧、贫与宫等对比。

凝视——利用页朗中人物视线,使浏览者仿照跟随的心地,以达到许视页面的效见,一般多膨明只凝视状。
空白——一方回对其他网站表示突出卓越,另一方回也表示网页品位的优越感.这种表现方法对体现网页的格调十分有效。
尽量用图片解说——此法别不能用语言说服或用语言无法表达的情感特别有效。图片解说的内容可以传达给浏览督更多的心型因素。
以上设计原则,看似枯燥,但是我们如果能领会并活用到网页朽局里,效果就大不一样了。比如,网页的自包背景太虚,则可以加些色块;版面零散,可以用线条和符号串联;左而文字过多,右面则可以插一张图片保持平衡;表格太规矩,可以改用圆角试试。

2)常用版面布局形式
网页结构布局是网页的框架,是网页各构成元素征网页中的分布与比重布局形式如下:
山“同”宁型布局,也称为“围”宁型布局,是一些大型网站所喜欢的类型,而是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列两小条内容.中间是主要部分,与左右一起罗列到底,最下而是网站的一些基本信息、联系分式、版权声明等。这种结构是我们在网上见到最多的一种结构类型。

②“T”字型布局.所谓“T”字型布局就是指瓦面顶部为横条网站标志和广告条,下方左面或右面为主菜单,另外一面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”。这种布局方式是很多网站的内容页所采用的布局,因此在网页设计中用的也很广泛。
这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人看之无味。

③对称、对比布局,采取左右或者上下对称的布局,一半深色设计型网站。对称的页面给人稳定、严谨、庄重、理性的感受,视觉冲击力强。对称分为绝对对称和相对对称。一般采用相对对称的手法,以避免呆板,左右对称的页面版式比较常见。

④“口”字型布局,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情链接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,木够灵活。也有将四边空出,只用中间的窗口型设计,所乐的“口”字型布局,使用曲线与直线的结合,蓝主色,画面沉静而不“脏”,色块分割,简单明厂。

⑤“三”字型布局,这种布局在国外网站上较为常见。特点是页面上横向两条色块,将页面整体分割为4部分,色块中大多放广告条。所示的“三”字型布局上,中部文字编排疏散,传达出轻松愉快的感觉。下部的文字编排采用较小的行距,与上面的编排力式形成对比,丰富了版面空间层次。

⑥PoP布局.PoP引自广告术语,就是指页面布局保一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点。优点显而易见——漂亮、吸引人,如果处理得好,会给人带来赏心悦目的感觉。缺点就是可能因为网速慢而影响作品的表现。PoP网页布局,整个色彩统一,兼具时尚与经典的感觉,耐人寻味。

⑦Flash型布局,其实这与PoP是类似的,只是这种类型采用了目前非常流行的Flash,由于FIash强大的功能,页面所表达的信息更丰富.其视觉效果及听觉效果如果处理得当,网页将更吸引眼球。Flash型布局,其中右图所示为“索尼公司网站首页.在商品内容丰富的前提下.开场引人人胜‘鼠标移动到“+”的符号上,会有气泡信息展开,使整个构图在平稳中更具变化;色彩清新淡雅,在统一中有变化,黄色调的


⑧变化型布局,即上面几种类型的结合与变化,比如上、左、右结构等的综合框架型。几种布局方式结合使用,助理性、条理,又活泼而富有弹性。

以上总结丁目前网络上常见的都局,其实还有许许多多别具一格的布局,关键在于你的创意和设计丁。对于版面布局的技巧,这里提供4个建议:加强视觉效果、加强文本的可视度和可读性、风格统一、注重新鲜和个性。我相信,经过不断的尝试和推敲,你的网页一定会亮丽起来的。

 
 
版权所有 © 2008-2012 广州宅寂品牌策划有限公司,保留所有权利,粤ICP备2300695号