网页设计的步骤和交流

日期：2008年9月20日作者：查看:[大字体中字体小字体]

　　与之前的步骤不同,这是实际操作的步骤.本文包括了大局的步骤和栏目,图片,小到一个图标的选取等等等等,可能会漏掉很多的东西.欢迎补充.我只是引导你去思考,本章绝对不是网页的标准制作步骤,我相信也没有什么标准的制作步骤.

　　本章的设计步骤是建立在网页设计进阶之一 (步骤和大局观)之上的.可能会涉及一些平面相关的知识.和网页与平面的比较.网页与平面的区别我会在以后在写.

　　本章所讲的基于PHOTOSHOP软件制作.

　　本章印证了网页90%是排版这句话.

　　遵循从整体到局部的顺序.

　　1:在定位的基础上,搞明白自己要做什么.

　　这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.

　　2:你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别.

　　3:你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果.

　　4:你的布局,应该怎样和你的设计搭配,怎样来突出你的思路.

　　5:是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留)

　　这几步,是在动手之前要写下来的.甚至有更详细的功能和版面的东西,自己搞定吧.

　　下面才是真正的动手设计的步骤.

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

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

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

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

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

　　整体是否有背景.

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

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

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

　　

　　3:导航和标志.

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

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

　　好了,我们进行下一步.

　　

　　4:banner同导航,和过度.

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

　　5:主体内容部分.

　　我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.
[1] [2] 下一页
网页设计的步骤和交流相关文章：
·VB+Access设计图书管理系统
·VB设计有语音报时和报警功能的闹钟
·校园网网络方案设计及分析
·飞机订票系统设计
·作为一名女网页设计师，前途发展是怎么样？
·综合布线系统工程设计参考大全
·游戏外挂设计技术探讨
·国外优秀Flash网站设计欣赏
·素材网站、优秀设计素材大全
·网页设计基础:Div+CSS布局入门教程
网页设计的步骤和交流相关软件
·机械设计手册 V3.0
·天下第一签个性签名设计系统 v1.2
·C/C++程序设计学习与实验系统 V2008.10
·规划园林设计软件HCAD V4.5
·星智名片设计系统 V1.1
·施工组织设计软件(标书制作系统) V6.2
·CECS钢结构设计与绘图软件 V0.6
·建筑结构设计工具箱 2004.10 完全版
·筑业施工组织设计软件 V6.1
·MorGain 结构快速设计程序 2007.02 Revison 1695

上一篇:互联网工作者很用以犯的错

下一篇:用NTFS格式权限保卫IE安全的技巧

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

网页设计的步骤和交流

精品推荐

热点TOP10

特别推荐