网页设计知识

2015-10-08  来自: 陕西印象信息技巧无限公司 浏览次数:1367

网页设计的熟悉上,很多人仿佛仍逗留在网页制造的高度上。认为只需用好了网页制造软件,就可以弄好网页设计了。其实网页设计是一个理性思虑与理性分析相结合的复杂的过程,它的偏向取决于设计的义务,它的完成依附于网页的制造。正所谓“功夫在诗外”,网页设计中最重要的器械,并不是在软件的应用上,而是在我们对网页设计的懂得和设计制造的程度上,在于我们本身的美感和对页面的掌握上。起首,我们要弄清楚网页设计的义务。

  一、设计的义务
  设计是一种审美活动,成功的设计作品普通都很艺术化。但艺术只是设计的手段,而并不是设计的义务。设计的义务是要完成设计者的意图,而并不是创造美。网页设计的义务,是指设计者要表示的主题和要完成的功能。站点的性质不合,设计的义务也不合。从情势上,可以将站点分为以下三类。 

  第1类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为拜访者供给大年夜量的信息,并且拜访量较大年夜。是以需留意页面的瓜分、构造的公道、页面的优化、界面的亲和等成绩。 

  第二类是资讯和笼统相结合的网站,像一些较大年夜的公司、国际的高校等。这类网站在设计上请求较高,既要包管资讯类网站的上述请求,同时又要凹陷企业、单位的笼统。但是就近况下去看,这类网站有精雕细刻的嫌疑。 

  第三类则是笼统类网站,比如一些中小型的公司或单位。这类网站普通较小,有的则有几页,须要完成的功能也较为简单,网页设计的重要义务是凹陷企业笼统。这类网站对设计者的美工程度请求较高。 固然,这只是从全体下去看,详细情况还要详细分析。不合的站点还要差别对待。别忘了最重要的一点,那就是客户的请求,它也属于设计的义务。明白了设计的义务以后,接上去要想的就是若何完成这个义务了。

  2、设计的完成
  设计的完成可以分为两个部分。第1部分为站点的筹划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制造,这一过程是在计算机上完成的。设计首页的第1步是设计版面构造。我们可以将网页看作传统的报刊杂志来编辑,这里
面有文字、图象乃至动画,我们要做的任务就是以最合适的方法将图片和文字排放在页面的不合地位。除要有一台设备不错的计算机外,软件也是必须的。不克不及简单地说一个软件的短长,只如果设计者应用起来认为便利并且能轻车熟路的,便可以称为好软件。固然,它应当能满足设计者的请求。笔者经常使用的软件是Macromedia的Dreamweaver、Fireworks、Flash和Adobe的Photoshop、imageready,这些都是很不错的软件。 

  接上去我们要做的就是经过过程软件的应用,将设计的蓝图变成实际,终究的集成普通是在Dreamweaver里完成的。固然在草图上,我们定出了页面的大年夜体轮廓,然则灵感普通都是在制造过程当中产生的。设计作品必定要有创意,这是最根本的请求,没有创意的设计是掉败的。在制造的过程当中,我们会碰着很多成绩,个中最敏感的莫过于页面的色彩
了。  

  四、外型的组合
  在网页设计中,我们重要经过过程视觉传达来表示主题。在视觉传达中,外型是很重要的一个元素。抛去是图照样文字的成绩,画面上的一切元素可以同一作为画面的根本构成要素点、线、面来停止处理。在一幅成功的作品里,是须要点、线、面的合营组合与搭配来构造全部页面的。 平日我们可以应用的组合手段有次序、比例、均衡、对称、持续、间隔、堆叠、反复、
