公司商业化网站制作设计流程(二)
公司网站制作设计流程深圳网站建设公司“荷勒”认为只需要六步,即:策划与草图、设计与制做、切割与导出、编辑与模板、动画与广告、链接与上传。
深圳网站建设公司“荷勒”将为大家详细的讲述这“六步骤”,本期将为大家讲述网站制作的第二步骤、第三步骤:设计与制做、切割与导出。
一、设计与制做
如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了,在这里我使用PS,虽然没有FW的高效和专业但更加灵活和自由。
可以在新建的778*600页面中先打框架然后再采用逐步细化的方法,还可以采用你自己独特的手法,比如透明玻璃水晶按钮等效果来营造特别的风格,要力求简约和精致!不要放过每个细节的刻画,即使是1*1的5%透明度的阴影都会给你的页面增彩,别以为别人看不见!
最好养成分层的习惯,这样可以方便分类和编辑,不至于把上百个图层放在一下层级里搞得一团乱麻,分不清楚。作为一名优秀的设计师应该有条理,所以请养成分类并为每个图层命名的习惯,这决不是浪费你的时间!
二、切割与导出
无论是PS还是FW,哪怕是AI做的设计界面,在切割的原则都是一样的,请遵从以下几个方面:
1、首先要按大致的框架切割,如国字型或T字型,注意其完整性;
2、对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入;
3、对于添加内容需要很长的区域要注意其伸缩性切割,若有图案要保证可以重复排列;
4、在切割时要特别认真和小心,不要空留一行或列的一个象素的间隙,要放大让切片都对齐,不留空隙;
5、其它如按钮和空白处等自动生成的切片,以及创建需要改变图片外观的切片等切割完毕后,选择文件另存为WEB页命令,导出为HTML文件待DW编辑。