前端工程师和设计师的沟通问题

        在制作网站或者制作WebAPP前端开发和设计师关系比较紧密,通常情况下是由设计师完成了设计,然后把设计图交给前端工程师,前端工程师来实现这个设计方案,所以设计师在把设计图PSD文件交给前端工程师的时候就有一点必要的规范,才能让前端工程师减少切图的工作量,节省时间然后可以去做更多的事。      

        我在做前端的时候发现了一些问题,这些最好成为一个给设计师和前端工程师交接的一个标准,我想了一下大概的一些对于设计师的要求

        1.PSD文件内部文件夹要清楚,每一个独立模块作为一个文件夹。许多小的文件夹最后构成一个大的页面,文件夹标题要写下这个模块的名字,这样可以提醒前端,这里是个什么样的。

        2.PSD文件内部元素切好图片交给前端工程师。写代码比做设计慢的多,往往设计师改动一下现实效果,动动鼠标的事,对于前端来说,就可能改变很多代码,前端会PS切图就可以,但一般情况下,除非很简单的一个小图片,不然图片太多,前端不是设计师,切图会很慢。

         3.切图要保证清晰度的情况下,尽可能的图片要小。这一点对于设计师和前端都重要,2014年中国的平均网速只有3.45MB/s,所以遇到一些图片较多的页面,图片尽可能的压缩,不然做出来的页面,用户用起来很痛苦,心急的人会没等加载完所有的图片就会关了这个页面,下次估计再也不想来访问这个页面了。

        4.设计师如果想要修改设计方案,最好立刻通知一下前端,让前端有个心理上的准备。如果即将修改的部分还没写,前端就可以绕过去,先做其他的部分,节省了时间;如果已经写了,提醒一下,让前端可以对于自己手里的工作由各时间上的重新安排。  通知到了之后,设计师尽快把新的东西在PSD文件上修改好,重新交给前端,而不是口头上通知,口头上的修改意见要形成一个可见的PSD文件。

         5.双方在交接的时候,设计师应该对前端说明PSD文件的哪些地方需要动态效果,前端当然也要记下来。最好是写下来,因为好记性不如烂笔头嘛,然后前端要想清楚这个需要动态效果的地方,需不需要背景透明的PNG图片,每个PNG图片需要大概的尺寸,让设计师切图出来。

        6.字体是一个比较重要的问题,主要是字体样式的问题.设计师的电脑上肯定有很多的字体文件,在PSD文件里展示出来,视觉上的效果很不错的,但是因为用户或者前端工程师没有这个字体,实际上用户看起来,会觉得平淡无奇,影响设计师的效果。        一种方案是设计师把他在当前页面用到的所有的字体的文件发给前端一份,前端首先在电脑上写出来页面,如果放在服务器的时候,要把这些字体文件放在服务器,这样用户也可以正常使用。        另外一种方案是特殊字体的地方做成一张图片,背景透明与不透明,需要前端给出意见,图片的话,不用太多字体文件,省了一些麻烦

        7.设计师与前端多交流,现在有很多的特殊效果很炫,但是中国的很多用户还是用的IE浏览器,而IE9及以下的浏览器对于HTML5和CSS3的特效支持性比较差,在IE浏览器中基本看不出效果,所以前端要考虑到浏览器的兼容性;还有一个页面太多的特效会降低阅读性,视觉效果会适得其反,那么双方就应该做一些调整,也可能是设计是让步,也可能是前端的让步,不管谁让步都是为了这个项目,设计师如果懂一点HTML的知识那就更好,更容易理解前端的想法

        8.响应式设计应该先出来方案,双方应该沟通一下,响应式的视觉效果,然后设计师把三种设计方案做出来,然后告诉前端有了哪些不同的改变,一般响应式的设计方案就包含三种设备:PC  、平板、手机。只设计PC方案,然后要求前端做响应式,那么在手机上的视觉效果一定不是设计师想要看到的

以上的内容是站在前端的角度来看的,有很多都是我的想法,如果有什么问题,可以提出来,多交流双方的意见才能相互理解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,050评论 25 707
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,748评论 1 92
  • 15年的秋天,我们为了拍摄一组写真去了一个朋友在高淳的有机农场。距离国际慢城生态园也就十几分钟,好不容易来一趟,就...
    番茄麻麻sunway阅读 392评论 0 3
  • 最近我遇到了很多需要平衡的问题,比如写作的时间怎么平衡,睡眠不足怎么平衡,交际不足怎么平衡等等,这些问题促使了我对...
    慧眼识鱼阅读 1,798评论 7 11