浅谈工作中设计制作和程序之间的配合

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈工作中设计制作和程序之间的配合相关的知识,希望对你有一定的参考价值。

以下是我在平常工作中所遇到的,文笔不是很好,求大神轻喷。
在项目进行的过程中,主要分为设计--制作--程序这三个步骤,首先先从设计页面开始,包括页面上面的诸多效果在内。而制作负责将设计稿的PSD文件变成页面上的代码,还原度要求99%以上。程序方面主要是配合在项目进行中的功能开发,如果当前项目没有功能开发的话,主要配合制作进行JS或者Jquery调试。
首先说一下设计方面,众所周知,网站首页是一个网站的重中之重,所以首页的设计会比后面的子页面要好看一些,当然,效果也会多一些,例如,图片的滚动,H5的滑出效果等等。而设计方面需要考虑到的就是有些效果在设计稿上面看着很好看,但却在代码方面不一定能实现,这里为什么说不一定呢,因为这些效果如果是写出来的话,花掉的时间相对较多,考虑到项目的周期,所以一般情况下都会选择在代码网站上找可以用的JS代码,然后嵌套到页面上面来,这样的话,只要效果没问题,就只需要改一下样式,可以达到事半功倍的效果。然而,有的时候一些效果可能会找不到,又或者找到的只是类似的效果,不是完全一样的,
技术图片

当前的设计稿样式(截取部分)是小图在左侧,大图在右侧,而实际上找到的效果却是小图在右侧大图在左侧,因实在没有找到更加适合的效果,所以准备用这个效果改成符合设计稿样式的效果。而在小编修改的过程中,发现了因某些原因导致了JS效果出错,所以这时候需要程序配合我处理一下效果。
然后说一下制作方面,项目到了制作的阶段,需要跟设计师一个个页面过一次,因为我们在制作的过程中必须知道页面上面哪个位置需要什么效果,而设计师在设计页面期间预想的是什么效果等等,这些是一个制作所必须知道的。制作主要负责的工作就是将设计稿转化成页面,要求还原度为99%以上,制作需要注意的地方就是设计稿上面的小细节部分以及每个页面所用到的效果部分,一般情况下首页用到的效果比较多,其次就是少部分内页,例如当前产品图有多个图片的时候,产品详情页就需要有一个能展示多张图片的效果了。然后还要注意的是为方便百度抓取,网站的SEO也需要做,在DWPCMS的后台有个网站地图,网站地图主要整理网站的基本架构方便百度爬虫的,然后就是网站的默认图片,何为默认图片,主要是指网站在加载过程中,图片默认显示成什么样子,加载完之后才是添加的数据图。还有一个需要注意的地方就是网站打开的时候在浏览器标签处显示的图标。如下图:
技术图片

这个图标一般用的是网站的LOGO做为网站用在浏览器标签上的图标。然后还需要注意的地方就是代码规范方面和图片的title、alt属性,这两个属性,title属性是当鼠标滑到图片上面停留2秒之后会自动出现的,alt属性则是属于SEO优化方面的。
最后再说一下程序方面,因为小编是一名制作,所以程序方面的配合了解到的也就是平常项目中经常遇到的。
首先,项目初期程序也可以尽可能多了解一些该项目在页面上所用到的东西,例如栏目架构,有无功能开发之类,如果有功能开发的话,则可以在后台的栏目架构搭建好之后,着手开始做功能开发。如没有功能开发,则可以配合解决制作在处理JS效果方面遇到的问题,然后就是在数据调用方面,有些数据是通过特定的语句调取出来的,这部分也会需要程序进行配合。
最后做一下总结,在一个项目的进行中,设计、制作、程序三者之间是密不可分的,而各个部分之间需要相互配合,才能将项目做的更好。

本文转自:http://www.0731pgy.com/a/news...

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hhch1i11iab









以上是关于浅谈工作中设计制作和程序之间的配合的主要内容,如果未能解决你的问题,请参考以下文章

如何做到高效配合?浅谈项目管理中的闭环思维

浅谈变量,数据变量与引用变量

浅谈Java堆内存分代回收

浅谈团队合作

浅谈js设计模式之发布 — 命令模式

201671010116. 2016-2017-3《Java程序设计》浅谈Java