登陆注册
41826200000007

第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

同类推荐
  • 伊蕾娅娜(千种豆瓣高分原创作品·看小说)

    伊蕾娅娜(千种豆瓣高分原创作品·看小说)

    作品以童话风格的叙事展现了爱之善变的本质。正当十四岁的伊蕾娅娜享受初恋的甜蜜与苦涩时,却遇见另一段更大的情感波澜。她本以为自己深爱的军人奥兰多就是真命天子,不料风流多情的年长诗人巴尔维诺却令她魂牵梦绕。残酷的现实替伊蕾娅娜做了选择。爱,或者不爱,都是瞬间的事。伊蕾娅娜对那些为了落个好名声而一生被迫强装忠贞的人嗤之以鼻。就在她喝下爱情苦水的头一年,她就已经知道许多人终其一生都不愿承认的事——没人能在漫长的一生中只爱上一个人。当你觉得非某人莫属时,上天总会在你毫无防备之时,安排另一个人出现在你的生命中。有些人看见了,爱上了,却不敢去触碰。而她,只不过听从了内心。
  • 光环的阴影(千种豆瓣高分原创作品·看行业)

    光环的阴影(千种豆瓣高分原创作品·看行业)

    我们逛商店,我们购物,我们为所有光鲜亮丽的装修、商品与服务所折服,但很多事,并不是看上去那么美好,跟随一个商场运营经理的成长轨迹,也许可以看到更多不为人知的内幕秦欣意外成为高档百货商场明日商业最年轻的楼层经理。从女装部到化妆品部,各怀心思的同事、刁蛮不讲理的顾客、阳奉阴违的品牌导购、黑社会老大、国际奢侈品集团总监......悉数登场。事无巨细的运营工作、匪夷所思的投诉、互相角力的部门、花样百出的商业运作......自觉自愿自发的学习实践,或是不希望不乐意却无法抵抗无法改变的意外,秦欣要怎样面对掩藏在华丽柜台背后种种鲜为人知的行业规则和隐秘内幕?
  • 娱乐时代(千种豆瓣高分原创作品·看小说)

    娱乐时代(千种豆瓣高分原创作品·看小说)

    六个不同的奇怪故事。故事中有向往不朽的游侠,有挣扎在生理问题与婚姻问题之间的女人,有徘徊在回忆与自由之间的国际流浪者,有陷入金钱漩涡中的失恋男人,也有借相亲为名的谋杀策划者,有不堪回首的北漂生活。这个短篇集包括六篇小说。这六部作品,在幻想与现实之间游走,在荒诞与真实之间切换,其中始终不变的是作者满腔的热血和深刻的反思。
  • 读杜读到成都去(千种豆瓣高分原创作品·学知识)

    读杜读到成都去(千种豆瓣高分原创作品·学知识)

    杜诗你还记得几首呢?这位被称为最伟大的诗人与你生命又有何干涉?把杜甫放到现在,又能怎样呢?本栏并不接受杜诗有多好,无还原杜诗的野心。只是旅途上,我们与他同行,且听他说,且听我说。本文并不是杜诗的导读,也不是文化苦旅。而是关于任何人在旅途上不断地看,不断地想。本文有三个角色,分别代表了三种出行的状态,他们彼此独立,彼此反驳,彼此承接,又分不出彼此。
  • 异乡之虹(千种豆瓣高分原创作品·世间态)

    异乡之虹(千种豆瓣高分原创作品·世间态)

    一位青年在上海与朋友杨小西合导一部电影,改了几次剧本都未能开机,却意外寻获了自己的故事:放弃拍摄后到重庆赴一场约,半途因病在双Z城暂留,困厄之际遇到一位离异女医生陈晴的照顾和收留,他们与她八岁的女儿试图重组三口之家,可随着她人生的秘密浮出水面,一切通向无法挽回的尽头。他忆起之前的邀请,坐上火车进入女诗人尼码的心理奇幻世界……剧中人个性迥异,在寻找内心依靠的过程中过分显露出自己的强硬,而当他们脆弱起来,会如何面对世界不温柔的那一面?小说用独特的语言制造出迷幻的氛围,时而以浪漫且辛酸的口吻,时而以间离的视角,用变奏曲式的结构讲述一段生活在别处的故事。或许——深信他人的真实存在便是爱。
