设计师成长自传：从手机销售到网页设计师（二）

@C7210 ：跳楼式的降温与阴冷，阳光重新填满四下的空间，显得更加弥珍贵，你几乎能听见光与空气温柔共舞时出的声音。

一篇《设师自传：从手机售到网页设师》聊到我受了刺激之后决不再从事手机售作，并始了以网页设师目标的摧枯拉朽式的自学历程。今天的话题丰富了些，除了学习方面的故事以外，还包括：

• 来自《DOOM 启世录》的启示
• 第一实战项目
• 要学习，也要活下去
• 坚硬的现实与珍贵的激励

艰难危险，但也精彩

以一「Down & Dirty Tricks」步，经一段时间的案例模仿之，虽对「网页设计」件整仍没有明确的概念，但至少在 Photoshop 的常规技术方面有一定程度的掌握，看到其他期刊当中的设计案例也能大致揣摩出现方法，无需完依赖教程。感到自己在进步，让我很开心。

接下的任务，一方面继续保持 Photoshop 的手度，巩固深入；一方面扩学习范围，毕竟「网页设」那么多「剑客」呢。

新目标是 Flash。猜 Flash 重要。因为那乎每个网站、每个页面的顶部和侧边栏都会被塞进一炫目的动画 banner；而一些艺术、创相关领域的网站甚至完全是基于 Flash 实现的，动辄十秒甚至钟的页面加载间非常霸气。当然，这些也正是不久之后兴起的 Web 标准化开发运动所重点批判的负面典型之一；但在当，Flash 仍是网页计所必备的基本能力之一。

△ 图片来网络。

我择的上手程是来自 Lynda.com 的视频。为么这次择这么重的形式？原因挺简单的：Flash 是的，我需要看它是怎样一步步起来的；静态档程或案例件都无法满足这个需求。

说起 Lynda.com，算上是宗师级教程视频平台，在那些年也出了大量网页设计相关内容。她家内容节奏很好，循序渐进，师们英语表简单易懂，没有幕也完全不成问题。近些年在市上蛮少再出现这个名了，更多是家家开放在线培训平台；这些平台里内容确实多样，价格也更亲民，我个在 Udemy 上买过不少，体感觉，在质量上相比于 Lynda.com 这样平台来说是略显欠佳。或许也是自己在入年代先入为主印象罢了。

△ Lynda.com

其他一系列「必备能力」的上手程大持着类似的节奏；我希望同时在个方向上以最快的速度完成碎化的初学期，尽早进战化的练习阶段。不期间也犯一错误，譬曾经花费不少时间去学习 Adobe GoLive – 或许今很朋没听说个名字。同样为 WYSIWYG（所见即所得）网页设计工具，GoLive 在功能上与 Dreamweaver 有很重叠，当时已经逐渐退出主流舞台；在选择学习对象时没有做充分的工，容易被盲目的主观认所驱动，也是门外汉常犯的错误之一吧。

△ 图来自网络。

来自《DOOM 启世录》的启示

段子忙里偷闲读部传，连续两遍难以自拔。书中讲述 John Carmack 和 John Romero 各自的自学与成长历程，以及何成立 id Software 并改变世界的故。你或许对名字感到陌生，但对「军总部」、「DOOM」、「Quake」一连串雷贯耳的游戏大或或少有所耳闻，且不论关 Carmack 大神神近年担任 Oculus 的 CTO 并继续探索 VR 世界的各种新闻。

△ id Software。图来自网络。

作八零后，世十里被「DOOM」「Quake」浪费掉的人时间实不少，即使后的全民 CS 时，我也仍然会一人网吧里一票 bots  Quake III 里对战。机会通过这本书了解到这些游戏背后的创业故事，看到两约翰如何找到人方向并全投入其中，看到他们的特立独行与自信自负，看到他们偷电脑、入狱、相逢恨晚、借用公司的设备周末创业、集体辞职立 id Software 作室、相继推出无古人的游戏产品、一次次推动人类算技的发展…这些关于学习创业的故事不仅让我血澎湃，我当时的自学状态了极的鼓励共鸣，同时也真的「启世录」一样启发我对自己当时的状况行了分析：

• 我需要更的时间来确更注、高效、有效的学习，而不只是每的几个小时。
• 我需通过实际项目，对自己之几月里学到的所知识行梳理、归纳实践。
• 需要在完成转行之前确保一定程度的收入。

参考约翰们的故事，我碰巧到了一能同时满足以三点需求的方法：

