搭建一个功能完善的网站,从构思到上线,离不开各职位成员的共同努力。作为一个准网页设计师,提前了解网站开发的流程,有助于在团队协作中更好的配合。通常情况下,任何一网站的建立,都会经过“策划—交互—视觉—前端—后端—测试”六个环节,其中网页设计师的核心任务则落在了“视觉设计”这个板块。
网页设计就业班级培训内容
1.美工设计:设计美学、色彩搭配、创意思维、设计软件(PS+AI)
2.美工训练项目:网页元素设计、界面设计、商业项目设计实训、切图实训、阶段考核。
3.前端开发:HTML5+CSS3布局与样式、JaScipt交互开发、Web前端整站项目实训。
4.移动端开发: H5、webAPP开发、微X公众号、微X小程序、抖音小程序开发等。
5.框架开发: 核心框架运用、Vue.js、React.js实战运用及阶段考核。
6.后台交互与开发:PHP后台开发、MySQL数据库、Node.js、项目及阶段考核。
7.就业指导:心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习实战等。
1.策划阶段
每一个网站的建立同时,都伴随着诸多尚未解决的需求。为什么要做这个网站?是制作之处需要想到的问题,无论是为了宣传业务、提升业绩,还是表达观点、传递价值,一个网站都会承载着诸多的功能需求。那么,在策划阶段,就要围绕着需求及功能点,将其一一解析出来,并整理成册为:PRD产品需求文档。通常这部分是由产品经理(PM)完成,需要在与客户详细交谈过数次后,才能一并输出。如果项目中途突然加个需求,程序和设计的心里一定会很难过的,所以一个新站的策划初期,至少要考虑到未来2~3年,网站的功能添加的可拓展性。
2.交互设计
这一阶段的工作通常由的交互设计师来完成,当然也时常可由产品经理兼职。交互设计师得根据解析出的PDR需求文档,合理地组织网站框架,建立、二级导航栏目,规划网站内页的浏览路径,以及页面跳转关系。或OminiGraffle、mindnote等软件来梳理页面逻辑及框架结构,以完成交互设计稿的绘制。以便网站受众在浏览过程中能、愉悦地获取到他们想要的信息。如果是页面不多,可在白板上或几张A4中完成这个环节的工作;页面巨多,则要将交互稿整理出图,打包为电子手册,方便下一工作环节的实施。
3.视觉设计
现在该网页设计师正式出场了,这一环节中,设计师主要根据交互设计稿,确定网站内页的具体设计规范,包括网站颜色VI的选用、字体字号大小、以及素材的编排、选取及处理、每一根线条、每一个像素,都是由作为准网页设计师的你来把控了。将所有页面的视觉稿设计完毕后,标注好尺寸、颜色等数值信息,输出必要的图片、icon等资源,打包好后一并交给Web前端工程师。
4.前端制作
这个环节的主角是Web前端工程师。其主要根据网页设计师出具的设计稿,运用HTML、CSS代码实现页面重构和页面逻辑跳转,运用JvaScipt、JQuery等技术优化网站浏览体验,以及网站界面交互动效、功能实现的制作。相信你的程序员哥哥定能给你办得稳妥妥的,当然在这个过程中会遇到些许问题,作为网页设计师的你要及时与之沟通,一起将界面的细节做到99%还原设计稿。
5.后端制作
实现后端数据的逻辑处理,比如数据的提交存储、更新修改、查询等。这个环节的主角是Web后端工程师,通常要用到PHP、jaa、C语言或C++等编程技术。作为网页设计师的我,对于这一环节的工作是持仰望态度,无法展开来讲了。
6.测试上线
在网页重构及后端制作完成后,将代码模板套入CMS(即:内容管理系统)完成本地测试,以检验其可靠性。在排除bug问题后,就可准备上线了。买个域名和服务器,做些的服务器配置工作,完成DNS解析,将域名和服务器连接起来,后再运用FTP工具上传资料到服务器。于是该网站就可以正常访问了。