公司商业化网站制作设计流程(二)

2017-11-21

   公司网站制作设计流程深圳网站建设公司“荷勒”认为只需要六步,即:策划与草图、设计与制做、切割与导出、编辑与模板、动画与广告、链接与上传。

    深圳网站建设公司“荷勒”将为大家详细的讲述这“六步骤”,本期将为大家讲述网站制作的第二步骤、第三步骤:设计与制做、切割与导出。

    一、设计与制做

    如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了,在这里我使用PS,虽然没有FW的高效和专业但更加灵活和自由。

    可以在新建的778*600页面中先打框架然后再采用逐步细化的方法,还可以采用你自己独特的手法,比如透明玻璃水晶按钮等效果来营造特别的风格,要力求简约和精致!不要放过每个细节的刻画,即使是1*1的5%透明度的阴影都会给你的页面增彩,别以为别人看不见!  

    最好养成分层的习惯,这样可以方便分类和编辑,不至于把上百个图层放在一下层级里搞得一团乱麻,分不清楚。作为一名优秀的设计师应该有条理,所以请养成分类并为每个图层命名的习惯,这决不是浪费你的时间!  

    二、切割与导出  

    无论是PS还是FW,哪怕是AI做的设计界面,在切割的原则都是一样的,请遵从以下几个方面: 

    1、首先要按大致的框架切割,如国字型或T字型,注意其完整性;  

    2、对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入;

    3、对于添加内容需要很长的区域要注意其伸缩性切割,若有图案要保证可以重复排列;

    4、在切割时要特别认真和小心,不要空留一行或列的一个象素的间隙,要放大让切片都对齐,不留空隙;

    5、其它如按钮和空白处等自动生成的切片,以及创建需要改变图片外观的切片等切割完毕后,选择文件另存为WEB页命令,导出为HTML文件待DW编辑。


更多新闻

HOLY荷勒与深港脑科学创新研究院携手合作,打造全新的官网体验设计
HOLY荷勒与法国大使馆携手合作,打造微信小程序"夏至音乐日"
HOLY荷勒作品“清华-伯克利深圳学院网站及系统设计”荣获2019MVX最具价值体验大奖 — 金奖
荷勒作品-holy荷勒与深圳市政府合作设计对外宣传