登陆注册
27374700000007

第7章 设计师为什么要学习开发

"Everybody in this country should learn how to program a computer,should learn a computer language,because it teaches you how to think."

--Steve Jobs.

就像小学写作文一样,一篇文章的开头如果用“一位伟大的哲人曾经说过”这样的开头会得到不错的分数,再加上一些惨痛的背景“一位身患绝症在生命最后一刻还在为梦想奋斗的哲人曾经说过”会更有煽动性,90分妥妥的。

教主的这句话[1]已经过去多年,随着技术的普及工具的进化越来越多优秀人才开始身兼数职设计开发一肩挑,但现实情况并没有想象中那么乐观,从我接触到的设计师和新人简历来看,仍然有8成以上的设计师在闷着头做设计,不懂怎么code自己的设计稿也不知道背后的实现原理。

平时工作中有很多的合(cheng)作(xu)伙(yuan)伴(men)会建议设计师学习编程,不要求会python,至少会html+css,不要求会ObjC,至少了解Xcode下的项目结构,这也是我所期望见到的结果。学习编程可以让设计师理解一个工程是如何运作的,设计应该怎么进行。就像平面设计师了解印刷技术和纸张重量一样,了解编程是互联网产品设计不可缺失的一个重要环节,只有攻克了这个环节,才能像本专栏第三篇中说的那样成为一个更优秀的人。

学会coding对设计师来说意味着什么?

更好的沟通,设计师和产品经理的沟通过程从一开始单方面执行产品文档到紧密协作一起讨论产品需求,已经在努力将沟通成本降低,熟悉产品目标的设计师更能做到无缝衔接,不仅可以从产品用户市场规划上做到和产品经理一样全能,还会把想法变成设计稿。可顺畅的沟通到了工程师这边基本上就卡住了,沟通只能靠图,每个功能点的表现,每个细节的标注都有可能导致不必要的反复沟通和说明,这也就是为什么我们的合作伙伴那么迫切希望设计师懂开发,这样既能省解释时间,也能影响设计师给出更可行的设计方案。

更好的交付物,图标该怎么切,栅格怎么计算会更具适配性,标注是以盒模型为基础还是以文字边缘为界限……这些设计师想当然的东西害苦了开发小伙伴,同一个位置不同状态的图标因为不是同一个psd切出来的用了不同大小的留白,H1和P之间的间距不统一完全不考虑其他位置相似属性的通用性等等问题在日常工作中比比皆是,即便像kejun这样的前端大神也无法准确的教会所有设计师该怎么标注设计稿,更好的方式仍然是让设计师学会css,统一规划,适度标注。甚至是在类似github这样的协作环境中用pull request的方式由设计师来提交优化方案。

更高效的协作,当你学会html+css,你就知道为什么前端工程师那么注重组件化,为什么尽量少私有定制,如何从设计入手优化页面加载速度,圆角矩形的实现成本有多高,电脑上的网页能不能直接压缩到手机上看,动画效果口述永远讲不清楚等等这样的问题都不会在你身上发生,因为这些问题而修改设计的可能性也会大大降低。

更值钱,从创业团队到大公司,从自由职业者到专业设计公司,那些最优秀的设计师和工程师之间的联系都是很紧密的,无论是项目经验丰富还是个人能力,技术从来都不是阻碍设计师优秀的障碍,同样,不懂技术也不妨碍老牌设计师的水平,但随着科技的进步,前浪被后浪拍死的会比想象中快,不过学习了编程并不意味着就会成为更好的设计师,技术因素的介入,设计师参与的项目类型会更多,也能让设计稿有更多的表现形式,将设计自身的价值放大,设计师的身价也自然水涨船高。

更开阔的视野,学习编程开启了设计师探索未知领域学习跨界知识的第一步,在html+css的基础上我认识了wordpress,自建模板的过程中又学了一点php的皮毛,通过强大的bootstrap我已经可以自己快速搭建网站,而以半个开发者身份参与到公司code项目中让我体验到github的协作之美,在QuartzComposer已经不能满足特定需求的情况下,我又开始了Xcode之旅,这一切的变化并不是为了学习某门语言,而是在选择更好的方式来完善我的设计,感受这个世界上最先进的技术给设计带来的活力。

当然,学习编程并不代表要替代开发人员,也不用对着O'Reilly的动物园一本一本看,从最熟悉的html+css开始学会基础的标记语言,打破设计师对满屏字符的心理魔障,再根据需要一点一点的了解项目中每个功能背后的实现原理,找到最适合自己的“语言”去学习才是更适合的方式。

那么,说这么好听,零基础设计师该怎么开始呢?

如果你身边有愿意手把手教你的好朋友,果断厚着脸皮丢肥皂,让他给你制订学习计划主动要求布置作业按时完成。如果没有,去买一本评分高的入门书籍,就像背GRE一样每个例子都动手写一遍,网上的教程每一个都跟着做一边,像学画画一样从临摹开始。