热门推荐
  • 中华人民共和国刑事诉讼法解读

    中华人民共和国刑事诉讼法解读

    《关于修改〈中华人民共和国刑事诉讼法〉的决定》是1996年、2012年刑事诉讼法修改之后对我国刑事诉讼制度的又一次重大完善。这次修改刑事诉讼法,完善了与监察法的衔接机制,调整了人民检察院的侦查职权;根据推进国际追逃追赃工作的需要,建立了刑事缺席审判制度;总结试点工作中行之有效的做法,完善了刑事案件认罪认罚从宽制度,增加了速裁程序。这些修改,进一步完善了中国特色刑事诉讼制度体系,体现了惩治犯罪与尊重保障人权相结合,对于保障国家监察体制改革的顺利进行,加大反腐败追逃追赃工作力度,推进司法体制改革,推进国家治理体系和治理能力现代化,具有重要意义。该书从立法工作的角度,对立法背景及条文规定等方面进行了较为详尽的阐述。
  • 这里妖怪多

    这里妖怪多

    这是一个上司和下属一同中毒了的故事又名【爱的自杀再问供养】
  • 七星天极

    七星天极

    武道大陆,浩瀚无边。各大宗门家族林立,其人口更是数不胜数在这个辽阔的大陆上,实力为尊。他们利用自己神秘莫测且震撼天地的术法本领,在这片大陆上组建了各个不同的势力,他们利用自己的势力瓜分着这片大陆并运用这片大陆的资源维持着自身门派的运转,拥有废灵根的少年将在此大陆展开踏巅之旅。
  • 丑女游戏

    丑女游戏

    萧潇就是一个意志消沉的胖子,但是当她得到了一款名为“春心荡漾”的养成游戏,她的人生因此而改变。不但重新瘦回了美女,还不得不转职成了淫贼。这都没什么,重要的是她在不知不觉间竟然招惹上了不该招惹的人,不赶紧使出绝招就要乖乖等着被逆推了。生活逐渐被游戏摆布了,恍然间发现自己竟然被游戏玩了,抓出隐藏在背后的黑手,竟然是个调皮的系统精灵……丰富多彩的人生,美女一定要把主动权掌握在自己手里!-----------------------------已签约期待上架中~求推荐求收藏~
  • 呆萌女主,求认识!

    呆萌女主,求认识!

    我不知道你为何如此恨我,我只知道我为何爱的如此沉默。或许是上辈子的债,让我用一生来默默的爱。
  • 大国医2:30位“国医大师”的养生秘术与治病绝学

    大国医2:30位“国医大师”的养生秘术与治病绝学

    根据健康的一般规律,本书又分为“防病”(即保健)与“治病”两大体系,前六章分别从饮食、锻炼、养心、日常养生、经络养生等角度讲防病,主要讲述大师们的日常保健方法及经验,如朱良春教授常喝的“长寿粥”,邓铁涛教授常练的“八段锦”,李济仁教授常饮的“保健药茶”,王绵之教授常用的“打坐养心法”,何任教授提倡的“中年进补”等。后十章则主要讲述大师们对各类疾病的诊疗经验,包括心脑血管病、消化系统疾病、泌尿系统疾病、皮肤病、妇科病、儿科病等十大种类。
  • 宰相的公主殿下

    宰相的公主殿下

    她是皇朝的第一公主,自私,跋扈任性,仗着皇兄和母后的宠爱,横刀夺爱,只因秋日宴那惊鸿一瞥,不想他却在朝堂之上以死相逼,字字珠心,让受尽天下人耻笑,她悲愤难耐,数日后生了一场大病,缠绵病榻不到两年就香消玉殒....只是再睁开眼她已不再是她....
  • 史上最恶领主

    史上最恶领主

    楠树重生到了充满魔法与冒险的世界,这是一个只有成为最强恶霸才能生存下去的世界。
  • 暗影高手闯都市

    暗影高手闯都市

    暗影高手重回都市:金钱我不要,美女一路收!
  • 天行

    天行

    号称“北辰骑神”的天才玩家以自创的“牧马冲锋流”战术击败了国服第一弓手北冥雪,被誉为天纵战榜第一骑士的他,却受到小人排挤,最终离开了效力已久的银狐俱乐部。是沉沦,还是再次崛起?恰逢其时,月恒集团第四款游戏“天行”正式上线,虚拟世界再起风云!