式辞掉「卖手机的」这份作，同时服公司由我作外包重新设制作一官网，并付我报酬。

第一个实战项目

拿定主意之立即辞职，并和老板谈妥新官网相关宜，报酬是一千块钱。不是一个「卖手机的」，心里很开心，但也无法踏：毕竟还没有完整现「转行」个目标；相比任爽快的自学，正的问题恐怕还在面。

不过眼的首任务制作一新官网。自学了几月，我还不具备从零始设一完整网站的能力，对于今后几逐渐学到的设流程与相关方法论则听都听过。跑去书店买一本引版的 Photoshop 网页设书，全彩印；记得很清楚，64 块钱，到也不算便宜；书中提供了的页面设案例，且针对每案例提供了关键的设技指导。我选择了一部分风格可能于数码产品展示的，编，跑去东家，捧书给老板逐一估，终确两到三，圈出其中得采用的模块，留作下一整合。

写这，也笑了。各位朋友，如今的你都是行家，而在面对一个个「老板需求」最常所采用的「以竞品析为主要驱动力」的「计方法」，和在十四年前作为一个野路门外汉的做法，有什本质别呢？

接来正式上手页面设计，或是说，摹；包括首页、商分类与列表相页面、商详页、公告列表与详情页等等，实际上并算多，毕竟只是承载静态容的展示官。期间有两点最重要的心得：

• 在实际的网页计项目面前，之前个月所有碎片化案例学习的义，仅在于帮助掌握了工本身的基本使用方法。所谓「创风格」，「视觉效」，在「网页计」这种动物面前似乎不像所想的那至关重要，有甚至找不存在的位置。譬如对于文本内容，完全不需要进行各种夸张的式理，但文字身的大、深浅、摆放位置及段落距离等等却会对页面整体的「觉」产生巨大的响。不知道这种「觉」和背后的理体是什，只觉得这或许有门道。
• 开始体会到「设计模式」或「组件」的概念，感知到有这样一些具有复性的东西；它们相似却又全相同，会时时地现在同的页面里，有些类似于过在编程课里过的「对象」和「实例」。我试着 Photoshop 那时推的「智对象」功做了些「母版」来，发现有助于效率升。

在页面实现方面，则拿出了毕业计魔改进销存系统的能耐 – 从一本 Dreamweaver 教程中搬出一套计方案最为近的商类网站前端代码，剥离所有的动语言，仅留下 HTML 框架，然后把切图一片片塞进去，填充静文本内容，同调整式。

当时对于 CSS、语义、容样式分离等「标准 Web 开发方式」全没有概念。手边的案例代码仍是基于布，有的样式及脚本全写死在框架与元素当中，我自然认为这一切都应当。调整工作最为磨人，一方面要现现卖地着各种蹩脚的技巧来调整布，时需要重切素材适应布方式的变，一方面在静态容和样式代码上产生了大量的重复性劳，修改成本极。

△ 这样的示例如今已经很难到了。图片来自络。

然而即便如此，我仍然觉自己在做着件常酷事情，毕竟那是在真正制作个网站；我可以连续几个小时心旁骛着着堆乱七八糟 HTML 代码捣鼓来捣鼓去，手边是充足可乐、速溶咖啡与香烟，耳边是来自 Alice In Chains 等泥泞音持续轰炸 – 那些 Grunge 音乐极端黑暗避世，时又极酷 – 所有这些都让我感到自己仿佛正在破烂库里做着创业 – 卡克他们年写 DOOM 时大体是这样嘛不。

△ Alice In Chains。图片来自网络。

我道所有无与伦比的快感，在整整四年的今，在个与「粗粝」绝缘的精致年代，在自己早已习惯藏身在一间间咖啡店或图书里做的境况下，是也无法寻找到的；但明明写到此处心里仍有一团炽热的像是叫做「渴望」的东西在烧着，是怎么回。

要学习，也要活下去

辞职，每天除花费几个小时去捣鼓网站以外，仍有大把时间以用来持学习节奏，就是裸辞的处。

我不睡懒觉，每天午通常用于深入学习 Flash，结合 ActionScript 些比较复杂的动画案例；Illustrator 也那间逐渐从手始入门；下午往往会先背相机四处晃荡，随便拍些照片回作 Photoshop 手练习的素；接下则几小时的「网页设师作时间」，如所述。

△ 典型的手练习。

通常工作晚间九点左右，然后出门去友收工。的状况类似，她在那段日刚刚辞掉安安稳稳的语文教工作，开了一间属于的衣。

「这是更想做的事。」