交叉、节拍、韵律、归结、变异、特写、反射等等,它们都有各自的特点。在设计中应根据详细情况,选择最合适的表示法,如许有益于主题的表示。经过过程点、线、面的组合,可以凹陷页面上的重要元素,凹陷设计的主题,加强美感,让不雅者在感触感染美的过程当中领会设计的主题,从而完成设计的义务。外型的奇妙应用不只能带来的美感,并且能较好地凹陷企业笼统,并且能将网页上的各类元素无机的组织起来,它乃至还可以引导不雅者的视野。

  3、色彩的应用
  色彩是一种奇怪的器械,它是美丽而丰富的,它能唤起人类的心灵感知。普通来讲,白色是火的色彩,热忱、豪放;也是血的色彩,可以意味生命。黄色是明度最gao的色彩,显得华丽、、明快。绿色是大年夜天然草木的色彩,意味着纯天然和发展,意味安定战争与安然,如绿色食品。紫色是的意味,有稳重感。白色能给人以纯粹与洁白的感到,表示和ping与圣洁。我们知道,色彩是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用色彩的变更来表示光影后果,这无疑将使我们的作品更切近实际。 色彩代表了不合的情感,有着不合的意味含义。这些象含义是人们思维交换傍边的一个复杂成绩,它因人的年纪、地区、时代、平易近族、阶层、经济地区、任务才能、教导程度、风气习气、宗教信奉、生活情况、性别差别而有所不合。 纯真的色彩并没有实际的意义,和不合的色彩搭配,它所表示出来的后果也不合。比如绿色和金黄、淡白费配,可以产生优雅,温馨的氛围。蓝色和白色混淆,能表现柔顺、淡雅、浪漫的氛围。白色和黄色、金色的搭配能衬着喜庆的氛围。而金色和粟色的搭配则会给人带来暖意。设计的义务不合,配色筹划也随之不合。推敲到网页的适应性,应尽可能应用网页安然色。 

  但色彩的应用并没有必定的轨则,假设必定要用某个轨则去套,后果只会拔苗滋长。经历上我们可先肯定一种能表示主题的主体色,然后根据详细的须要,应用色彩的近似和比较来完玉成部页面的配色筹划。全部页面在视觉上应是一个全体,以达到调和、好看标视觉后果。

  五、设计的准绳 
  设计是有准绳的,不管应用何种手段对画面中的元素停止组合,都必定要遵守五个大年夜的准绳:同一、连接、瓜分、比较及调和。 同一,是指设计作品的全体性,分歧性。设计作品的全体后果是相当重要的,在设计中切勿将各构成部分孤立分散,那样会使画面出现出一种枝蔓纷杂的纷乱后果。连接,是指要留意页面的相互关系。设计中应应用各构成部分在内容上的内涵接洽和表示情势上的相互照应,并留意全部页面设计风格的分歧性,完成视觉上和心思上的连接,使全部页面设计的各个部分极其和谐,好像趁热打铁。 瓜分,是指将页面分红若干小块,小块之间有视觉上的不合,如许可使不雅者了如指掌。在信息量很多时为使不雅者可以或许看清楚,就要留意到将画面停止有效的瓜分。瓜分不只是表示情势的须要。换个角度来讲,瓜分也能够被视为关于页面内容的一种分类归结。 

  比较就是经过过程抵触和抵触,使设计加倍富有朝气。比较手段很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在应用比较的时辰应慎重,比较过强轻易破坏美感,影响同一。 调和是指全部页面符合美的轨则,完美无缺。假设一件设计作品仅仅是色彩、外形、线条等的随便混淆,那么作品将不只没有“生命感”,并且也根本没法完成视觉设计的传达功能。调和不只要看构造情势,并且要看作品所构成的视觉后果可否与人的视觉感触感染构成一种沟通,产生心灵的共鸣。这是设计可否成功的关键。 

  六、网页的优化
  在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响不雅者对网站的印象。在资讯类网站中,文字是页面中最da的构成元素,是以字体的优化显得尤其重要。应用css款式表指定文字的款式是须要的,平日我们将字体指定为宋体,大年夜小指定为12px,色彩要视配风景而定,准绳上以能看清且与全部页面搭配调和为准。在白色的背景上,我们普通应用黑色,如许不容易产生视觉疲惫,能包管浏览者较长时间地浏览网页。图片是网页中的重要元素。图片的优化可以在包管浏览质量的条件下将其size降至最di,如许可以成倍地进步网页的下载速度。应用Photoshop6或Fireworks4可以将图片切成小块,分别停止优化。输入的格局可认为gif或jpeg,要视详细情况而定。普通我们把有较为复正色彩变更的小块优化为jpeg,而把那种只要纯真色块的卡通画式的小块优化为gif,这是由这两种格局的特点决定的。 

  表格(table)是页面中的重要元素,是页面排版的重要手段。我们可以设定表格的宽度、高度、边框、配风景、对齐方法等参数。很多时辰,我们将表格的边框设为0,以此来定位页面中的元素,或许籍此肯定页面中各元素的相对地位。我们知道:浏览器在读取网页html原代码时,是读完全个table才将它显示出来的。假设一个大年夜表格中含有多个子表格,必须等大年夜表格读完,才能将子表格一路显示出来。我们在拜访一些站点时,等待多时无成果,按"停止"按钮却一下显示出页面就是这个缘由。是以,我们在设计页面表格的时辰,应当尽可能防止将一切元素嵌套在一个表格里,并且表格嵌套层次尽可能要少。在应用Dreamweaver制造网页时,会主动在每个td内添加一个空字符“ ”。

  假设单位格内没有填充其它元素,这个空字符会保存,在指定td的宽度或高度后,可以在源代码内将其删去。网页的适应性是很重要的,在不合的体系上,不合的分辨率下,不合的浏览器上,我们将会看到不合的成果,是以设计时要兼顾推敲。普通我们在800*600下制造网页,最jia浏览后果也是在800*600分辨率下,在其它情况下只需包管根本分歧,不出现较大年夜成绩便可。说了这么多,只是欲望能对做“网页设计”的人有所赞助,欲望他们在做网页的时辰可以或许从全体着眼,无愧于“设计”这两个字。趁便说一下,本文只代表自己小我不雅点,仅供参考。

  关于网页的框架与定位,这个是很难说得清楚的,这要看你在做网站时,对网站的筹划,其实不克不及一并而论的,假设你没有这方面的经历,就多多在网上看看他人是若何设计的吧,是异常的用的,可以把他们给抓上去,做个图库,便利本身设计其实看看一些设计优良的网页,会对本身有很大年夜的感化,把他人的网页下载上去,再用相干的软件,停止分析,可以学到很多的器械的,是一种快捷的进修办法, 但决不是COPY。

  一个好的网站(小我的只能举动当作网页)最重要的是凹陷你的主题,在他人搜刮或拜访时起首就看有没有本身所须要的内容,要么就直奔主题.然后再在主题鲜明的基本上做好框架设计.一个好的网站要做到层次清楚,构造公道,让人一看就可以明白你想要表达的中间思维是甚么,和如何才能以以最快的速度找到本身想要的内容.这两个重要成绩处理后再在一些细节上加以润饰,就可以制造出赏心悦目标网站.。

陕西印象信息技巧无限公司

接洽人  :刘经理

营业咨询:13379231619

办事监督:029-88412862

接洽地址:西安市南关正街中贸广场15号楼2单位9F

司法参谋:西安市方强律师事务所王继平律师

CopyRight © 版权一切: 陕西印象信息技巧无限公司 技巧支撑:陕西印象信息技巧无限公司 网站地图 XML 立案号:陕ICP备09025595号-1


扫一扫拜访移动端