推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 网页美工设计 > 网页美工设计做任务
免费发布需求,接收报价与方案

网页美工设计任务

什么是网页美工设计?

相关提示: 【网页美工设计教程】【网页美工设计知识】【网页美工设计师】【网页美工设计欣赏】

      网页美工设计的时候一般会很多不同的任务,不同的设计需要做,不同的阶段会有不同的任务。第一阶段:熟悉每个软件对网页设计利益之处,比如制图的软件就有ps和fw,不少的网页设计师就对fw情有独钟,因为它做出来的图片会比ps的小一点,对于网站加载起来也会比较方便。熟悉Dreamweaver的基本代码和属性。一般来说Dreamweaver的基本代码会有很多,下面我们来看一下Dreamweaver的基本代码有哪些。基本结构标签: <HTML>,表示该文件为HTML文件  <HEAD>,包含文件的标题,使用的脚本,样式定义等   <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中   </HEAD>,<HEAD>的结束标志   <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.  </BODY>,<BODY>的结束标志 </HTML>,<HTML>的结束标志  其它主要标签,以下所有标志用在<BODY></BODY>中:  <A,href="…"></A>,链接标志,"…"为链接的文件地址  <IMG,src="…">,显示图片标志,"…"为图片的地址  <BR>,换行标志  <P>,分段标志   <B></B>,采用黑体字  <I></I>,采用斜体字   <HR>,水平画线   <TABLE></TABLE>,定义表格,HTML中重要的标志<TR></TR>,定义表格的行,用在<TABLE></TABLE>中  <TD></TD>,定义表格的单元格,用在<TR></TR>中<FONT></FONT>,字体样式标志。


     属性就是用来修饰标志的,属性放在开始标志之内,常用的的属性一般有,对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度。ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度。ALIGN=RIGHT,右对齐。色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表。BGCOLOR=#RRGGBB,背景色。

     然要做的就是要对造型的组合,在网页设计中,我们主要是通过视觉传达来表现主题。在视觉传达中,造型是非常重要的一个元素。抛开是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里面,是需要点、线、面的共同组合和搭配来构造整个页面的。通常我们是可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都会有各自的特点。在设计的时候应根据具体情况,选择最合适的表现手法,这样有利于主题的表现。通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。

     网页的优化在网页的设计中是很重要的内容,它成功与不成功会影响页面的浏览速度和页面的适应性,会影响观者对网站的印象。在资讯类网站中,文字是页面中最大的构成元素,所以字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,一般我们将字体指定为宋体,大小指定是12px,颜色要视背景色而确定,原则上以能看清且和整个页面搭配和谐为准。在白色的背景上,我们一般是使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop或Fireworks可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。