400-800-8975

网页设计师工作流程

网页设计完成后,还需要网页设计师进行项目走查,确定网页还原度是否存在问题,这一步非常重要,今天小编主要给大家分享网页设计师工作流程,希望对你们有帮助!

网页设计师工作流程

1.视觉稿阶段

视觉稿阶段是设计师需要根据原型图确定的内容和总体布局完成网站的界面设计。

在设计网站时,设计师需要一些图片和灵感材料。例如,在世界杯主题中,除了收集大量的资料,设计师还可以设计一个“情绪板”。

简单的说,情绪板就是拼贴一些与主题相关的资料和素材,这样可以更好地指引整个需求的设计主题和大体感觉。

另外,很多网站的首页通常需要主视觉来抓人眼球,此时,就可以使用需求方提供的明星照片、主题素材、LOGO、主视觉PSD等,那么用素材和这些需求方提供的资料进行混合并拼出让人觉得震撼的头部视觉就是设计师的目标。

2.设计规范

当视觉稿通后时,许多设计师可能不会主动去做设计规范。事实上,每个迭代产品都需要设计师总结设计规范。

设计规范就是所有页面中共性的东西,比如说字体不同的大小、图片的尺寸、按钮的样式等。这些共性也是用户访问网站时会理解成固定概念的凭证。

具体来说,产品的设计规范应该有:字体规范、主体色规范、图表规范、图片规范等不同分类。

3. 切图

网页设计师通常不需要为前端工程师切图,因为前端工程师往往需要掌握PS软件的技能,如果在特殊情况下需要网页设计师切图时,设计师可以使用诸如 Cutterman、Zeplin 等切图插件中的 Web 选项为前端切出网站所使用的图片。

4.前端代码

前端工程师将用代码重构网页设计师设计的页面,并将图纸转换为静态页面,然后与后端工程师对接调取数据接口,一个网站就活了起来。

工程师们为了方便了解网站是不是达到了设计师要求的数据,也会进行埋点,埋点就是在页面代码里插入一些统计代码,方便之后确定哪些页面访问量高,哪些没有达到预期效果。

同时,也会有测试工程师介入来发现编译完的网站是否存在一些漏洞等。

5.项目走查

网页设计完成后,还需要网页设计师进行项目走查,确定网页还原度是否存在问题,如果发现有和设计稿出入很大的,就需要让前端工程师进行调整。

这一步非常重要,因为网站的成品是设计师最终的输出,不要以为设计稿很漂亮而实现后的页面就不需要网页设计师负责了。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章