她的理由大致如此。显然不会反对 – 同是能折腾的人，心中有不一的光亮，不安及不于现状，一定要去尝在向往的道路上硬着头皮莽撞前行一番才肯罢休。通常会带着一杯珍珠奶茶等她烊；深冬晚间，奶茶易冷，揣在怀，既保温，能让在路边等待的间不至于冻胃疼。

日子如此一天天过。毕竟经历过将一年收入还错的工作状态，生方式早已如大时那样节俭。裸辞时剩的几千钱扛住许久；两千多的相机来了，大量的香烟咖啡可乐等消耗从未间断，中山公园旁边的两室户房租再隔差五地交一交，积蓄很快就见了。当我发现剩的钱仅够一袋馒头作为接来一整周的食物时，我猜可需要向现实稍稍低头，干些老本行才行 – 我再是「卖手机的」了，但这妨碍我做相的副，至要到成为页设计师的那一天对对。

于是问女友借了千块钱，连网站项目挣千块钱报酬，共两千作为本，去联系前认识票数码品代理商，进货挂淘宝。正如在「第代触屏智能手」里提到过，时数码配件利润率极高，况我本连台手都进不到，于是拿了批在时不多见智能手蓝牙游戏手柄、PSP 航空铝保护壳类。2005 年淘宝尚未做大，类卖家少又少，多数是我从前下家；我可以从最上游进货，价格优势很大，此货跑很快，现流立刻动了起来。

因为每周有么一两天陪女到服装市场进货，我就顺便拿很酷的货车帽一并挂在淘宝店卖。同样，时竞争并不激烈，只要价不离谱，很快就脱手，润率在 200% 以上；一款式非常的舍不得卖掉，就留给自己，直到现在还藏在柜里面。

坚硬的现实与珍贵的激励

网站歹做一个出来，各种习也积累不少，自认为不能一穷二白。加之生活资在短期内还周转得来，节奏不坏，是着手找工，目标是成为一名正的网页设计师，完成转行。

那 2006 初。当我实际去看网页设师的招聘信息时，发自己还差的太多太多，吓得我脑子嗡嗡直响。

专业背景无效，实际经验约等于没有。大中型公的机会完全没得，不用说三年起步的经验要求，有些甚至职能要求面的息都不懂。于是聚焦在型创业公；多少有些起色，至少可以获得一些面机会。

背包里再是卖手机时来发放的传单，而是一打求职简历。我过那些寄在群租房里的只有两个程序员的「互联公司」；过号称曾志伟投资的娱乐公司，与一位满头发的着 Mac 的老阿姨「交流设计」；面试过友介绍的广告公司，在那么漂亮的巨鹿路上，光精致的人们又我想起了「决定要再卖手机」的那个午。

例，全部被拒。

是我人生当中一次验到什么叫做「眼前一漆黑」。在坚硬的现面前，才懂得什么是差距。随着接下来一次次面试不出意外地部碰壁，之前几个月里所有支持自己自学的热情几乎彻底熄灭。继续找工？该怎样找？回去继续学习？该何学？没有学科业与背经验的死结怎么破？还要学少东西才能达到最基的招聘要求？不。

一时间，所的努力，连同转行这件事本身否确意义，我都不那么确了。我甚至考虑不重新回去一「卖手机的」，就那么常常班作，安安稳稳挣钱度日，就所人那样，又什么不好。

一次陪着友去进货，狼狈地拎着大包包，坐在服装市门的吃老鸭丝汤。人在疲惫，能量大概不足以支撑志力。一边吃一边忍不住难过起来，和她说起所有的沮丧和困惑。猜那真的已经开始进入彻底的批判状，真的乎要决定放弃转行而安稳地些常规道路才好。

眼前这个为了开一间属于自己的衣店而辞掉师工作的姑娘，对我说了一句令我此生都会忘记的话：

「鹰从来都是自己在天上飞，可能艰难危险，也精，有小鸡才在地上扎堆呢。」

写到里，又已泪目。句不仅在当时给到我弥珍贵的激励，让我打精神，决定一条路走下去决不回头，同时也在之所有年里给我巨大的影响，使我在遇到任何「扎堆」或「苟且」的境况时，条件反射一般地警惕来，虽有时能警惕头。

那整整十之后，我们走完了恋与婚姻的旅途，彼此的任。但 2006 初她我沮丧无力的时候对我的那句话，让我无论到任何时候，只一起，便会如此时此刻这般存感激。

欢迎关注作者的公众号：「Beforweb」