图片样式

网站的设计原则:任务实现色彩布局造型优化

一个成功捉住用户“眼球”并终究带来经济效益的公司网站首要需求一个优异的计划,然后辅之优异的制造。计划是网站的中心和魂灵 ,是一个感性思考与理性分析相联系的杂乱的进程,它的方向取决于计划的使命,它的完结依赖于页面的制造。正所谓“功夫在诗外”,页面计划中最首要的东西,并非在软件的运用上,而是在咱们对页面计划的了解以及计划制造的水平上,在于咱们本身的美感以及对页面的掌握上。

首要,咱们要弄清楚页面计划的使命。

一、计划的使命

计划是一种审美活动,成功的计划著作通常都很艺术化。但艺术仅仅计划的方法,而并非计划的使命。计划的使命是要完结计划者的目的,而并非发明美。

页面计划的使命,是指计划者要体现的主题和完结的功用。站点的性质不一样,计划的使命也不一样。从方法上,能够将站点分为以下三类:

第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为拜访者提供大量的信息,并且拜访量较大。因而需留意页面的切割、结构的合理、页面的优化、界面的亲和等疑问。

第二类是资讯和形象相联系的网站,像一些较大的公司、国内的高校等。这类网站在计划上请求较高,既要确保资讯类网站的上述请求,同时又要杰出公司、单位的形象。

第三类则是形象类网站,比方一些中小型的公司或单位。这类网站通常较小,有的则有几页,需求完结的功用也较为简略,页面计划的首要使命是杰出公司形象。这类网站对计划者的美工水平请求较高。 当然,这仅仅从全体上来看,详细情况还要详细分析。不一样的站点还要差异对待。别忘了最首要的一点,那即是客户的请求,它也属于计划的使命。

明确了计划的使命以后,接下来要想的即是怎么完结这个使命了。

二、计划的完结

计划的完结能够分为两个有些。第一有些为站点的计划及草图的制造,这一有些能够在纸上完结。第二有些为页面的制造,这一进程是在核算机上完结的。

计划主页的第一步是计划版面规划。咱们能够将页面看作传统的报刊杂志来编辑,这儿面有文字、图像乃至动画,咱们要做的作业即是以最适合的方法将图像和文字排放在页面的不一样方位。

接下来咱们要做的即是经过软件的运用,将计划的规划变为现实,终究的集成通常是在Dreamweaver里完结的。虽然在草图上,咱们定出了页面的大体轮廓,可是创意通常都是在制造进程中发生的。计划著作必定要有创意,这是最根本的请求,没有创意的计划是失败的。在制造的进程中,咱们会碰到许多疑问,其中最灵敏的莫过于页面的色彩了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰厚的,它能唤起人类的心创意知。通常来说,红色是火的色彩,热心、奔放;也是血的色彩,能够标志生命。黄色是明度最高的色彩,显得富丽、尊贵、明快。绿色是大天然草木的色彩,意味着纯天然和成长,标志安定平和与安全,如绿色食品。紫色是尊贵的标志,有严肃感。白色能给人以纯真与清白的感触,表明平和与纯洁。

咱们知道,色彩是光的折射发生的,红、黄、蓝是三原色,其它的色彩都能够用这三种色彩谐和而成。换一种思路,咱们能够用色彩的改变来体现光影作用,这无疑将使咱们的著作更贴近现实。

色彩代表了不一样的情感,有着不一样的标志含义。这些标志含义是大家思维交流傍边的一个杂乱疑问,它因人的年纪、地域、年代、民族、阶级、经济区域、作业能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不一样。

单纯的色彩并没有实践的含义,和不一样的色彩调配,它所体现出来的作用也不一样。比方绿色和金黄、淡白调配,能够发生高雅,舒适的氛围。蓝色和白色混合,能体现柔顺、浓艳、浪漫的氛围。红色和黄色、金色的调配能烘托喜庆的氛围。而金色和粟色的调配则会给人带来暖意。计划的使命不一样,配色计划也随之不一样。思考到页面的适应性,应尽量运用页面安全色。

但色彩的运用并没有必定的规律,假如必定要用某个规律去套,作用只会拔苗助长。经历上咱们可先断定一种能体现主题的主体色,然后依据详细的需求,运用色彩的近似和比照来完结悉数页面的配色计划。悉数页面在视觉上应是一个全体,以达到调和、顺眼的视觉作用。