我在上一家公司时曾给几个设计师朋友开课教html+css,安排了14天的课程,仅供参考。

基础课程,必须完成

1.记住HTML基本结构及基本元素,熟悉id和class选择器,会用chrome查看元素和修改属性

2.了解文本相关css属性

3.了解图片相关css属性,包括页面内图片及背景图片定位

4.盒模型,知道内边距外边距及display属性

5.制作表单

6.制作列表

7.运用之前学过的所有东西,自己写一个简单的页面出来

进阶课程,选择性完成

8.浮动布局

9.Image Sprites,学会如何制作hover时图片切换,并将整个页面的图片做到一张上

10.栅格系统

11.浏览器兼容性及主流问题

12.自适应网页设计

13.CSS动画

14.html5的各种变化

为什么是设计师教而不是前端GG来教,主要考虑的是设计师的沟通语言会比较朴实,能从自身需求出发,会选择教一些实用的方式方法而不是全盘学习,也不太会涉及到一些背后原理的解释,出现bug时也不要非得教会学生怎么修bug而是会让他们不要在意这些细节有空自己再去研究来节省大家时间。

在过去的几年中,我接触过太多优秀但不会编程的年轻设计师遇到职业发展瓶颈,我都会建议他去花时间学习一些额外的知识,除了编程之外,社会心理学、销售技巧、新的平台新的软件都在建议列表之中,跨界已是大势所趋,只有不停的学习才不会在机会到来时不知所措。

广告时间:我所在的团队在招聘交互视觉,地点深圳,看过我之前写的专栏文章应该会知道什么样的人才会比较符合要求,如果你觉得自己想成为这样的人或者已经是这样的人了,请不假思索的联系我,人生巅峰在向你招手哟~

注释

[1]http://www.youtube.com/watch?v=mCDkxUbalCw

同类推荐
  • 上瘾(千种豆瓣高分原创作品·世间态)

    上瘾(千种豆瓣高分原创作品·世间态)

    九戒是一个私人聚会,参加的都是王医生的病人。参加的一共有八个人,叫这个名字,好像是因为所有的与会者,加上王医生,正好是九个,“我”是第九个加入进来的,不知道以后还会不会有新的人加入进来。那时也许就更名叫十戒。你一定很好奇,这到底是一个什么的聚会。不要担心,它是合法安全的,也没有宗教信仰的问题,杜绝政治,只是,我们每个人都有一个通病——上瘾。而“我”患上的是对爱上瘾,这是一种好不了的病。
  • 流氓必智(千种豆瓣高分原创作品·看小说)

    流氓必智(千种豆瓣高分原创作品·看小说)

    此篇为本人在08年写的一篇小说,主人公是个不折不扣的流氓,现实生活中的确为我的好友。后来因事逐渐生疏。同样是青春期的屌丝,但他对性的毫不掩饰和光明正大,让我有些眼热,更有嫉妒——其实,我只是缺少那种坦诚,尽管那是一种低级趣味的直白诚实。以下这段文字,大概能代表此文主旨。
  • 你不知道的事·星星知我心(千种豆瓣高分原创作品·学知识)

    你不知道的事·星星知我心(千种豆瓣高分原创作品·学知识)

    这个“你不知道的事-星星知我心系列专题”是金鱼老师一点新的想法,希望以全星盘的方式来解读每个星座内心深处的秘密,同时也会针对各个星座在相应领域如工作、生活和感情中的缺陷给出一些建设性的意见。对于每个星座会分为三篇内容,全面讲述每个星座来自内心深处的安全感需求、情感模式以及爱情道路上的问题,并给出与不同星座配对时的交往事项。
  • 夜,五指之徒(千种豆瓣高分原创作品·世间态)

    夜,五指之徒(千种豆瓣高分原创作品·世间态)

    作品讲述了武立回到阔别已久而陌生的城市的遭遇。他试图找回深埋的回忆,不料遇到了少女鸽子,又被她放了鸽子,和老友相会,而引发一段少年的回忆。往日的江边、少年帮派、恶作剧、跟太监家一家人的友情和爱情、老友的警告和跟踪、以及奔赴红船的一场援救,交错呈现。然而,这些回忆互相矛盾,究竟那一段才是真实的?这是一部多重奏,记忆的矛盾层层交错,矛盾才是真实的。这是一段重寻自我的历程,寻找,比成功或失败更重要。这是一段叙述者的呓语,道出隐藏在内心深处的软弱和勇气,逃避和忏悔。
  • 失语·羽之爱(千种豆瓣高分原创作品·看小说)

    失语·羽之爱(千种豆瓣高分原创作品·看小说)

    无疑,每天你都要与不同的人说着不同的话,太多的话,办公室、学校、交通工具、家,只是其中有多少是你真挚流露?换句话说,你是否将最想说的话告知了你最欲坦白的人,来不及了吧,万一某日你必将失去语言,会追悔吗?——故事从这里开始。一只不见了翅膀的天使、一个无法观看电影的局外者、一名身价不菲的同声传译;以及一份无法翻译的手稿、一出关于语言失落的幻觉、一场离开与会不会再回来的恋爱;“语言诞生的目的旨在排解孤独”——献给或许此刻孤独的你,愿此书与你共勉。
