加入收藏   在线问答
福州贝纳设计学校

福州贝纳设计学校 咨询详情

网页设计的步骤有哪些?

录入:福州贝纳设计学校  时间:2020/8/6
摘要: 网页设计的步骤有哪些?随着时代的不断发展,中国的用户界面网络营销行业近年来越来越受欢迎.福州贝纳设计培训学校带大家一起了解一下网页设计的步骤。

确定分辨率.和不同分辨下对应的效果.

与平面的载体的不同,决定了网页具有比平面更灵活的表达方式.

站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个最小分辨率,最大到无限.相对满屏,比如1024×768,800×600等.最好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.

在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边.

           福州贝纳设计学校

网页设计的步骤

大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)

整体是否有背景.

左边界线,右边界线,和中间线.

如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.

结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容.

导航和标志.

网站的100-1%是导航.这是一句被传烂了的话.

你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的词.

好了,我们进行下一步.

网页设计的步骤

banner同导航,和过度.

导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小.记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.

主体内容部分.

我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.

底部版权信息。

选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。

福州贝纳设计学校:http://fjbnsj.91soxue.com/

上一篇: 福州贝纳设计学校分享UI设计师的工作内容     下一篇: 学服装设计的基本知识

课程分类

在线客服

 方式一:电话咨询(8:00-21:00)

185-5983-9897

 方式二:在线报名 在线咨询

网上报名     在线咨询

 方式三:留言咨询(专业老师回复)

  • * 姓名:
  • * 电话:
  •  Q Q:
  •  内容:

学校动态

在线问答

学校首页 | 学校简介 | 开设课程 | 学校动态 | 学校师资 | 学校相册 | 在线问答 | 网上报名 | 联系我们
Copyright 2015 © 福州贝纳设计学校 版权所有 all right resevied 豫ICP备12023013号 技术支持:91搜学网