|
|
|
 网站知识 |
|
网页设计教程(3):设计步骤及思考
|
|
[ 来源：青州易达网络科技有限公司 发布日期：2012-3-17 11:22:40 ]
|
|
.
|
1:在定位的基础��?搞明白自己要做什��?
这句其实不用解释��?你要明白的是我要做的站大概有什么样的效��?并有例子在脑海里浮现.要做的这个站属于什么样的行��?这个行业的站都有什么共同的特点.
2:你的目标/效果和你希望达到的目��?效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一��?有什么区��?
3:你要如何去做,怎样去做,用什么样的手法手��?来达到你的目��?效果.又用怎样的设计来强化和突出这个效��?
4:你的布局,应该怎样和你的设计搭��?怎样来突出你的思路.
5:是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保��?
这几��?是在动手之前要写下来��?甚至有更详细的功能和版面的东��?自己搞定��?
下面才是真正的动手设计的步骤.
1:确定分辨��?和不同分辨下对应的效��?
与平面的载体的不��?决定了网页具有比平面更灵活的表达方式.
站点的满屏概念其实是分相对和绝对两种,相对��?是针对当前分辨率的满��?而绝对满屏幕,则是不同的显示器不同的分辨率下都是满��?一般我会给出一个最小分辨率,最大到无限.相对满屏,比如1024×768,800×600��?最好是用绝对宽度来定义,就是像素为单��?而绝对满��?则用百分��?
在确定分辨率之后,你的PS图要比实际设计的图要��?要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表��?是居��?还是居中,还是靠在右边.
2:大背��?3条辅助线及边界处��?结构(头部,中间,底部的大概位��?)
整体是否有背��?
左边界线,右边界线,和中间线.
如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分��?
结构,究竟是上中下结构,还是左中右结��?还是其他��?每一��?大概放什么内��?
3:导航和标��?
网站��?00-1%是导��?这是一句被传烂了的��?
你的导航是长的还是短��?是横的还是竖��?还是弧形��?是否有下拉菜��?比重各是多少.和标志处在什么位��?各语言版面入口在哪��?登陆(后台管理/用户/MAIL)在什么位��?标志附近是否有点睛一般的广告��?
好了,我们进行下一��?
4:banner同导��?和过��?
导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最��?记住不要��?×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东��?
5:主体内容部分.
我的中间是左右机��?还是一大块,还是左中右结构的.每一块的分割采用什么手��?颜色以怎么样的规则变化.然后将内容填充进��?
6:底部版权信息及其��?
7:不同的风格的调整.
基本是这��?我理不清头绪,写出来的这些自己基本都不满意,但总可以让自己规避很多的问题吧.
关于图片和小图标的选择:
图片选择遵循以下几点要素:
1:必须有一个鲜明的主题.
2:图片尽量有悬��?
3:突出的内容只有一��?图片突出的内容只有一��?版面也一��?
4:从目标对象或目标服务对象来考虑图片的选择.
5:要善于从做背��?
6:新手尽量大面积留��?
7:新手慎用��?
图标选择注意要素:
1:图标表达意思与title相适应
2:同色系或统一风格.
3:学会突破(图标不受title的背景限��?
4:图标大小要特别注��?
5:善用圆角.(与弧不同)
6:要便于记��?
7:尽量避免重复(纯装饰除��?重复刺激效果的除��?
本页路径：http://www.sdfirstsolar.com/web-knowledge/331.html,您觉得这篇文章怎么样,觉得好转载吧或者加个QQ、微信相互交流下。
|
|
|