四、页面规划类型

页面规划大致可分为“国”字型、角落型、标题正文型、摆布构外型、上下构外型、概括构外型、封面型、Flash型、改变型,下面别离论说。

1、“国”字型:

也能够称为“同”字型,是一些大型网站所喜爱的类型,即最上面是网站的标题以及横幅广告条,接下来即是网站的首要内容,摆布排列一些两小条内容,中心是首要有些,与摆布一同罗列究竟,最下面是网站的一些根本信息、联系方法、版权声明等。这种结构是咱们在网上见到的差不多最多的一种结构类型。

2、角落型:

这种结构与上一种本来仅仅方法上的差异,本来是很附近的,上面是标题及广告横幅,接下来的左边是一窄列连接等,右列是很宽的正文,下面也是一些网站的辅佐信息。在这品种型中,一种许多见的类型是最上面是标题及广告,左边是导航连接。

3、标题正文型:

这品种型即最上面是标题或相似的一些东西,下面是正文,比方一些文章页面或注册页面等即是这品种。

4、摆布构外型:

这是一种摆布为别离两页的结构结构,通常左边是导航连接,有时最上面会有一个小的标题或标致,右面是正文。咱们见到的大有些的大型论坛都是这种结构的,有一些公司网站也喜爱选用。这品种型结构十分明晰,一望而知。

5、上下构外型:

与上面相似,差异仅仅在所以一种上下分为两页的结构。

6、概括构外型:

上页两种结构的联系,相对杂乱的一种结构结构,较为多见的是相似于“角落型”结构的,仅仅选用了结构结构。

7、封面型:

这品种型根本上是呈现在一些网站的主页,大有些为一些精巧的平面计划联系一些小的动画,放上几个简略的连接或许仅是一个“进入”的连接乃至直接在主页的图像上做连接而没有任何提示。这品种型大有些呈现在公司网站和自己主页,假如说处理的好,会给人带来赏心顺眼的感触。

8、Flash型:

本来这与封面型结构是相似的,仅仅这品种型选用现在十分游戏行的Flash,与封面型不一样的是,由于Flash强壮的功用,页面所表达的信息更丰厚,其视觉作用及听觉作用假如处理妥当,绝不差于传统的多媒体。

9、改变型:

即上面几品种型的联系与改变,比方本站在视觉上是很挨近角落型的,但所完结的功用的本质是那种上、左、右结构的概括构外型。

有关导航栏的方位

导航栏能让咱们在阅读时简单的抵达不一样的页面,是页面元素十分首要的有些,所以导航栏必定要明晰、夺目,通常来讲,导航栏要在“第一屏”能显示出来,那种横向放置的导航栏要优于纵向的导航栏思考,因素很简略:假如阅读者的第一屏很矮,横向的仍能悉数看到,而纵向的就很难说了,由于窗口的宽度通常是不会受阅读器设置影响的,而纵向的则不断定性要大的多。

什么样的规划是最佳的

 

这是初学者可能会问的疑问。本来这要详细情况详细分析的:比方假如内容十分多,就要思考用“国字型”或角落型;而假如内容不算太多而一些说明性的东西比较多,则能够思考标题正文型;那几种结构结构的一个一同特色即是阅读便利,速度快,但结构改变不灵敏;而假如是一个公司网站想展现一下公司形象或自己主页想展现自己风貌,封面性是首选;Flash型更灵敏一些,好的Flash大大丰厚了页面,可是它不能表达过多的文字信息。还没有说到的即是改变型了,我仅仅想把这个留给读者了,由于,只需不断的改变才会进步,才会不断丰厚咱们的页面。

五、外型的组合

在页面计划中,咱们首要经过视觉传达来体现主题。在视觉传达中,外型是很首要的一个元素。抛去是图仍是文字的疑问,画面上的一切元素能够共同作为画面的根本构成要素点、线、面来进行处理。在一幅成功的著作里,是需求点、线、面的一同组合与调配来结构悉数页面的。

