当前位置: 网站建设 > 网页设计 > 建站经验 >

如何设计好一个网站

时间:2013-03-02 04:01来源:未知 作者:admin 点击:

标签:如何设计好一个网站 设计(106)重(6)好一个(2)如何(201)Tag(145)和谐(2)色彩(10)网站(482)
Tag:设计 网站 设计 网站 4、色彩和谐重点突出 色调及黑、白、灰的三色空间关系不管在设计还是在绘画方面都起侧重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间关系,从而构成它们的空间档次。 色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感到。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成漂亮的页面。 利用色彩对人们心理的影响的结果,合理地加以运用。依照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还存在联想与象征
如何设计好一个网站》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341022013.htm
Tag:设计   网站   设计   网站  

  4、色彩和谐重点突出
  色调及黑、白、灰的三色空间关系不管在设计还是在绘画方面都起侧重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间关系,从而构成它们的空间档次。
  色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感到。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成漂亮的页面。
  利用色彩对人们心理的影响的结果,合理地加以运用。依照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还存在联想与象征的特质,一般来说,红色是火的颜色,热忱、奔放;也是血的颜色,可以象征性命。黄色是明度最高的颜色,显得富丽、高贵、明快。绿色是大做作草木的颜色,象征着纯天然和成长,象征安定和平与平安,如绿色食物。紫色是高尚的象征,有稳重感。白色能给人以纯粹与清白的感觉,表现和平与圣洁。不同的颜色搭配所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,恬静的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先肯定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
  在色彩的运用过程中,还应注意的一个问题是:因为国度和种族的不同,宗教和信奉的不同,生活的地舆地位、文明涵养的差异,不同的人群对色彩的喜恶水平有着很大差异。如:儿童喜欢对比强烈、个性赫然的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人爱好绿色。在设计中要考虑主要读者群的背景和构成。  

  五、设计的原则

  2、主题显明、富有特色
  在目的明确的基本上,完成网站的构思创意即总体设计方案。对网站的整体风格和特点作出定位,计划网站的组织结构。
  要做到主题鲜亮突出,力求简洁,要点明确,以简单明确的语言和画面告知大家本站点的主题,吸引对本站点有需要的人的视线,对无关的职员也能留下一定的印象。对一些行业标志和公司的标记应充足加以利用。

  三、颜色的应用

  色彩是一种奇异的东西,它是俏丽而丰硕的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,如何设计一个吸引人的网站,可以象征生命。黄色是明度最高的颜色,显得华美、高贵、明快。绿色是大天然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩折衷而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
  色彩代表了不同的感情,有着不同的象征含义。这些象征含意是人们思维交换当中的一个庞杂问题,它因人的年纪、地区、时期、民族、阶层、经济地域、工作才能、教导程度、风气习惯、宗教信奉、生涯环境、性别差别而有所不同,如何设置404错误页及注意事项
  单纯的颜色并没有实际的意思,和不同的颜色搭配,它所表现出来的效果也不同。好比绿色和金黄、淡白搭配,可以产生优雅,舒服的气氛。蓝色和白色混杂,如何让自己的网站更优秀,能体现和婉、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的氛围。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页保险色。
  但颜色的使用并没有一定的法令,假如一定要用某个规律去套,效果只会事与愿违。教训上我们可先断定一种能表现主题的主体色,而后根据详细的需要,运用颜色的近似和对照来完成整个页面的配色计划。整个页面在视觉上应是一个整体,以到达和谐、悦目的视觉后果。

  六、网页的优化

  四、造型的组合

  5、形式内容和谐同一
  形式服务于内容,内容又为目的服务,如何让网页自动适应显示器不同的“分辨率”,形式与内容的统一是设计网页的基本原则之一。
  画面的组织原则中,将丰富的意义和多样的形式组织在一个统一的结构里,形式语言必需契合页面的内容,体现内容的丰富含义。
  运用比较与协调,对称与均衡,节奏与韵律以及留白等手腕,如通过空间、文字、图形之间的相互关系树立整体的均衡状况,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得死板,但如果参加一些动感的的文字、图案,或采取夸大的手法来表现内容往往会达到比拟好的效果。

  3、版式编排布局合理
  网页设计作为一种视觉语言,当然要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和鉴戒。
  版式设计通过文字图形的空间组合,抒发出和谐与美。版式设计通过视觉要素的理性分析,和严厉的形式构成练习,培育对整体画面的掌握能力和审美能力。一个优秀的网页设计者也应当晓得哪一段文字图形该落于何处,才干使整个网页生辉。
  尽力做到整体布局合理化、有序化、整体化。优良之作,擅长以奇妙、公道的视觉方法使一些语言无奈表白的思惟得以论述,做到丰盛多样而又简练明了。
  多页面站点页面的编排设计要求把页面之间的有机联系反应出来,这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲求整体布局的合理性。特殊是关系非常严密的有高低文关系的页面,一定设计有向前和向后的按钮,便于浏览者细心研读。
  站点设计简单有序,主次关系明显,将零乱的页面,组织过程混淆的内容依整体布局的需要进行分组归纳,经由进行具备内在联系的组织排列,反复斟酌文字、图形与空间的关系,使浏览者有一个流利的视觉休会。

  目前还有良多人都在盲目标以为,只有用好了网页制作软件,就能搞好网页设计了。实在网页设计是一个理性思考与感性剖析相联合的复杂的进程,它的方向取决于设计的义务,它的实现依附于网页的制造。正所谓“工夫在诗外”,网页设计中最重要的货色,并非在软件的利用上,而是在咱们对网页设计的懂得以及设计制作的水平上,在于我们本身的美感以及对页面的掌握上。
  首先,我们要弄清晰网页设计的任务。

  二、设计的实现

  在网页设计中,网页的优化是较为主要的一个环节。它的胜利与否会影响页面的阅读速度和页面的适应性,影响观者对网站的印象。
  在资讯类网站中,文字是页面中最大的形成元素,因而字体的优化显得尤为重要。使用css样式表指定文字的款式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背风景而定,准则上以能看清且与整个页面搭配协调为准。在白色的背景上,我们一般使用玄色,这样不易产生视觉疲劳,能保障浏览者较长时光地浏览网页。
  图片是网页中的重要元素。图片的优化可以在保证浏览品质的条件下将其size降至最低,这样可以成倍地进步网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分辨进行优化。输出的格局可认为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变更的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决议的。
  表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的绝对位置。我们知道:浏览器在读取网页html原代码时,是读完全个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,能力将子表格一起显示出来。我们在访问一些站点时,等候多时无结果,按"结束"按钮却一下显示出页面就是这个起因。因此,我们在设计页面表格的时候,应该尽量防止将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会主动在每一个td内增加一个空字符“ ,如何让网站访客变成你的顾客;”。如果单元格内没有填充其它元素,这个空字符会保存,在指定td的宽度或高度后,可以在源代码内将其删去。
  网页的适应性是很重要的,在不同的体系上,不同的分辩率下,不同的浏览器上,我们将会看到不同的成果,因此设计时要兼顾斟酌。一般我们在800*600下制作网页,最佳浏览效果也是在800*600辨别率下,在其它情况下只要保证根本一致,不呈现较大问题即可。

