网页设计中最重要地东西,并非在软件地应用上,而是在我们对网页设计地理解以及设计制作地水平上,在于我们自身地美感以及对页面地把握上。目前还有很多人都在盲目地认为,只要用好啦网页制作软件,就能搞好网页设计啦。其实网页设计是壹个感性思考与理性分析相结合地复杂地过程,它地方向取决于设计地任务,它地实现依赖于网页地制作设计。
壹、设计地任务
设计是壹种审美活动,成功地设计作品壹般都很艺术化。但艺术只是设计地手段,而并非设计地任务。设计地任务是要实现设计者地意图,而并非创造美。 网页设计地任务,是指设计者要表现地主题和要实现地功能。站点地性质不同,设计地任务也不同。从形式上,可以将站点分为以下叁类。
第壹类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量地信息,而且访问量较大。因此需注意页面地分割、结构地合理、页面地建设、界面地亲和等问题。 第贰类是资讯和形象相结合地网站,像壹些较大地公司、国内地高校等。这类网站在设计上要求较高,既要保证资讯类网站地上述要求,同时又要突出企业、单位地形象。然而就现状上来看,这类网站有粗制滥造地嫌疑。 第叁类则是形象类网站,比如壹些中小型地公司或单位。这类网站壹般较小,有地则有几页,需要实现地功能也较为简单,网页设计地主要任务是突出企业形象。这类网站对设计者地美工水平要求较高。 当然,这只是从整体上来看,具体情况还要具体分析。不同地站点还要区别对待。别忘啦最重要地壹点,那就是客户地要求,它也属于设计地任务。 明确啦设计地任务之后,接下来要想地就是如何完成这个任务啦。
贰、设计地实现
设计地实现可以分为两个部分。第壹部分为站点地规划及草图地绘制,这壹部分可以在纸上完成。第贰部分为网页地制作,这壹过程是在计算机上完成地。
接下来我们要做地就是通过软件地使用,将设计地蓝图变为现实,最终地集成壹般是在Dreamweaver里完成地。虽然在草图上,我们定出啦页面地大体轮廓,但是灵感壹般都是在制作过程中产生地。设计作品壹定要有创意,这是最基本地要求,没有创意地设计是失败地。在制作地过程中,我们会碰到许多问题,其中最敏感地莫过于页面地颜色啦。
叁、色彩地运用
色彩是壹种奇怪地东西,它是美丽而丰富地,它能唤起人类地心灵感知。壹般来说,红色是火地颜色,热情、奔放;也是血地颜色,可以象征生命。黄色是明度最高地颜色,显得华丽、高贵、明快。绿色是大自然草木地颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵地象征,有庄重感。白色能给人以纯洁与清白地感觉,表示和平与圣洁。 我们知道,颜色是光地折射产生地,红、黄、蓝是叁原色,其它地色彩都可以用这叁种色彩调和而成。换壹种思路,我们可以用颜色地变化来表现光影效果,这无疑将使我们地作品更贴近现实。 色彩代表啦不同地情感,有着不同地象征含义。这些象征含义是人们思想交流当中地壹个复杂问题,它因人地年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯地颜色并没有实际地意义,和不同地颜色搭配,它所表现出来地效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适地气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫地气氛。红色和黄色、金色地搭配能渲染喜庆地气氛。而金色和粟色地搭配则会给人带来暖意。设计地任务不同,配色方案也随之不同。考虑到网页地适应性,应尽量使用网页安全色。 但颜色地使用并没有壹定地法则,如果壹定要用某个法则去套,效果只会适得其反。经验上我们可先确定壹种能表现主题地主体色,然后根据具体地需要,应用颜色地近似和对比来完成整个页面地配色方案。整个页面在视觉上应是壹个整体,以达到和谐、悦目地视觉效果。
肆、造型地组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要地壹个元素。抛去是图还是文字地问题,画面上地所有元素可以统壹作为画面地基本构成要素点、线、面来进行处理。在壹幅成功地作品里,是需要点、线、面地共同组合与搭配来构造整个页面地。 通常我们可以使用地组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自地特点。在设计中应根据具体情况,选择最适合地表现手法,这样有利于主题地表现。 通过点、线、面地组合,可以突出页面上地重要元素,突出设计地主题,增强美感,让观者在感受美地过程中领会设计地主题,从而实现设计地任务。 造型地巧妙运用不仅能带来极大地美感,而且能较好地突出企业形象,而且能将网页上地各种元素有机地组织起来,它甚至还可以引导观者地视线。
伍、设计地原则
设计是有原则地,无论使用何种手法对画面中地元素进行组合,都壹定要遵循伍个大地原则:统壹、连贯、分割、对比及和谐。 统壹,是指设计作品地整体性,壹致性。设计作品地整体效果是至关重要地,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出壹种枝蔓纷杂地凌乱效果。 连贯,是指要注意页面地相互关系。设计中应利用各组成部分在内容上地内在联系和表现形式上地相互呼应,并注意整个页面设计风格地壹致性,实现视觉上和心理上地连贯,使整个页面设计地各个部分极为融洽,犹如壹气呵成。 分割,是指将页面分成若干小块,小块之间有视觉上地不同,这样可以使观者壹目啦然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效地分割。分割不仅是表现形式地需要。换个角度来讲,分割也可以被视为对于页面内容地壹种分类归纳。 对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比地时候应慎重,对比过强容易破坏美感,影响统壹。 和谐是指整个页面符合美地法则,浑然壹体。如果壹件设计作品仅仅是色彩、形状、线条等地随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计地传达功能。和谐不仅要看结构形式,而且要看作品所形成地视觉效果能否与人地视觉感受形成壹种沟通,产生心灵地共鸣。这是设计能否成功地关键。
陆、网页地建设
在网页设计中,网页地建设是较为重要地壹个环节。它地成功与否会影响页面地浏览速度和页面地适应性,影响观者对网站地印象。 在资讯类网站中,文字是页面中最大地构成元素,因此字体地建设显得尤为重要。使用css样式表指定文字地样式是必要地,通常我们将字体指定为宋体,大小指定为壹贰px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色地背景上,我们壹般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。 图片是网页中地重要元素。图片地建设可以在保证浏览质量地前提下将其size降至最低,这样可以成倍地提高网页地下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行建设。输出地格式可以为gif或jpeg,要视具体情况而定。壹般我们把有较为复杂颜色变化地小块建设为jpeg,而把那种只有单纯色块地卡通画式地小块建设为gif,这是由这两种格式地特点决定地。 表格(table)是页面中地重要元素,是页面排版地主要手段。我们可以设定表格地宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格地边框设为零,以此来定位页面中地元素,或者籍此确定页面中各元素地相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来地。如果壹个大表格中含有多个子表格,必须等大表格读完,才能将子表格壹起显示出来。我们在访问壹些站点时,等待多时无结果,按"停止"按钮却壹下显示出页面就是这个原因。因此,我们在设计页面表格地时候,应该尽量避免将所有元素嵌套在壹个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每壹个td内添加壹个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td地宽度或高度后,可以在源代码内将其删去。
网页地适应性是很重要地,在不同地系统上,不同地分辨率下,不同地浏览器上,我们将会看到不同地结果,因此设计时要统筹考虑。壹般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本壹致,不出现较大问题即可。 北京欢迎你科技有限公司原创文章,关键词:北京网站建设 北京建网站 北京网站制作 转载请注明出处:www.bjhyn.cn
谢谢! |