通常咱们能够运用的组合方法有秩序、比例、均衡、对称、接连、距离、堆叠、反复、交叉、节奏、韵律、概括、变异、特写、反射等等,它们都有各自的特色。在计划中应依据详细情况,挑选最适合的体现方法,这么有利于主题的体现。

经过点、线、面的组合,能够杰出页面上的首要元素,杰出计划的主题,增强美感,让观者在感触美的进程中体会计划的主题,然后完结计划的使命。

外型的奇妙运用不只能带来极大的美感,并且能较好地杰出公司形象,并且能将页面上的各种元素有机的组织起来,它乃至还能够引导观者的视野。

六、计划的准则

计划是有准则的,无论运用何种方法对画面中的元素进行组合,都必定要遵循五个大的准则:共同、连接、切割、对等到调和。

共同,是指计划著作的全体性,共同性。计划著作的全体作用是至关首要的,在计划中切勿将各组成有些孤立涣散,那样会使画面呈现出一种枝蔓纷杂的杂乱作用。

连接,是指要留意页面的相互关系。计划中应运用各组成有些在内容上的内在联系和体现方法上的相互照应,并留意悉数页面计划个性的共同性,完结视觉上和心理上的连接,使悉数页面计划的各个有些极为融洽,犹如趁热打铁。

切割,是指将页面分红若干小块,小块之间有视觉上的不一样,这么能够使观者一望而知。在信息量许多时为使观者能够看清楚,就要留意到将画面进行有效的切割。切割不只是体现方法的需求。换个视点来讲,切割也能够被视为关于页面内容的一种分类概括。

比照即是经过对立和冲突,使计划愈加赋有生气。比照方法许多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在运用比照的时分应慎重,比照过强简单损坏美感,影响共同。

调和是指悉数页面契合美的规律,天衣无缝。假如一件计划著作仅仅是色彩、形状、线条等的随意混合,那么著作将不但没有“生命感”,并且也根本无法完结视觉计划的传达功用。调和不只需看结构方法,并且要看著作所构成的视觉作用能否与人的视觉感触构成一种沟通,发生心灵的共识。这是计划能否成功的要害。

七、页面的优化

在页面计划中,页面的优化是较为首要的一个环节。它的成功与否会影响页面的阅读速度和页面的适应性,影响观者对网站的形象。

在资讯类网站中,文字是页面中最大的构成元素,因而字体的优化显得尤为首要。运用css款式表指定文字的款式是必要的,通常咱们将字体指定为宋体,大小指定为12px,色彩要视布景色而定,准则上以能看清且与悉数页面调配调和为准。在白色的布景上,咱们通常运用黑色,这么不易发生视觉疲惫,能确保阅读者较长时刻地阅读页面。

图像是页面中的首要元素。图像的优化能够在确保阅读质量的前提下将其size降至最低,这么能够成倍地进步页面的下载速度。运用Photoshop或Fireworks能够将图像切成小块,别离进行优化。输出的格局能够为gif或jpeg,要视详细情况而定。通常咱们把有较为杂乱色彩改变的小块优化为jpeg,而把那种只需单纯色块的卡通画式的小块优化为gif,这是由这两种格局的特色决议的。

DIV与表格(table)是页面中的首要元素,是页面排版的首要方法。咱们能够设定DIV与表格的宽度、高度、边框、布景色、对齐方法等参数。许多时分,咱们将表格的边框设为0,以此来定位页面中的元素,或许籍此断定页面中各元素的相对方位。咱们知道:阅读器在读取页面html原代码时,是读完悉数table才将它显示出来的。假如一个大表格中含有多个子表格,有必要等大表格读完,才能将子表格一同显示出来。咱们在拜访一些站点时,等候多时无成果,按"中止"按钮却一下显示出页面即是这个因素。因而,咱们在计划页面表格的时分,应当尽量防止将一切元素嵌套在一个表格里,并且表格嵌套层次尽量要少。因而咱们能够选用DIV套表格的方法来削减嵌套,进步页面的阅读速度。

页面的适应性是很首要的,在不一样的体系上,不一样的分辨率下,不一样的阅读器上,咱们将会看到不一样的成果,因而计划时要统筹思考。通常咱们在800*600下制造页面,最佳阅读作用也是在800*600分辨率下,在其它情况下只需确保根本共同,不呈现较大疑问即可。