网页规划之规划过程及考虑

与之前的过程不同,这是实践操作的过程.本文包括了大局的过程和栏目,图片,小到一个图标的选取等等等等,可能会漏掉许多的东西.本章肯定不是网页的规范制造过程,我信任也没有什么规范的制造过程.

本章的规划过程是建立在 网页规划进阶之一 (过程和大局观) 之上的.可能会触及一些平面相关的常识.和网页与平面的比较.网页与平面的区别我会在今后在写.

本章所讲的基于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、主体内容部分.

我的中间是左右机构,仍是一大块,仍是左中右结构的.每一块的切割选用什么方法.色彩以怎么样的规则改变.然后将内容填充进去.

6、底部版权信息及其他.

7、不同的风格的调整.

根本是这些.我理不清条理,写出来的这些自己根本都不满足,但总可以让自己躲避许多的问题吧.

关于图片和小图标的挑选:

图片挑选遵从以下几点要素:

必须有一个明显的主题. 
图片尽量有悬念. 
杰出的内容只有一个(图片杰出的内容只有一个,版面也一样) 
从方针目标或方针服务目标来考虑图片的挑选. 
要善于从做布景. 
新手尽量大面积留白. 
新手慎用弧.
图标挑选注意要素:

图标表达意思与title相适应 
同色系或一致风格. 
学会打破(图标不受title的布景限制) 
图标巨细要特别注意. 
善用圆角.(与弧不同) 
要便于回忆. 
尽量避免重复(纯装饰除外,重复刺激作用的除外)