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

以下是我在平常工作中所遇到的,文笔不是很好,求大神轻喷。
在项目进行的过程中,主要分为设计--制作--程序这三个步骤,首先先从设计页面开始,包括页面上面的诸多效果在内。而制作负责将设计稿的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

原文地址:https://www.cnblogs.com/jlfw/p/12609725.html

时间: 2024-07-31 21:53:44

浅谈工作中设计、制作和程序之间的配合的相关文章

浅谈视频的制作

摘 要:在当今社会视频已经成为人们生活和工作日以追求的物质和精神需求.视频让人们的生活更富客观性和真实性.它记录了人生的美好,当回望过去时,它就是见证.它也是生活中的一抹调味剂,可以使人们愉悦身心,缓解工作.生活的压力.这些可以运用Adobe Premiere Pro CS3来制作完成,刻录成VCD.DVD等等.下面我就简单介绍一下如何运用Adobe Premiere Pro CS3. 关键词:视频:Adobe Premiere Pro CS3:制作: 视频技术最早是为了电视系统而发展,但是现在

浅谈:合格的Java程序员应该具备的能力

和大家分享下合格的Java程序员在工作中都需要具备哪些能力呢? 一.文档习惯 良好的文档是正规研发流程中非常重要的环节,作为Java程序员,30%的工作时间写技术文档是很正常的,而作为高级程序员和系统分析员,这个比例还要占的更高. 二.规范化,标准化的代码编写习惯 一些外国知名软件公司的规矩,Java代码的变量命名,代码内注释格式,甚至嵌套中行缩进的长度和函数间的空行数字都有明确规定,良好的编写习惯,不但有助于Java代码的移植和纠错,也有助于不同技术人员之间的协作. 三.测试习惯 软件研发作为

浅谈月薪3万 iOS程序员 的职业规划与成长!(进阶篇)

前言: 干了这么多年的iOS,虽然接触了许多七七八八的东西.技术,但是感觉本身iOS却没有什么质的飞越,可能跟自己接触的项目深度有关,于是决定在学习其他技术的同时,加强自己在iOS方面的学习,提高自己的竞争力. 程序员薪水有高有低,同样有五年工作经验的程序员,可能一个人每月拿20K,一个拿5K.是什么因素导致了这种差异?我特意总结了容易导致薪水低的九大行为表现. 习惯即刻回报 他不懂得只有春天播种,秋天才会有收获.刚刚付出一点点,甚至还没有付出,就想要得到回报.技术刚刚掌握,能一边百度一边干活了

浅谈Manacher算法与扩展KMP之间的联系

首先,在谈到Manacher算法之前,我们先来看一个小问题:给定一个字符串S,求该字符串的最长回文子串的长度.对于该问题的求解,网上解法颇多,时间复杂度也不尽相同,这里列述几种常见的解法. 解法一 通过枚举S的子串,然后判断该子串是否为回文,由于S的子串个数大约为,加上每次判断需要的时间,所以总的时间复杂度为,空间复杂度为. bool check(string &S, int left, int right) { while (left < right && S[left]

浅谈用力不用脑的程序员:你为什么蹉跎这么多年

有太多的程序员,只知道羡慕别人的成就,却看不见别人的汗水,这已经被无数鸡汤文提到;那么也有不少人,汗水付出也很多,加班很辛苦,累的七死八活,但是依然没有什么太好的成绩,我想说,这里除了部分人运气不佳,大部分是"用力不用心"(或者说"用力不用脑"),白白耽误自己的青春. 老规矩,为免某些喷子乱放炮,先设置前提,这里所说的成绩是指可以获得很好的职位和薪酬,能够过上体面的中产阶级生活,也就是普通人通过努力真的可以达到的境界;如果非拿怎样成为李彦宏,马化腾说事,那只能吐血三

浅谈高大上的微信小程序中渲染html内容—技术分享

大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题.但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢? 解决方案 wxParse 小程序刚上线那会儿,是无法直接渲染HTML内容的,于是就诞生了一个叫做「 wxParse 」的库.它的原理就是把HTML代码解析成树结构的数据,再通过小程序的模板把该数据渲染出来. rich-text 前端精品教程:百度网盘下载 后来,小程序增加了「rich-text」组件用于展示富文本内

浅谈求职简历制作的重要性及注意事项

个人简历,又称履历表,是求职材料中最为重要的部分,一般紧跟在求职信的后面,是求职者全面素质和能力体现的缩影,简历制作过程中,简历的美观是很重要的,在竞争激烈的职场,面试官只有看到一份有质量的简历才会给你一个面试的机会.一份简历,好比是产品的广告和说明书,既要在短短几页纸上把求职者的形象和其他竞争者区分开来,又要切实将求职者的确价值令人信服的表现出来,俗话说:"简历就是你能否进入一家公司的敲门砖" 制作简历的注意事项是什么? 1.在撰写简历的时候要针对性的展示"自己能干什么&q

浅谈hibernate、ibatis、myibatis之间的区别?

ibatis 是一个半自动的框架,为什么说是半自动呢?因为它可以生成一部分的代码,另外一部分需要我们手动去写ibatis 采用的是SQL语句跟实体之间的一个映射关系,在我们select语句中,我们通过javabean 引入到select 语句中,根据不同的占位符,注入不同的javabean属性值当然在我们这个ibatis框架中不仅仅只有javabean 的方式,还有MAP ,integer,xml等形式进行引入.用得比较多还是我们的javabean,map,interger,一般情况下xml文件

浅谈工作以及csv的处理

工作中任务往往来的突如其然,又比较紧急,任务又是一次性的,如果按照完整的框架,设计优美的mysql表格,那还真是脑壳疼. 这时候我想csv文件就能帮上我们的大忙了,字段直接在需求的网站上复制粘贴,作为表头. 将提取出来的数据保存为一个csv文件,达到首要目的.,甚至在极端情况下,保存html页面也是可以的(提取字段过多,异常处理过多) python 内置的csv模块想记录一下, import csv with open("drug.csv","a",encoding