完整小型站点架构设计的心得体会

 俗话说的好:模仿是最稳妥的创新。没有模仿。现在的互联网不可能发展到现在这个程度;当然,我们也不能直接模仿。很多时候还是应该注重细节和创新。本文笔者将作为一个刚刚完成完整小型站点架构设计的设计师,与大家一起分享我的经验心得。

以下总结一下这次项目过程中的一些心得:

第一,等对整体有个了解后再开始。随说现在的网页设计已渐渐趋向于根据内容及结构出发来设计页面了,但不可否认大部分人还是在根据设计师给我们的的 psd 上去实现的过程中。因此这次对于整个网站框架的设定是等了 3 个页面(首页,分类导读页,内容页)设计稿出来之后才开始的,这样能在对整个网站有更全面些了解的基础上去考虑问题。

第二,在对图片进行压缩的过程中有些小技巧的发现。对于色彩使用不多,渐变较少的图片压缩时,可以尽量选择 png8 的方式进行导出,当然在使用的颜色模式上根据具体效果进行调整,你会发现文件大小会比同等效果的 gif 小很多。然后就是对于透明 gif 及 png 图片的导出,往往会出现锯齿,特别是文字,这个时候可以尝试两种方式:1.如果欲导出的图片在要使用的地方背景是单色的或者颜色不多变,可以在导出的时候在杂边处选择和背景一样的颜色即可,通畅会好很多。2:如果导出后的图片是要用在背景色变化比较大的背景图片上面时,你可以考虑给图片加上一像素的阴影,这样即可防止锯齿的出现。

第三,对于多出使用的一些背景图片,最好能在同一张大图上进行制作,然后通过 background-position 属性来定位到要使用的背景位置,这样第一可以防止鼠标滑动效果时可能因为网速问题导致的短暂空白现象,第二可以很方便的对网页整体效果进行调整,只要对这张背景图集合图片进行如饱和度等下调整即可改编整个网站的风格,减低了改版成本。

第四,在对下属无指定样式的标记进行样式设定时进行段落缩进。这点也可能是因为做程序员的原因,感觉这个方法能更清晰的了解整个样式代码。

第五,尽量别用 em 进行布局,因为各浏览器对标准字体大小的设置不一样,em 用户行距什么的还是没啥大问题的。

第六,给一类设置每一个页面的 body 赋个 ID,不论在样式中会否用到它。这样做的目的会让今后对某些的特殊要求的处理简单化,比如在首页的时候你希望导航菜单的对应按钮标识一下,就可以根据我给 body 赋的 ID 里来判断这是首页,从而在样式中对首页的导航菜单中的“首页”进行特别的设置,于此类推到其它栏目中的栏目菜单,这样就省去了服务端程序的处理或者逐个的修改工作。

末了,笔者还是想提醒各位网页设计师。作为一个合格的网页设计师,你必须具备很强的创造思维还有抽象思维,只有将这做好了,你才能够将一个网页设计好,才能在最短时间内用你的网页头部设计去吸引到广大的用户。