热门推荐
  • 为爱杀生

    为爱杀生

    他是万魔之首,未来的万神之祖。她是神级医师,拥有天使皇族的血脉。他爱她,不需要语言。她爱他,没有承诺。她死了,他为她杀生。最后,他把自己还给了天地。为了她,也为了世界。
  • 槐花依旧红

    槐花依旧红

    少女时期的殷琦,无意邂逅远志,从此便在心间种下情愫,默默的在心底喜欢着他…
  • 血幻

    血幻

    穿越文,很多人的那种。【刚开始写啦,不早要写些什么。。。】
  • 牛市震荡中的股票、基金投资策略

    牛市震荡中的股票、基金投资策略

    大牛市的车轮滚滚向前,震荡在加剧,但看不到牛步停歇的迹象。这是一本假众多中外投资基金和专家之口,全面回应中国超级长牛市震荡与盘升的书。
  • 夏先生的蜜爱妻

    夏先生的蜜爱妻

    她曾经是他眼里最冰冷的小女孩,却因为遇见他,从此平生一顾,至此今年。在后来,他是别人眼里高高在上的夏氏总裁,坐拥夏氏百年的江山,只手掌控商界风云,光风霁月,却独独没有凡心。而其实在很早以前,遇见她,便成为了他人生里最幸运的事。为她,他愿意低到尘埃里,开出一朵最美的花。
  • 火影之雾隐有鲛人未娶

    火影之雾隐有鲛人未娶

    【已完结】“喜欢?喜欢就去追啊!管你喜不喜欢我,我就是要跟着你!”像打不死的小强似的木人多荔在干柿鬼鲛叛逃之后还是一心想把他带回来,可是人家根本不领情,不愿意跟她回雾隐!“鬼鲛哥,你和我回去。”从雾隐追到木叶,从木叶追到晓。一次次的妥协,一次次的伤害和一次次的锥心之痛,木人多荔依旧没有放弃。为了救干柿鬼鲛,纵使遍体鳞伤她都没有说过一句后悔。却在一切都趋于太平后,她选择了离开。如果一切都重新来过,多荔相信她一定会选择那个一直在自己身边的天宫海鲁伊。但是……努力了这么久,放弃了这么多东西,对于干柿鬼鲛,她其实从未后悔过。【真想亲耳听你说句爱我啊,可惜……已经不可能了。】--------------------------------------------------组合读者群:182499235-----新文《俯首称臣:美男已签收》欢迎跳坑!------双生:今夜白
  • 古龙文集-楚留香新传(2)蝙蝠传奇

    古龙文集-楚留香新传(2)蝙蝠传奇

    楚留香与胡铁花无意间看到华山掌门枯梅大师穿着俗服在江湖中走动,便想一探究竟。他们先后结识了金灵芝、华真真、原随云等人,并一步步踏上了寻找蝙蝠岛之路,也经历了一场惊险、刺激的冒险旅程……
  • 厨妃有喜

    厨妃有喜

    穿越成永腾国身份诡秘的失宠后妃?因爬龙床未遂惨遭禁足?被弃尸荷花池后奋力自救,导致冲撞皇上再入冷宫?吃货唐芯表示……真是天助我也!乔装打扮当御厨,蹭吃蹭喝学厨艺,继续上辈子的神厨梦想!可是,为毛理想如此低调的她,会被天子钦点为专属大厨?而且,皇帝看她的眼神,为什么越来越奇怪,好像她看见美食的神情啊!主子爷,求放过!放过?帝王备了一桌山珍海味,冲某吃货勾勾手指,小唐乖,快到朕碗里来。某唐颤抖,我乖不了啊,亲,我奏是你那个浓妆艳抹专门恶心你每天被你骂上三百遍的冷宫弃妃啊!【情节虚构,请勿模仿】
  • 妖孽天王混都市

    妖孽天王混都市

    一代杀神回归都市,惨遭美女总裁逼婚,小萝莉飙车挑衅,大牌女明星下午茶邀约……排好队,慢慢来,老子一个一个好好收拾!
  • 那城那时的那个姑娘

    那城那时的那个姑娘

    可以把它看成一部自传杂文,流水但又有章节,有情节。抒发再抒发,内心的积郁,可以喊出一万个草泥马。