登陆注册
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

同类推荐
  • 苜蓿生涯(千种豆瓣高分原创作品·世间态)

    苜蓿生涯(千种豆瓣高分原创作品·世间态)

    作品详细地叙述了作者自十七岁开始的民办教师经历。民办教师是中国广大农村地区的基层教育工作者,他们坚守在工作岗位,生活和工作条件艰苦,但作品中的民办教师生活却不乏快乐,皆因美好青春和理想主义为这些清贫的日子打上了亮色。纯净的人生,纯朴的故事,生动地再现了当时乡村教育的真实环境和乡村教师的生存状态。民办教师是中国特有的教育名词,特殊国情的一种特殊教育群体,又称“耕读老师”。他们在广阔乡村各个简陋的小学里任教,被知识分子、公务员看成“农民”,被邻里乡亲尊为“先生”,教学之余还精心耕种几亩田,农忙之暇又不忘读书,保持着中国读书人亦耕亦读的古老传统,为中国农村教育作出了巨大的贡献。本书以一个亲历者的经验,讲述民办教师生活的种种艰辛以及教师们朴素的乐观主义,叙事平和质朴,感情真挚恬淡,谦而不卑,值得一读。张红,女。一个教书的人,曾经的民办教师,而今的乡村教师。
  • 噩梦(千种豆瓣高分原创作品·世间态)

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

    作品主要讲述了六十年代那辈人极具时代特征的情感纠葛。大学生黄颂贤毕业时发现他的恋人蒋美玉竟早已芳心暗许他的大学同学刘名泉。刘名泉是刘叔叔的儿子,刘叔叔对黄颂贤来说是父亲一样的人物,于是黄颂贤自卑之下,与一名普通女子苗喜结婚。黄颂贤在刘叔叔的帮助下步步高升,而他婚后一直惦念着蒋美玉,对他的妻子便愈加冷落。直到他的妻子因肺癌去世后,他的女儿将他妻子生前的日记给了他,他恍然大悟,才在忏悔路上被原谅。黄颂贤去拜访已年迈的刘叔叔,得知对他照顾有加的刘叔叔的多年噩梦,他选择原谅了他,让这个老人在晚年得到了安宁。
  • 夜色奔流(千种豆瓣高分原创作品·世间态)

    夜色奔流(千种豆瓣高分原创作品·世间态)

    作品讲述了一个沉重到令人感到绝望的故事,作者以一个亲身经历者的口吻,描写了一个中国式农村的真实生活写照,也用一个黑色的基调把他曾经不愿提起的悲痛往事呈于纸上。作品承载着作者与年龄不相符的辛酸、悲观,承载着一群中国普通农民的坎坷而悲凉的命运,以及他自身一次次痛彻心扉的良心谴责与自我拷问。作者高中时为了写作曾离家出走,为了养家糊口,他走向了高空作业生涯。四年之后,他亲眼目睹了两个亲友不幸遇难。最终,为了逃避现实、追求梦想,他把自己放逐到一个举目无亲的城市,走上了一条愧疚和漂泊的不归路。这里有作者的青春,值得留恋一辈子;也有作者的苦难,疼过了,却始终在心头。黄语贤,80后作者。
  • 进化成更好的人(千种豆瓣高分原创作品·短故事)

    进化成更好的人(千种豆瓣高分原创作品·短故事)

    从类人猿到远古人类,再到现在的社会性人类,人类最初母系社会的亲情进化出同伴之间的友情,再到情人之间的爱情。上帝能够创造出人类,却无法赋予人类感情。没有感情的人终究无法在社会上立足。所以,进化出了感情,你就是更好的人!
  • 相片里的哭泣(千种豆瓣高分原创作品·看小说)

    相片里的哭泣(千种豆瓣高分原创作品·看小说)

    豆瓣阅读征文大赛入围作品所属组别:小说组故事讲述了主人公“我”因朋友汪卡变成了一堆尸块,由此引发的一系列事件,并以插叙的形式回忆了过去。故事采用了多线索的、网状的叙述手法,把过去与如今通过某些事件弥合成一体。故事当中,主人公“我”遇见了形形色色的人:患失忆症的夏雪,跟不同男人睡觉的贝塔,总是给我寄明信片的毛孩,地下酒吧的女侍,以及妓女、警察、动物园的骆驼。通过“我”与他们之间的故事,作者以委婉的笔触,描绘了所有人内心无法排遣的孤独,以及各自对生命的困惑。
