本文讲述网站制作与之前的步骤不同,这是实质操作的步骤.本文包含了大局的步骤和栏目,图片,小到一个图标的选取等等等等,或许会漏掉不少的东西.欢迎补充.我只不过引导你去考虑,本章绝对不是网站的规范制作步骤,我相信也没什么标准的制作步骤.
本章的设计步骤是打造在网站制作进阶之一 (步骤和大局观)之上的.或许会涉及一些平面有关的常识.和网站与平面的比较.网页与平面有什么区别我会在将来在写.
本章所讲的基于PHOTOSHOP软件制作.
本章印证了网页90%是排版这句话.
遵循从整体到局部的顺序.
1:在定位的基础上,搞了解自己要干什么.
这句其实不需要讲解了.你要了解的是我要做的站大概有哪些样的成效,并有例子在脑海里浮现.要做的这个站是哪种行业,这个行业的站都有哪些一同的特征.
2:你的目的/成效和你期望达到的目的/成效是什么样的.你设计的目的,与顾客的目的和公司领导的目的是不是一致,的不同之处.
3:你要怎么样去做,如何去做,用哪种手法方法,来达到你的目的/成效.又用什么样的设计来强化和突出这个成效.
4:你的布局,应该如何和你的设计搭配,如何来突出你的思路.
5:是不是有不一样的风格,是不是只不过颜色上的变换.(将所有含有颜色的背景层保留)
这几步,是在动手之前要写下来的.甚至有更详细的功能和版面的东西,自己解决吧.
下面才是真的的动手设计的步骤.
1:确定分辨率.和不同分辨下对应的成效.
与平面的载体的不同,决定了网页具备比平面更灵活的表达方法.
站点的满屏定义其实是分相对和绝对两种,相对的,是针对目前分辨率的满屏.而绝对满屏幕,则是不一样的显示器不一样的分辨率下都是满屏,一般我会给出一个最小分辨率,最大到无限.相对满屏,譬如1024×768,800×600等.最好是用绝对宽度来概念,就是像素为单位.而绝对满屏,则用百分比.
在确定分辨率之后,你的PS图要比实质设计的图要大.要考虑用户用高于你设计的分辨率下,网站以什么样的形式表达,是居左,还是居中,还是靠在右侧.
2:大背景,3条辅助线及边界处置.结构(头部,中间,底部的大概地方.)
整体是不是有背景.
左侧界线,右侧界线,和中间线.
若是绝对宽度的设计,那样用户用较高分辨率浏览时,内容与多出的屏幕是不是有分割.
结构,到底是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容.
以上内容由深圳网站制作公司博久网络发布，转载请注明文章出处！