--> [网站建设之]如何设计好一个网站

   在网页设计中,我们主要通过视觉转达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图仍是文字的问题,画面上的所有元素可以统一作为画面的基本构成因素点、线、面来进行处置。在一幅成功的作品里,是需要点、线、面的独特组合与搭配来结构整个页面的。
  通常我们能够使用的组合伎俩有秩序、比例、平衡、对称、持续、距离、重叠、重复、穿插、节奏、韵律、演绎、变异、特写、反射等等,它们都有各自的特色。在设计中应依据详细情形,抉择最合适的表现手段,这样有利于主题的表现。
  通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,加强美感,让观者在感触美的过程中懂得设计的主题,从而实现设计的任务。
  造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以领导观者的视线。

   设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵守五个大的原则:统一、连贯、分割、对比及和谐。
  统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤破疏散,那样会使画面浮现出一种枝蔓纷杂的混乱效果。
  连贯,是指要注意页面的互相关联。设计中应应用各组成局部在内容上的内在接洽和表示情势上的彼此响应,并留神整个页面设计作风的一致性,实现视觉上跟心理上的连贯,使全部页面设计的各个部门极为融洽,如同一鼓作气。
  分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者高深莫测。在信息量很多时为使观者可能看明白,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
  对比就是通过抵触和抵触,使设计更加富有赌气。对比手法许多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应稳重,对比过强轻易损坏美感,影响统一。
  和谐是指整个页面合乎美的法则,浑然一体。如果一件设计作品仅仅是色彩、外形、线条等的随便混合,那么作品将岂但没有“生命感”,而且也基本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所造成的视觉效果是否与人的视觉感想构成一种沟通,产生心灵的共识。这是设计能否成功的要害。

  接下来我们要做的就是通过软件的应用,将设计的蓝图变为事实,终极的集成正常是在Dreamweaver里实现的。固然在草图上,我们定出了页面的大体轮廓,然而灵感普通都是在制作过程中发生的。设计作品必定要有创意,这是最基础的要求,不创意的设计是失败的。在制作的过程中,我们会遇到很多问题,其中最敏感的莫过于页面的色彩了。  

  设计是一种审美运动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的用意,而并非发明美。
  网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
  第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为拜访者供给大批的信息,而且访问量较大。因此需注意页面的宰割、构造的合理、页面的优化、界面的亲和等问题。
  第二类是资讯和形象相结合的网站,像一些较大的公司、海内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
  第三类则是形象类网站,比方一些中小型的公司或单位。这类网站个别较小,有的则有多少页,须要实现的功效也较为简略,网页设计的重要任务是凸起企业形象。这类网站对设计者的美工水平请求较高。
  当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要差别看待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
  明白了设计的任务之后,接下来要想的就是如何完成这个任务了。

  一、设计的任务

  设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在盘算机上完成的。
  1、目表明确、定位准确


(责任编辑:网站建设)
如何设计好一个网站相关文章
上一篇:如何设计一个吸引人的网站 下一篇:如何设计才能让你的网站更生动
回到顶部