热门推荐
  • 现役鬼差

    现役鬼差

    签收下那个诡异包裹的那一刻起,叶星陨知道,他的生活,已经无法再归于平静。“你相信这个世界有鬼存在吗?”“嘘~~”“不要说出那个字,也许,它就在你的背后...”
  • 网瘾少女转角遇到爱

    网瘾少女转角遇到爱

    讲述一位好吃懒做的女汉子在网上cpdd的时候,一个不小心得罪了她不该得罪的混世大魔王。发生了接下来令人无语的一连串风波,过着打情骂俏即沙雕有暖的小日子。(澄溪(女主):艾玛!那个死小篇又再说我什么坏话?梁家俊(男主):宝贝~别管她,咋们接着玩~)
  • 遇见你我的魔法

    遇见你我的魔法

    16岁的安夏可遇见18岁的路子遇,会和小姐妹一起发花痴,目不转睛地看着路子遇从篮球场的这一头走到那一头。但,两年后,18岁的安夏可遇见20岁的路子遇,她只剩欲哭无泪,如果可以重新选择,她一定不会来安瑞斯学院。所以说,现在想流的泪,都是当初选学院时脑子里进的水。
  • 独宠奶狗

    独宠奶狗

    当一只犯二奶狗遇上一只高冷女神会碰撞出怎样的火花?这不,当厉隐迹又不住犯二时,班蔚又开始骂他了:“去宠物店买只二哈,我看你和它的气质十分般配。”“你就忍心放一只二哈和你的奶狗抢地位?”看到班蔚不置可否点点头,厉隐迹气得要吐血。不过,自己家的女朋友,必须要宠着啊!
  • 回忆我们似水流年的青春

    回忆我们似水流年的青春

    回忆16岁至36岁,对于这个世界看似平凡,对于我们内心却波澜壮阔的26年,高考,感情,大学,职场,创业,一部寒门学子的现实成长史
  • 异兽凌天

    异兽凌天

    “拯救世界,太累!”“称霸天下,太难!”“我想要什么?打枪的不要,偷偷的干活。”陆游郑重其事地说道,嘴角露出一丝奸笑。
  • 网游之君临神座

    网游之君临神座

    “这一次,我不会再为别人,而是为了我自己!”“无论是谁挡在我的面前,绝不留情!”曾经耀极一时的超新星,如何在沉寂五年之后,于天才辈出,强者横行的时代中,重新证明自己的实力,挥舞着那血与泪铸就的兵刃,杀出一条通往无上巅峰的神座。
  • 花菱百货天象馆

    花菱百货天象馆

    了无生机的钢铁丛林之中,年轻的废墟猎人邂逅了一个机器人少女,由此拉开了故事的序幕...也开启了终结的大门。
  • 武林那些年

    武林那些年

    既然是武侠,自然少不了江湖恩怨,十一年前净月宗覆灭,十一年后,封萩背着他爹的骂名,一直想要证明她爹不是小人,聂于桑初出江湖,带着师父的遗愿去寻找一个人,李问寒见证了一段隐秘,却毁灭了他心中的道,莫忧想要找到失踪了十一年的哥哥,柳鸢鸢是个率性而活的人,她喜欢长得好的人,见了莫忧便想调戏。这是我高中时候的构思,而且也没写完,我记得就才写到所有主角都出场,因为隔的太久,主角名我也忘了,这里面都是重新起的,好多设定也不太记得,反正前些时候突然想起来了,就重新构思了一下,正好又卡文,就想写一本武侠的。
  • 诡灯尸墓

    诡灯尸墓

    赵志一行人作为摸金校尉,在全国各地地下冒险寻宝的故事。途中怪事,怪物频频出现,只有沉着高超的人才能活着走出来!