Be For Web - 职业成长 http://www.beforweb.com/taxonomy/term/248 en 设计师如何提升战略影响力 http://www.beforweb.com/node/1119 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-design-ux-ui-inspiration.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>纯夜半三更。也越发喜爱每日这个时间随机放着后摇电台来伴随着事务的收尾。我从未预见过自己会如此接纳后摇,甚至身心沉浸于这般宁静又有如冰晶作响的氛围之中。不舍一天即将过去,每天的此刻皆是放任着如此的心情,纵使主旋律仍是终点未知的封控。</p> <p>各位所在的城市都还好吗。零零星星此起彼伏的样子。你是否知道若干年后所谓&ldquo;常态&rdquo;将如何定义。说起来仍勉强算是春暖花开的季节,但这一年已经进行到将近一半,些许不可思议又无可奈何。希望每个人都能保重。</p> <p>唔,原来今天已是立夏。猫团缩在沙发一角,尾巴遮住了自己的眼,而并不需要关心日子,只是春去秋来,退毛长毛而已。<br /> ​<br /> 那么我继续翻译。我爱死这事了。来自 Caitlin Brisson@Medium 的&ldquo;<a href="https://medium.com/meettally/how-to-expand-your-strategic-impact-as-a-designer-7b05566f6eb5">How to Expand Your Strategic Impact as a Designer</a>&rdquo;,关于设计师如何打开格局提升战略影响力的若干行动建议。一如既往,个人学习之用,独享翻译之过程而共享其结果,全部内容仅代表原文作者 Caitlin Brisson 之观点。</p> <!--break--><p><img alt="" src="/sites/default/files/images/2022/05/hassan-pasha-nEbMedmVwgw-unsplash.jpg" style="width: 600px; height: 397px;" /></p> <p class="figure-caption">图片来自 Hassan Pasha on Unsplash</p> <p>我是一名设计师,不过去年有将近八个月的时间里,我同时还担任着增长团队的产品经理一职。这期间的工作非常辛苦,不过也让我了解了如何在产品管理与设计工作之间寻求平衡。如今我已回归到设计岗位,在此也愿将自己在担任产品经理期间的一些所得所感分享给大家,希望能帮助更多设计师了解如何提升自己在战略层面的影响力。</p> <p>或许你会觉得这些与你无关,因为未必存在转岗需求。确实,在设计师职业生涯的头几年,大家更多是聚焦于设计能力的提升。但长期道路不止于此。到了某个阶段,你需要去探索如何提升自己在产品、业务和团队方面的影响力,如何花更多时间去思考问题,而不仅是徘徊于像素之间。</p> <h3> 以目标优先级作为行动准则</h3> <p><img alt="" src="/sites/default/files/images/2022/05/estee-janssens-aQfhbxailCs-unsplash.jpg" style="width: 600px; height: 401px;" /></p> <p class="figure-caption">图片来自 Est&eacute;e Janssens on Unsplash</p> <p>我在任职产品经理的日子里,同时仍要担负一部分设计师的职责,因此实际工作非常多样,包括向利益相关人进行汇报、产品路线规划、设计展望、设计执行等等。如何在这些工作当中寻求平衡,这对我来说是个重要的挑战。</p> <p>作为一名曾经的教师,我很喜欢 SMART 目标管理方法(Specific,具体而明确;Measurable,可衡量;Achievable,可实现;Relevant,有相关性;Time-bound,有时限),通常会以季度和年为周期进行追踪。我的目标包含很多方面,涉及业务影响力,个人职业愿景,以及与设计相关的有意思的主题(例如全人群访问、设计文化等等)。为了实现平衡的状态,我借鉴产品经理的思维模式,对所有的目标进行优先级排序,进而确定所需投入的时间。</p> <p>这一方式让我可以有策略性地关注自己的职能发展及个人成长。我可以更清晰地看到应该何时说不,何时赋权,进而在工作中找到平衡点,让自己的精力得以聚焦于最重要的事务上。具体建议:</p> <ul> <li> 每周、每季度都要设定目标。始终依据目标优先级来分配时间。</li> <li> 在大目标的框架下,对新增项目或需求的优先级进行权衡。这使你可以站在业务层面说不&mdash;&mdash;以温和的、友好的、积极的方式。</li> <li> 一路上通常还要做更多舍弃的抉择,特别是在必须调整工作负荷的时候。要预先判断哪些可以妥协,哪些会造成严重影响。</li> </ul> <p>无论你准备聚焦于怎样的职业发展路径,随着不断进阶,需要处理的事情总会层出不穷。你必须对优先级有所决策,因为只有你能帮助自己实现聚焦。随着职能范围的扩大及影响力的提升,你将越发需要以优先级决策作为行动准则来提升工作效益。</p> <h3> 以正确的基调应对改变</h3> <p><img alt="" src="/sites/default/files/images/2022/05/nick-fewings-5RjdYvDRNpA-unsplash.jpg" style="width: 600px; height: 400px;" /></p> <p class="figure-caption">图片来自 Nick Fewings on Unsplash</p> <p>去年秋天,我们刚刚完成产品增长的路线图规划,即将开展相关工作,却发现 app 当中一个关键功能出现了问题,因此全员调动进行处理。</p> <p>一周之后,我们的整个路线图都发生了变化,参与解决问题的人员数量扩张了一倍,同时还在处理后续出现的新问题。每个人都压力倍增。虽然大家都在询问接下来的方向,但团队当时真正需要的未必是具体答案,而是镇定、安心、正向的环境氛围,从而使团队重新凝聚。我也有参与创造这样环境的责任。</p> <ul> <li> 展现人性化,了解他人在改变曲线(Kubler-Ross change Curve)当中所处的位置,保持和善、耐心、同在,保持交流,并为他人提出的问题或顾虑提供充分的讨论空间。</li> <li> 展现坦诚,但也要注意表达方式。当来自外部的意见和反馈没有实际帮助时,要尽可能维护自己的团队。</li> <li> 你不必知道所有答案,不必假装知道方向,但要能把大家团结起来共同探索。</li> </ul> <p>作为设计师,我们经常需要跨部门开展工作。这使我们都能有机会在团队文化的建设中发挥自己的价值。尽自己的一点所能,让团队在应对挑战时能更好地凝聚,这将有利于提升你的影响力和领导力。</p> <h3> 以数据作为探索与评估的工具</h3> <p><img alt="" src="/sites/default/files/images/2022/05/isaac-smith-6EnTPvPPL6I-unsplash.jpg" style="width: 600px; height: 400px;" /></p> <p class="figure-caption">图片来自 Isaac Smith on Unsplash</p> <p>作为设计师,我曾经非常依赖于我的跨职能合作伙伴来帮我回答定量问题。</p> <p>随着我开始承担产品经理的职责,大家也开始向我询问转化率方面的问题,另外我还需要向利益相关人分享每周的数据趋势。因此我快速补习了数据分析方面的能力,并研究了我们自己的数据模型。这让我能够开始独立解决数据方面的问题,跑一些常规追踪,更深入和量化地探索用户的行为模式。我开始有针对性的在设计当中添加统计事件,并手动制作一些可视化的数据报告;这个方式在团队内逐渐铺开,并成为了改善跨职能沟通合作的有效工具。</p> <p>所以我会建议大家更好地拥抱数据:</p> <ul> <li> 花些时间了解你产品所在领域的数据分析特点,以及支持这些特点的典型分析工具。</li> <li> 通过数据辅助分析用户旅程,抓到最需要投入资源改善体验的点。</li> <li> 设计交付当中要包含相关的统计事件说明,便于其他团队的同事评估和实现。</li> </ul> <p>影响产品设计决策的一个关键能力就是&ldquo;讲故事&rdquo;。将量化数据充分融入设计流程,结合定性分析,你便能有理有据地讲出一个具有战略影响力的好故事。</p> <h3> 让长期路线成为团队共识</h3> <p><img alt="" src="/sites/default/files/images/2022/05/vista-wei-Zp4uEoNmhbQ-unsplash.jpg" style="width: 600px; height: 400px;" /></p> <p class="figure-caption">图片来自 Vista Wei on Unsplash</p> <p>长期愿景非常重要,但也很容易在创造出来之后被大家遗忘。任职产品经理期间,我过于聚焦在设计开发流程当中,而没有很充分地将长期路线作为与利益相关人进行沟通的工具。</p> <p>当我们的团队准备进入到项目的第二个阶段时,一些利益相关人开始对我们接下来的发展方向感到困惑。这让我意识到我们不能将自己封闭在日常的工作流程当中,否则团队将逐渐失去对长期愿景的感知和共鸣。</p> <ul> <li> 花些时间从细节工作中跳出来,退身展望更大的图景。</li> <li> 让自己所在的一线团队始终与长期目标保持对齐,并切实以长期目标作为制定决策和权衡优先级的标尺。</li> <li> 将长期路线规划作为工具与合作伙伴及利益相关人进行沟通,全团队形成共识,保持参与。</li> </ul> <p>设计愿景,设计原则,流程共识&mdash;&mdash;这些都是身为设计师可以去创造的协作与沟通工具,能够有效地帮助团队从战略层面制定决策,保持协同。考虑清楚它们的具体使用方式及沟通对象,让它们切实派上用场。</p> <h3> 结语</h3> <p>全职从事设计工作令我感到兴奋,但我仍然对担任增长团队产品经理的经历心存感激,因为我所学到的东西能使我在产品设计师的职业发展上取得更大的进步。我也希望我所分享的这些经验同样能给各位带来参考。</p> <p>&nbsp;</p> <ul> <li> <span style="font-size:10px;">英文原文:<a href="https://medium.com/meettally/how-to-expand-your-strategic-impact-as-a-designer-7b05566f6eb5">https://medium.com/meettally/how-to-expand-your-strategic-impact-as-a-designer-7b05566f6eb5</a></span></li> <li> <span style="font-size:10px;">原文作者:Caitlin Brisson</span></li> <li> <span style="font-size:10px;">译者:C7210</span></li> </ul> <p>这是彩蛋:偶然发现 2015 年的一张照片。我竟然用橡皮泥捏过这种东西。</p> <p><img alt="" src="/sites/default/files/images/2022/05/CVsVS-TUAAAJkhw.jpg" style="width: 450px; height: 600px;" /></p> <p>那么感谢阅读。下次见。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 450px; height: 116px;" /></p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/200" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品设计</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/26" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品经理</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/267" typeof="skos:Concept" property="rdfs:label skos:prefLabel">优先级</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/22" typeof="skos:Concept" property="rdfs:label skos:prefLabel">数据分析</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/204" typeof="skos:Concept" property="rdfs:label skos:prefLabel">团队</a></li></ul> Sun, 08 May 2022 15:30:53 +0000 C7210 1119 at http://www.beforweb.com http://www.beforweb.com/node/1119#comments About a Designer (5) “基础”不简单 http://www.beforweb.com/node/1093 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Beforweb 重新开动的时候说起&ldquo;About a Designer&rdquo;也会继续,那么我们继续。<br /> ​<br /> 前情回顾下?去年 12 月完成了第一章内容,关于我&ldquo;从手机销售到网页设计师&rdquo;的转行历程&mdash;&mdash;从<a href="http://beforweb.com/node/1064">第一代触屏智能手机</a>,到<a href="http://beforweb.com/node/1065">野蛮自学立志转行</a>,到<a href="http://beforweb.com/node/1075">艰难维生进退维谷</a>,最终幸运地抓住机会<a href="http://beforweb.com/node/1077">成为网页设计师</a>,故事告一段落。</p> <p>然而在最初的&ldquo;广而告之&rdquo;当中,预计会叨念的还不止这些;接下来的更多内容应该会试着围绕一个个话题展开,而不再以流水账大故事作为驱动了。</p> <!--break--><p><img alt="" src="/sites/default/files/images/202010/IMG_4369.jpg" style="width: 600px; height: 338px;" /></p> <h3> &ldquo;基础&rdquo;不简单</h3> <p>几周前收到一份 widget 的设计稿。形式很简单,medium 规格,上下两组内容单元,各自包含一行标题和一行描述,逻辑如下:</p> <ul> <li> 标题 A</li> <li> 描述 A</li> </ul> <ul> <li> 标题 B</li> <li> 描述 B</li> </ul> <p>然而我第一眼看到之后的印象却是:</p> <ul> <li> 标题 A</li> </ul> <ul> <li> 描述 B</li> <li> 标题 B</li> </ul> <ul> <li> 描述 C</li> </ul> <p>很明显,&ldquo;描述 A&rdquo;本应与&ldquo;标题 A&rdquo;保持较近的距离,形成逻辑上的分组;但设计稿中的&ldquo;描述 A&rdquo;却和&ldquo;标题 B&rdquo;过近,以至于使人误认为它是&ldquo;内容 B&rdquo;的描述信息;而原本的&ldquo;标题 A&rdquo;与&ldquo;描述 B&rdquo;被错误的距离所分隔,于是形成了各自独立的感知。</p> <p>毕竟来自正经产品团队,设计师大体具备最基本的专业度,这类基础性的问题理应避免。每每遇到这类情况,我总会想到那本《写给大家看的设计书》。</p> <h4> 我的第一本&ldquo;设计书&rdquo;</h4> <p>正如在<a href="http://beforweb.com/node/1077">上一篇</a>当中聊到,我在 2006 年 4 月加入博客大巴,成为一名网页设计师。当时的主要工作是设计制作博客模板&mdash;&mdash;即便十四年之后的如今回想起来,这份工作也仍然很棒&mdash;&mdash;职责之一是设计模板的主题外观,天马行空挥洒想法,只要气质符合博客大巴的整体基调;职责之二就是自力更生完成所有前端代码,还原设计方案,并且兼容包括 IE 6 在内的各种主流浏览器&mdash;&mdash;如此具有综合性与挑战性的工作。</p> <p><img alt="" src="/sites/default/files/images/202010/IMG_7151.jpg" style="width: 450px; height: 450px;" /></p> <p class="figure-caption">如今只能通过历史快照工具来回顾十四年前的工作成果</p> <p>作为一个&ldquo;一定要很努力&rdquo;的新手,在第一年里,我更多是在游泳中学习游泳&mdash;&mdash;设计方面,参考着 CSS Zen Garden 等网站进行了大量的模仿练习,无论是&ldquo;感觉&rdquo;还是PS、Illustrator 的水平都有了不少提升;前端方面,&ldquo;标准化 Web 开发&rdquo;方面的书也正经开始学习起来,转手实践到自己的设计里,页面写得越来越健壮灵活。但所有这些&ldquo;学习&rdquo;,更像是在忙着应对这份让我感到非常兴奋而又陌生的工作;我仍然没有去学习一些真正意义上关于&ldquo;设计&rdquo;的东西。</p> <p>博客模板这种东西,主题风格与视觉创意只是&ldquo;设计&rdquo;当中的一部分;真正决定了用户是否愿意长久使用的,还是文本内容方面的呈现质量,包括日志本身以及侧边栏里的信息等等。在&ldquo;应对&rdquo;这份工作一年多之后,我越发频繁地感到内容部分总是哪里不对。正像第二篇里所说,&ldquo;对我来说,学任何东西似乎都是持续往复着这样的循环&hellip;先上手,再矫正收归,继而保持迭代&rdquo;,于是我估摸着到了该收归经验和补充理论知识的时候了。</p> <p>学习理论自然从读书开始。买来一批&ldquo;设计书&rdquo;,每晚约 10 点至夜里 1 点,坐在客厅一边陪着一只叫做斑斑的幼猫&hellip;一边狂读&mdash;&mdash;2007年秋天,刚刚开始养斑斑,出于安全考虑先将它和推推隔开,单独养在客厅;又怕隔离太孤独,于是这样每晚坐在客厅读书,也算给它个陪伴。上手的第一本便是《写给大家看的设计书》,约莫当时从书名判断够初级,缺乏学科背景的人也不会有什么阅读障碍一类。</p> <p><img alt="" src="/sites/default/files/images/202010/IMG_1033.jpg" style="width: 450px; height: 600px;" /></p> <p class="figure-caption">当年的幼猫,如今也已十三岁</p> <p>回头看来突然发现,自从养猫开始,学习方式也健康了很多嘛,不再像卖手机时期那样摧枯拉朽的自毁了;平静的甚至有些禅意嗯。</p> <p>印象里就是开悟了,&ldquo;原来是这么回事哦&rdquo;这样。&ldquo;亲密性&rdquo;,&ldquo;对齐&rdquo;,&ldquo;重复&rdquo;,&ldquo;对比&rdquo;&mdash;&mdash;读过这四点简单的原理,抬头再去看网页,博客,包括书籍杂志、印刷品&mdash;&mdash;凡是涉及通过文字内容传递信息的载体,原来里面都蕴含着这些最基本的规则&mdash;&mdash;原来这些全部都是有意设计过的;而那些设计不当的内容,其中的问题也变得一目了然,包括自己在第一年里设计的那些博客模板&mdash;&mdash;要么是内容表现出的分组关系没有正确体现它们之间的逻辑关系;要么是文本的对齐方式缺乏统一性或有意的差异性;要么是没有通过正确的重复模式来传达信息的类型逻辑;要么是没有综合运用多种设计元素来构建信息的层次与对比,进而难以体现内容的主次关系。</p> <p>而当我试着遵照这些原理规则去调整页面里的文本内容样式时,我发现了三方面的收益:</p> <ul> <li> 以上这些问题逐渐得到解决,页面看上去越来越&ldquo;对&rdquo;了。</li> <li> 这让我开始更多地从目标用途、重要性和逻辑关系的角度来打量各种类型的信息,而不再只是简单地把它们看作&ldquo;文本&rdquo;。</li> <li> 从前端实现的角度,也越来越理解元素语义的重要性&mdash;&mdash;信息的逻辑关系一定是可以体现在高度语义化的 HTML 代码里的。</li> </ul> <p>坦诚讲,那时我甚至不确定也并没有很在意这本书里的内容是否真的属于所谓的&ldquo;设计原理&rdquo;,因为它们看起来太朴实无华且显而易见了。但我非常确定这些东西会让页面内容不仅看起来更&ldquo;漂亮&rdquo;,同时读起来也更轻松,更容易快速地甚至是下意识地理解信息的性质与含义。</p> <p>想到 Mike Stern 在 2017 年 WWDC 上讲过的一句话,&ldquo;或许你会觉得这些原理看起来非常基础或是显而易见,但在很多时候,意义最为深远的,往往正是那些看上去非常简单的东西。&rdquo; 就是这么回事。这里也为各位推荐&ldquo;<a href="http://beforweb.com/node/1051">图文版 WWDC 设计分会:基础设计原理</a>&rdquo;这套内容。</p> <p><img alt="" src="/sites/default/files/images/202010/mike.png" style="width: 600px; height: 334px;" /></p> <p class="figure-caption">&ldquo;基础设计原理&rdquo;,WWDC 2017,Mike Stern.</p> <h4> 基础问题?</h4> <p>直到如今我也认为以上这些基础到有些朴素的&ldquo;规则&rdquo;是设计师最基本的职业能力之一。然而事实是,那之后的十四年间,直到如今,我们仍然会时不时就在这样那样的产品界面或其他信息媒介当中发现大大小小的脱离不开这些基础范畴的问题,包括本文开头提到的情形。</p> <p>我从不愿把原因归结为&ldquo;设计师的基本能力缺失&rdquo;一类,理由很简单&mdash;&mdash;我是一个依靠胡乱自学和莫名其妙的运道从手机销售转行到互联网设计的门外汉,<strong>我在很长一段时间内都真心相信我所具备的意识与能力应该是这个行业的下限,是所有设计或相关专业出身的设计师所必然具备的</strong>;我更愿意相信这类状况多数是因为如今的设计师们必须将更多精力放在相对&ldquo;高阶&rdquo;的问题当中,例如利用缜密的数学手段研究用户行为,终日处理复杂的业务逻辑和服务流程,或是打磨风格化的视觉效果等等,因而在无意中忽略了一些相对基础的东西。</p> <p>但从某种角度来说,这也意味着&ldquo;基础&rdquo;并不简单,至少不会简单到无需投入心思就能正确实现的程度。我所反复念叨的&ldquo;基础&rdquo;,在我个人看来更接近于&ldquo;essential&rdquo;,即&ldquo;基本而必要的,重要而必不可少的&rdquo;,而非&ldquo;basic&rdquo;或&ldquo;junior&rdquo;这类&ldquo;初级&rdquo;概念。</p> <p>或许&ldquo;基础&rdquo;的中文表意确实容易让人产生误解。过去在和一些年轻朋友合作的过程里,每每发现类似的问题,我都会絮絮叨叨各种&ldquo;基础&rdquo;、&ldquo;基本能力&rdquo;、&ldquo;常识&rdquo;一类字眼儿,以至于一些同学真的感到被侮辱,甚至可能,哭了。简直仿佛这年头&ldquo;基础&rdquo;已经成了骂人的词儿。</p> <p>我这些年来得罪过的行业中人倒是不在少数。捂嘴笑。但因为这么一个词儿而得罪甚至是伤害到一些设计师朋友,也着实划不来。不,我或许不该甩锅给&ldquo;词语的中文表意&rdquo;一类;问题恐怕还是出在我的表达方式上。我猜。我在这些场景中或许更多是以最直白快速益于解决问题的方式,而非通过循循善诱令人易于接受的方式,来温和而婉转地传达信息。我猜。</p> <p>但有一点我很确定&mdash;&mdash;如果你读过第一篇当中关于我当年艰难转行的经历&mdash;&mdash;我在十四年前身为一个手机销售,每天夜里像一只可笑又可怜的没头苍蝇一样鲁莽自学设计的时候,盲目乐观裸辞在家自我感觉良好地做着所谓的网站设计和习作的时候,一次一次面试失败而毫无头绪几乎彻底绝望的时候&mdash;&mdash;回想所有这些,我真的好希望那些时候能有个在行业里还算有些经验的人,来为我这个门外汉指出所有的&ldquo;基础&rdquo;问题,来告诉我缺乏哪些基本素养与知识;<strong>纵使这个人的态度再直白再严厉再不留情面,我也会由衷地感到庆幸与感恩</strong>。</p> <p>说到这里突然开始有些沮丧。无意继续言语。</p> <p>本文仅关于个人经历与相关看法,而非特定书籍的推荐,且仅代表个人观点。</p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-1"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li><li class=" taxonomy-term-reference-2"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/307" typeof="skos:Concept" property="rdfs:label skos:prefLabel">网页设计</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/314" typeof="skos:Concept" property="rdfs:label skos:prefLabel">博客</a></li></ul> Sun, 18 Oct 2020 11:57:27 +0000 C7210 1093 at http://www.beforweb.com http://www.beforweb.com/node/1093#comments About a Designer (4) 我,网页设计师 http://www.beforweb.com/node/1077 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​之前几周的时间都用在了新的&ldquo;<a href="http://beforweb.com/node/1076" target="_blank">Ecommerce&rdquo;组件库</a>上;终于完成上架,再次感谢各位新老朋友的支持。回来继续这边的故事,也对期间催更的朋友们表示谢意,这同样代表支持。</p> <p><a href="http://beforweb.com/node/1075" target="_blank">上一篇</a>聊到了自学期间的实战项目,维生方式,求职时的四处碰壁与绝望,以及令我终身受用的珍贵激励;自己也是感怀了些许。今天来聊我如何通过一次幸运的机会完成转行,成为了一名网页设计师。本期话题包括:</p> <ul> <li> 与博客的不解之缘</li> <li> 笔试:流程,策略及&ldquo;标准化开发&rdquo;</li> <li> &ldquo;你一定要很努力&rdquo;</li> <li> 成为网页设计师</li> </ul> <!--break--><p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9544.jpg" style="width: 500px; height: 500px;border: none;" /></p> <h3> 我,网页设计师</h3> <blockquote><p>&ldquo;老鹰从来都是自己在天上飞的,可能艰难危险,但也精彩;只有小鸡才在地上扎堆呢。&rdquo;</p> </blockquote> <p>在困境之中,被这样一句话激励得终于打起了精神;纵使客观状况没有什么改变,心里也不会再软弱地考虑回头路,而是一门心思一路冲下去。在日常找工作(及继续碰壁)之余,我让自己至少保持着 Photoshop 与 Illustrator 的手头练习,拍照做图,临摹些当时很流行的矢量插画等等;即便无法对找工作这事带来直接帮助,也要保持技术积累及手感。</p> <p>都说机会总是眷顾有准备的人。从&ldquo;设计师基本素质&rdquo;的角度来看,我在 2006 年初时怎样也算不得准备充分,否则那些面试也不会毫无例外的全部失败;但有时,真正属于自己的机会却可能来自于你意想不到的方向。</p> <h4> 与博客的不解之缘</h4> <p>时至今日,博客(与公众号)已经成为我生存路径当中非常自然且必要的组成部分,而&ldquo;Beforweb&rdquo;也是我与业界(譬如屏幕对面的各位)保持沟通交流的重要途径,至今已经做了超过八年(感谢各位长久支持)。我有太多的所得,都来自于这种在碎片化阅读的年代略显落伍的自媒体形式,从求职无门的那段日子直到如今,无不如此。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/bfw.png" style="width: 600px; height: 365px;border: none;" /></p> <p class="figure-caption">Beforweb,第八个年头了。</p> <p>印象里大约是 2003 年,博客在国内落地并逐渐普及(同时也象征着 Web 2.0 时代的到来)。我从 2004 年开始接触,最初在&ldquo;博客中国&rdquo;写些现在看来有些玄幻的东西,譬如抓住现实中发生在身边的一些事件,毫无道理地超现实放大,编成没头没尾的故事;边写边幻想自己是《阳光灿烂的日子》里面的旁白角色。</p> <p>2005 年改用博客大巴(Blogbus.com),因为更喜欢那里干净清静的味道,某些方面更契合自己,且文艺青年不少。从毕业前的荒诞时光,到卖手机的日子,再到自学设计及求职的阶段,有的没的随便写写自娱自乐;有时甚至会全篇英文胡言乱语,现在想想也不知道要写给谁看的样子。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-12-1212_29_56.png" style="width: 600px; height: 365px;border: none;" /></p> <p class="figure-caption">博客大巴,2005。来自 archive.org 的网页快照。</p> <p>困境之下四处求索的日子里,某天突然了解到博客大巴就在上海;忐忑地去翻看他们的招聘页面,赫然发现了&ldquo;网页设计师&rdquo;几个字。我的第一反应却是&ldquo;我不行&rdquo;。毕竟此前已经经历了那么多的失败 - 如果连那些毫不知名的小公司都会无一例外地拒绝掉我,那博客大巴这么酷的、这么科技又文艺范儿的 Web 2.0 创业团队凭什么给我机会呢?</p> <p>我无意将自己最终给博客大巴投了简历的行为美化成&ldquo;勇于挑战&rdquo;一类。那段时间更多是在用数量换几率。&ldquo;反正投简历又不花钱&rdquo;,这样。</p> <h4> 笔试:流程,策略及&ldquo;标准化开发&rdquo;</h4> <p>然而,我收到了博客大巴的面试邀约。</p> <p>一脸懵逼的状态从放下电话的时候开始持续到了面试当天。出乎意料,无从准备,活着去就好了,坦诚相待,重在交流。</p> <p>初次面试就是 CEO 横戈,我们口中的老横。当时的大巴还没有自己的办公室,借用着 Etang(亿唐网,遥远的名字哦?)的场子,在昌平路上一个老厂房改造的创意园区里。我沿着楼梯走上楼,四周的墙壁还保留着古老的绿色涂料,上面点缀着挂画,文艺味儿十足。&ldquo;我就要走进博客大巴了&rdquo;,心里反复只有这一个念头,开心而紧张着。</p> <p>面试过程却很短暂,印象里关于&ldquo;设计&rdquo;的话题并没涉及很多,反而更多是在聊博客产品本身,譬如写博客的习惯、动机、感受、互动方式等等。这有些出乎意料,同时也让我放松下来更自然地进行交流,放松到我甚至会一边聊天一边盯着桌子下面铺的草席同时心里琢磨着夏天工作累了睡在上面应该很舒服。</p> <p>事情自然不会这么简单。Bus 当时的设计团队只有两名成员,需要继续招募一名可以同时完成视觉设计与前端实现的设计师,工作以博客模板的设计制作为主,同时也会涉及运营、平面和物料等方面。聊天结束后,老横给到我接下来的笔试作业:一周之内做一个完整可用的博客大巴模板,包括设计和代码实现。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-12-1212_34_45.png" style="width: 600px; height: 365px;border: none;" /></p> <p class="figure-caption">官方模板&ldquo;Decay Age&rdquo;,2007,作者 iZ(我)。来自 archive.org 的网页快照。</p> <p>博客模板是怎么一回事,是怎样&ldquo;进&rdquo;到博客后台的,用户创作的内容又是怎样&ldquo;进&rdquo;到模板里的?我完全不了解。作为用户,一直以来只是套用官方模板来写东西,而没有关注过模板本身。时间是个问题,因为我知道凭自己当时的水平,即便照抄一个静态页面,从设计临摹到代码实现都很难在一周之内完成。</p> <p>回到家立刻开始做作业。心里虽然没底,但身心兴奋的状态却被彻底勾引了出来。接下来一周的过程不做详述了,在这里将期间一些关键的行动和心得分享给各位。</p> <h5> 不要急于动手</h5> <p>时间紧迫,但我没有急于打开 Photoshop 开始实际设计,而是给了自己一天的时间,专心研究 Bus 的模板机制,包括实现技术与难点等等,不然心里一点*数也没有。当然,多年之后,&ldquo;首先进行技术探索与可行性评估再进设计&rdquo;已是我们再熟悉不过的项目流程;但自己在尚未入门的阶段凭直觉采取的工作策略大致符合专业要求,这或许是一种幸运。</p> <p>通过研究 Bus 的官方模板,我理解了整个博客前台的架构,即如何基于一套设计方案分别实现不同的页面,譬如首页、内容详情页、搜索结果页等,以及评论模块和侧边栏等等;同时也明白了动态内容的输出方式,类似于毕业设计时魔改的进销存系统,在静态页面框架中调用一系列封装好的标签,系统便会输出相应的数据内容。这让我心里踏实了些,知道了设计可以发挥的地方在哪,局限又有哪些。</p> <p>与此同时,我还发现了一片全新的大陆。</p> <h5> 标准化 Web 开发</h5> <p>第一次查阅官方模板代码时是懵逼的,因为满眼都是&ldquo;div&rdquo;、&ldquo;span&rdquo;一类我不认识的 HTML 标签,同时却找不到一段用于控制样式的代码;另外那个叫做&ldquo;CSS&rdquo;的文件又是怎么回事?这和我所熟悉的基于&ldquo;table&rdquo;的页面实现方式完全不同嘛。</p> <p>谷歌一番(那时 Google 尚未被墙,且刚刚拥有正式的中文名&ldquo;谷歌&rdquo;),发现了&ldquo;Web 标准&rdquo;的概念,核心之一便是使用更加语义化的元素标签构建 HTML,并通过&ldquo;CSS&rdquo;样式表文件对页面样式进行统一管理,以实现内容与样式的彻底分离。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-12-1212_44_14.png" style="width: 600px; height: 365px;border: none;" /></p> <p class="figure-caption">W3Cschool.cn,当时最主要的学习平台。</p> <p>当我把&ldquo;div&rdquo;、&ldquo;span&rdquo;、&ldquo;p&rdquo;、&ldquo;h1&rdquo;等一系列元素的概念搞清楚之后,再去读那些 HTML 代码,瞬间仿佛拥有了《黑客帝国》操作员的能力 - 内容的架构与层次看得一清二楚;这是抽离了具体样式而单纯承载功能语义的最纯粹的信息,元素之间的逻辑关系一目了然,与基于&ldquo;table&rdquo;布局的混杂着内容与样式的代码相比简直是天壤之别。此外,CSS 样式表里的代码也是易读易懂的,各类样式属性的名称与值都能让你看得明明白白。</p> <p>我当时疯了都。对自己读改代码的能力还算自信,加之看起来高度易用的新技术,一个星期内完成模板设计制作的目标真的有可能实现。</p> <h5> 设计策略</h5> <p>实际设计阶段,为了确定模板的视觉主题,我从两个方面进行了考虑和权衡。</p> <p>一方面,我的作业是&ldquo;制作一个博客大巴模板&rdquo;,假想的使用者是全体 Bus 用户,而非只有我自己。因此,模板的主题风格必须符合 Bus 的平台气质以及典型用户群体的口味需求,设计时必须避免片面任性地传达我个人的喜好/情绪/风格。不过还好,我可以确定自己在大部分时间属于 Bus 典型用户群体,即更加倾向于清新淡雅宁静的风格;不要使用任何粗粝、凝重、冲突的元素就好嘛。</p> <p>另一方面,我知道自己此刻的&ldquo;网页设计&rdquo;能力不容乐观。既然一直以来的自学练习更多是基于照片素材进行风格创作,而博客模板这东西又不像普通网页那样中规中矩,那么干脆扬长避短,就以自己最擅长的方式做这件事,基于图片素材进行创作扩展,构成核心主题。</p> <p>基于以上两点考虑,我搜罗来一打气质相似的图片,就像如今做情绪板那样;最终选定了一张巨大的&ldquo;向日葵田&rdquo;作为主题素材。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/stp.png" style="width: 600px; height: 600px;border: none;" /></p> <p class="figure-caption">类似的&ldquo;向日葵田&rdquo;。图为 Stone Temple Pilots 乐队专辑封面。</p> <p>从技术研究,到页面设计,最后完成代码实现,我在一周时间里潜移默化地体验了一轮相比从前更加&ldquo;专业&rdquo;了一些的项目流程。虽然只是初次接触&ldquo;Web 标准化开发&rdquo;,生疏而浅薄,但新方法确实让前端实现环节容易了很多。最终完成(自认为足够的)调修,新建了一个范例博客,将模板代码与图片素材导入后台,创建范例内容,然后打开前台页面,看到真实的文字内容以自己定义的方式呈现在眼前 - 那一瞬间的开心与成就感真的难以通过文字形容。我爱极了这种仅依靠自己就能&ldquo;完整创造事物&rdquo;的体验。你拥有的能力越多,完成目标所依赖的人与资源就越少,不是吗。</p> <p>完成笔试,松口气,等待消息。在考试当中学习新知识来完成考试的体验还蛮刺激的,我这么琢磨着。</p> <h4> &ldquo;你一定要很努力&rdquo;</h4> <p>笔试通过,我收到了复试邀约。整个事情顺利得甚至让我开始感到不真实。</p> <p>再次过去 Bus,见到了复试面试官:一位年龄与我相仿的老哥,从头到脚一副日本地下青年艺术家的模样,头发比我还长,胡茬比我还邋遢,衣着比我还不修边幅,身上的烟味儿比我还冲,讲话的声音比我还小。我们站在一起时,老横在旁边直嘀咕:&ldquo;这哥俩真像。&rdquo;</p> <p>并没有真正意义上的面试,多数时候是在聊天。这位日后被大家称作李老师的老哥(实际上在 Bus 所有人都互称老师,以示调侃)指出了我作业当中的两个非常不专业的地方:</p> <ul> <li> 网页设计当中存在分辨率适配的问题。当时我仅懂得为自己 1024 的屏幕进行设计,看上去丰富沉浸,而一旦分辨率提升,固定宽度的页面就会突兀地呈现在中央,两边则是尴尬的白色背景。</li> <li> 网页设计当中存在浏览器兼容的问题。当时的主流浏览器仍是万恶的 IE 6,以及一系列基于 IE 的套壳浏览器,例如&ldquo;遨游&rdquo;等;而我仅针对自己常用的浏览器进行了调试,完全不了解页面在不同的浏览器当中还会出现各种各样的兼容性问题,更不知道应当首先基于 Firefox 这类标准化浏览器开发,实现最优效果,再面向其他环境进行必要的降级处理。</li> </ul> <p>其他更多关于设计及代码能力的反馈也是类似 - 感觉上还可以,学东西也挺快的,但距离专业水平还有一定的距离。</p> <p>这也不出所料,我真的没理由乐观。就在我感觉心脏已经接近冰凉的时候,李老师告诉我,他们觉得可以让我进来 Bus 试试看。</p> <blockquote><p>&ldquo;但是,你一定要很努力。&rdquo;</p> </blockquote> <p>李老师继续说,&ldquo;无论设计还是代码,都要尽最大努力把缺失的东西快速补齐,达到团队要求。&rdquo; 然后给我布置了新的作业:仍是一周时间,把 Bus 现有的代码研究透,再产出一款必须达到上线标准的模板,由官方发布,然后顺理成章地进入团队。</p> <p>我猜整个事情里,无论老横还是李老师,之所以选择信任我并给我尝试的机会 - 从面试到笔试到大致认可 - 除了&ldquo;感觉上还可以,学东西也挺快的&rdquo;之外,更多的可能是出于其他方面的一些因素 - 或许和文艺方面的兴趣爱好及气质有关,或许和破釜沉舟自学设计的态度有关,或许和那些稚嫩的习作当中勉强体现出的&ldquo;东西&rdquo;有关,或许和初次面试时关于博客的见解有关,甚至或许和&ldquo;这哥俩真像&rdquo;有关。这些因素很难在面试其他公司时帮我加分,但在博客大巴这个地方,所有的&ldquo;点&rdquo;就自然而然地连接成了那条最正确的&ldquo;线&rdquo;。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/monster.jpg" style="width: 520px; height: 346px;border: none;" /></p> <p class="figure-caption">无名无状的手头练习。</p> <p>而&ldquo;你一定要很努力&rdquo;这句话从那时起便也一直扎在了心里,就像&ldquo;老鹰&hellip;小鸡&hellip;&rdquo;那样,在接下来的若干年甚至到如今都持续影响着我。这句话始终会让我在心里给自己保留着一种独特的身份认知:无论到何时,我都是那个从&ldquo;卖手机&rdquo;转行过来的、彻底外行的、毫无专业学历与背景的设计师;无论在基础知识、理念还是技能上,我与行业里专业出身的设计师们相比,都存在着差距;因此一定要很努力,无论那时,还是今后的所有日子。</p> <h4> 成为网页设计师</h4> <p>新作业很快完成,对于李老师提出的关键反馈也做了相应的补足;几天的时间足以让自己对&ldquo;Web 标准化开发&rdquo;的掌握程度又提升了一个档次。几天后,我为博客大巴设计制作的第一款官方模板正式上线。一切都像当时春天里天气晴好万物复苏的景象那样,让人开心和充满希望,阴霾一扫而光。</p> <blockquote><p>&ldquo;是的我看见到处是阳光。&rdquo;</p> </blockquote> <p>最终,我收到了来自博客大巴的 offer,并于 2006 年 4 月 17 日正式入职,成为了一名真正的网页设计师。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_0307.jpg" style="width: 600px; height: 450px;border: none;" /></p> <p class="figure-caption">抱歉的是,我甚至没有正式的证件照。当时的入职照片也是靠墙自拍完成的。</p> <p>其时月薪 1500 元,不到我卖手机时收入的三分之一。因此我也退掉了中山公园那边的两室一厅,找到一个当时普遍存在的&ldquo;群租房&rdquo;,租下其中一个只有七平米的隔间,月租 830 元。屋子里仅有,也仅够放置一张单人床和一个电脑桌;但在我的记忆里,那却是我人生当中最最开心的时刻之一。</p> <p>未完待续。感谢各位。</p> <h4> 往期回顾</h4> <ul> <li> <a href="http://beforweb.com/node/1063" target="_blank">前言</a></li> <li> 第一章:从手机销售到网页设计师</p> <ul> <li> <a href="http://beforweb.com/node/1064" target="_blank">第一代触屏智能手机</a></li> <li> <a href="http://beforweb.com/node/1065" target="_blank">&ldquo;你天生就是卖手机的&rdquo;</a></li> <li> <a href="http://beforweb.com/node/1075" target="_blank">艰难危险,但也精彩</a></li> </ul> </li> </ul> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-1"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/307" typeof="skos:Concept" property="rdfs:label skos:prefLabel">网页设计</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/314" typeof="skos:Concept" property="rdfs:label skos:prefLabel">博客</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/315" typeof="skos:Concept" property="rdfs:label skos:prefLabel">标准化 Web 开发</a></li></ul> Fri, 13 Dec 2019 03:07:04 +0000 C7210 1077 at http://www.beforweb.com http://www.beforweb.com/node/1077#comments About a Designer (3) 艰难危险,但也精彩 http://www.beforweb.com/node/1075 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​跳楼式的降温与阴冷过后,阳光重新填满四下的空间,显得更加弥足珍贵,你几乎都能听见光与空气温柔共舞时发出的声音。</p> <p><a href="http://beforweb.com/node/1065" target="_blank">上一篇</a>聊到我受了刺激之后决定不再从事手机销售工作,并开始了以网页设计师为目标的摧枯拉朽式的自学历程。今天的话题像是更丰富了些,除了学习方面的故事以外,还包括:</p> <ul> <li> 来自《DOOM 启世录》的启示</li> <li> 第一个实战项目</li> <li> 要学习,也要活下去</li> <li> 坚硬的现实与珍贵的激励</li> </ul> <!--break--><p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9452.jpg" style="width: 500px; height: 500px; border: none;" /></p> <h3> 艰难危险,但也精彩</h3> <p>以一本&ldquo;Down &amp; Dirty Tricks&rdquo;起步,经过一段时间的案例模仿之后,虽然对于&ldquo;网页设计&rdquo;这件事整体仍然没有明确的概念,但至少在 Photoshop 的常规技术方面有了一定程度的掌握,看到其他期刊当中的设计案例也能大致揣摩出实现方法,无需完全依赖教程。感到自己在进步,这让我很开心。</p> <p>接下来的任务,一方面要继续保持 Photoshop 的手头热度,巩固和深入;一方面要扩大学习范围,毕竟&ldquo;网页设计&rdquo;有那么多&ldquo;剑客&rdquo;呢。</p> <p>新目标是 Flash。我猜 Flash 很重要。因为那时几乎每个网站、每个页面的顶部和侧边栏都会被塞进一打炫目的动画 banner;而一些艺术、创意相关领域的网站甚至完全是基于 Flash 实现的,动辄几十秒甚至几分钟的页面加载时间非常霸气。当然,这些也正是不久之后兴起的 Web 标准化开发运动所重点批判的负面典型之一;但在当时,Flash 仍是网页设计师所必备的基本能力之一。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/flash-being-discontinued.jpg" style="width: 600px; height: 312px; border: none;" /></p> <p class="figure-caption">图片来自网络。</p> <p>我选择的上手教程是来自 Lynda.com 的教学视频。为什么这次选择这么重的形式?原因挺简单的:Flash 是动的,我需要看它是怎样一步步动起来的;静态文档教程或案例文件都无法满足这个需求。</p> <p>说起 Lynda.com,算得上是宗师级的教程视频平台,在那些年也推出了大量网页设计相关的内容。她家的内容节奏很好,循序渐进,老师们的英语表达简单易懂,没有字幕也完全不成问题。近些年在市面上蛮少再出现这个名字了,更多的是一家家开放式在线培训平台;这些平台里的内容确实多样,价格也更亲民,我个人在 Udemy 上买过不少,但总体感觉,在质量上相比于 Lynda.com 这样的老牌平台来说还是略显欠佳。或许也只是自己在入门年代先入为主的印象罢了。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-1900_41_21.png" style="width: 600px; height: 365px; border: none;" /></p> <p class="figure-caption">Lynda.com</p> <p>其他一系列&ldquo;必备能力&rdquo;的上手过程大都保持着类似的节奏;我希望同时在多个方向上以最快的速度完成碎片化的初学期,尽早进入实战化的练习阶段。不过期间也犯过一些错误,譬如曾经花费不少时间去学习 Adobe GoLive - 或许如今很多朋友都没听说过这个名字。同样作为 WYSIWYG(所见即所得)网页设计制作工具,GoLive 在功能上与 Dreamweaver 有很多重叠,当时已经逐渐退出主流舞台;在选择学习对象时没有做好充分的了解工作,容易被盲目的主观认知所驱动,这也算是门外汉常会犯的错误之一了吧。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-1910_37_22.png" style="width: 600px; height: 331px;" /></p> <p class="figure-caption">图片来自网络。</p> <h4> 来自《DOOM 启世录》的启示</h4> <p>那段日子忙里偷闲读了这部传记,连续两遍难以自拔。书中讲述了 John Carmack 和 John Romero 各自的自学与成长历程,以及如何成立 id Software 并改变世界的故事。你或许对这些名字感到陌生,但对于&ldquo;德军总部&rdquo;、&ldquo;DOOM&rdquo;、&ldquo;Quake&rdquo;这一连串如雷贯耳的游戏大作或多或少会有所耳闻,且不论关于 Carmack 大神本神近些年担任 Oculus 的 CTO 并继续探索 VR 世界的各种新闻。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/2AU7WDRLYREETPSEQ62DUVT2PA.JPG" style="width: 600px; height: 338px; border: none;" /></p> <p class="figure-caption">id Software。图片来自网络。</p> <p>作为八零后,在上世纪九十年代里被&ldquo;DOOM&rdquo;和&ldquo;Quake&rdquo;浪费掉的个人时间着实不少,即使在后来的全民 CS 时代,我也仍然会一个人在网吧里和一票 bots 在 Quake III 里对战。有机会通过这本书了解到这些游戏背后的创业故事,看到两个约翰如何找到人生方向并全情投入其中,看到他们的特立独行与自信自负,看到他们偷电脑、入狱、相逢恨晚、借用公司的设备在周末创业、集体辞职成立 id Software 工作室、相继推出前无古人的游戏产品、一次次推动人类计算技术的发展...这些关于学习和创业的故事不仅让我热血澎湃,为我当时的自学状态带来了极大的鼓励和共鸣,同时也真的像&ldquo;启世录&rdquo;一样启发我对自己在当时的状况进行了分析:</p> <ul> <li> 我需要更多的时间来确保更专注、高效、有效的学习,而不只是每晚的几个小时。</li> <li> 我需要通过实际项目,对自己在之前几个月里学到的所有知识进行梳理、归纳和实践。</li> <li> 我需要在完成转行之前确保一定程度的收入。</li> </ul> <p>参考着约翰们的故事,我碰巧想到了一个能同时满足以上三点需求的方法:</p> <p>正式辞掉&ldquo;卖手机的&rdquo;这份工作,同时说服公司由我作为外包重新设计制作一个官网,并付我报酬。</p> <h4> 第一个实战项目</h4> <p>拿定主意之后立即辞职,并和老板谈妥了新官网相关事宜,报酬是一千块钱。不再是一个&ldquo;卖手机的&rdquo;了,心里很开心,但也无法踏实:毕竟还没有完整实现&ldquo;转行&rdquo;这个目标;相比于任性爽快的自学,真正的问题恐怕还在后面。</p> <p>不过眼前的首要任务是制作一个新官网。自学了几个月,我还不具备从零开始设计一个完整网站的能力,对于今后几年才逐渐学到的设计流程与相关方法论则更是听都没听说过。跑去书店买来一本引进版的 Photoshop 网页设计书,全彩印;记得很清楚,64 块钱,放到现在也不算便宜;书中提供了大量的页面设计案例,而且针对每个案例提供了关键的设计技术指导。我选择了一部分在风格上可能适于数码产品展示的,编上号,跑去前东家,捧着书给老板逐一评估,最终确定两到三个,圈出其中最值得采用的模块,留作下一步整合。</p> <p>写到这里,我自己也笑了。各位朋友们,如今的你我都是行家里手,而我们在面对一个个&ldquo;老板需求&rdquo;时最常所采用的&ldquo;以竞品分析为主要驱动力&rdquo;的&ldquo;设计方法&rdquo;,和我在十四年前作为一个野路子门外汉的做法,又有什么本质区别呢?</p> <p>接下来正式上手页面设计,或是说,临摹;包括首页、商品分类与列表相关页面、商详页、公告列表与详情页等等,实际上并不算多,毕竟只是承载静态内容的展示型官网。期间有两点最重要的心得:</p> <ul> <li> 在实际的网页设计项目面前,之前几个月里所有碎片化案例学习的意义,仅在于帮助我掌握了工具本身的基本使用方法。所谓&ldquo;创意风格&rdquo;,&ldquo;视觉特效&rdquo;,在&ldquo;网页设计&rdquo;这种动物面前似乎不像我所设想的那样至关重要,有时甚至找不到存在的位置感。譬如对于文本内容,完全不需要进行各种夸张的样式处理,但文字自身的大小、深浅、摆放位置及段落距离等等却会对页面整体的&ldquo;感觉&rdquo;产生巨大的影响。我不知道这种&ldquo;感觉&rdquo;和背后的原理具体是什么,只觉得这里或许很有门道。</li> <li> 开始体会到&ldquo;设计模式&rdquo;或&ldquo;组件&rdquo;的概念,感知到有这样一些具有复用性的东西;它们相似却又不完全相同,会时不时地出现在不同的页面里,有些类似于过去在编程课里学过的&ldquo;对象&rdquo;和&ldquo;实例&rdquo;。我试着用 Photoshop 那时刚推出的&ldquo;智能对象&rdquo;功能做了些&ldquo;母版&rdquo;出来,发现有助于效率提升。</li> </ul> <p>在页面实现方面,则又拿出了毕业设计时魔改进销存系统的能耐 - 从一本 Dreamweaver 教程中搬出一套与设计方案最为接近的电商类网站前端代码,剥离所有的动态语言,仅留下 HTML 框架,然后把切图一片片塞进去,填充静态文本内容,同时调整样式。</p> <p>当时对于 CSS、语义化、内容样式分离等&ldquo;标准化 Web 开发方式&rdquo;完全没有概念。手边的案例代码仍是基于布局,所有的样式及脚本全部写死在框架与元素当中,我自然认为这一切都理所应当。调整工作最为磨人,一方面要现学现卖地运用着各种蹩脚的技巧来调整布局,时常需要重新切素材以适应布局方式的变化,一方面在静态内容和样式代码上也产生了大量的重复性劳动,修改成本极高。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/table2-5.gif" style="width: 600px; height: 292px; border: none;" /></p> <p class="figure-caption">这样的示例如今已经很难找到了。图片来自网络。</p> <p>然而即便如此,我仍然觉得自己在做着一件非常酷的事情,毕竟那是在真正制作一个网站;我可以连续几个小时心无旁骛的对着着一堆乱七八糟的 HTML 代码捣鼓来捣鼓去,手边是充足的可乐、速溶咖啡与香烟,耳边是来自 Alice In Chains 等泥泞之音的持续轰炸 - 那些 Grunge 音乐极端黑暗避世,同时又极酷 - 所有这些都让我感到自己仿佛正在破烂的车库里做着创业 - 卡马克他们当年写 DOOM 时大体就是这样嘛对不对。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/R-4942696-1380126338-2119.jpeg.jpg" style="width: 600px; height: 440px; border: none;" /></p> <p class="figure-caption">Alice In Chains。图片来自网络。</p> <p>我知道所有这些无与伦比的快感,在整整十四年后的如今,在这个与&ldquo;粗粝&rdquo;绝缘的精致年代,在自己早已习惯于藏身在一间间咖啡店或图书馆里做事的境况下,是再也无法寻找到的;但明明写到此处心里仍有一团炽热的像是叫做&ldquo;渴望&rdquo;的东西在烧着,是怎么回事。</p> <h4> 要学习,也要活下去</h4> <p>辞职后,每天除了花费几个小时去捣鼓网站以外,仍有大把时间可以用来保持学习节奏,这就是裸辞的好处。</p> <p>我不大睡懒觉,每天上午通常用于深入学习 Flash,结合 ActionScript 做些比较复杂的动画案例;Illustrator 也是在那期间逐渐从生手开始入门;下午往往会先背着个相机四处晃荡,随便拍些照片回来作为 Photoshop 手头练习的素材;接下来则是几个小时的&ldquo;网页设计师工作时间&rdquo;,如前所述。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-1911_17_34.png" style="width: 600px; height: 420px; border: none;" /></p> <p class="figure-caption">典型的手头练习。</p> <p>通常工作到到晚间九点左右,然后出门去接女友收工。与我的状况类似,她在那段日子刚刚辞掉安安稳稳的语文教师工作,开了一间属于自己的衣店。</p> <p>&ldquo;这是更想做的事。&rdquo; 她的理由大致如此。我显然不会反对 - 同样是能折腾的人,心中有不一样的光亮,不安及不满于现状,一定要去尝试在自己向往的道路上硬着头皮莽撞前行一番才肯罢休。我通常会带着一杯珍珠奶茶等她打烊;深冬晚间,奶茶易冷,揣在怀里,既保温,又能让自己在路边等待的时间里不至于冻到胃疼。</p> <p>日子如此一天天过下去。毕竟经历过将近一年收入还不错的工作状态,生活方式早已不如大学时那样节俭。裸辞时剩下的几千块钱扛不住许久;两千多的相机买回来了,大量的香烟咖啡可乐等消耗品从未间断,中山公园旁边的两室户房租再隔三差五地交一交,积蓄很快就见了底。当我发现所剩的钱仅够买一袋馒头作为接下来一整周的食物时,我猜可能需要向现实稍稍低头,去干些老本行才行 - 我不再是&ldquo;卖手机的&rdquo;了,但这不妨碍我做相关的副业,至少要活到成为网页设计师的那一天对不对。</p> <p>于是问女友借了一千块钱,连同网站项目挣得的一千块钱报酬,共两千作为本金,去联系之前认识的一票数码产品代理商,进货挂淘宝。正如在&ldquo;第一代触屏智能手机&rdquo;里提到过的,当时的数码配件利润率极高,况且我的本金连一台手机都进不到,于是拿了一批在当时还不多见的智能手机蓝牙游戏手柄、PSP 航空铝保护壳一类。2005 年的淘宝尚未做大,同类卖家少之又少,且多数是我从前的下家;我可以从最上游进货,价格优势很大,因此货跑得很快,现金流立刻动了起来。</p> <p>因为每周会有那么一两天陪女友到服装市场进货,我就顺便拿些很酷的货车帽一并挂在淘宝店卖。同样,那时竞争并不激烈,只要价格不离谱,很快就会脱手,利润率在 200% 以上;一些款式非常棒的舍不得卖掉,就留给自己,直到现在还藏在衣柜里面。</p> <h4> 坚硬的现实与珍贵的激励</h4> <p>网站好歹做了一个出来,各种习作也积累了不少,自认为不能算一穷二白了。加之生活资本在短期内还算周转得起来,节奏不坏,于是着手找工作,目标是成为一名真正的网页设计师,完成转行。</p> <p>那是 2016 年初。当我实际去看网页设计师的招聘信息时,才发现自己还差的太多太多,吓得我脑子嗡嗡直响。</p> <p>专业背景无效,实际经验约等于没有。大中型公司的机会完全没得看,不用说两三年起步的经验要求,有些甚至连职能要求里面的信息我都看不懂。于是聚焦在小型创业公司;多少有些起色,至少可以获得一些面试机会。</p> <p>背包里不再是卖手机时用来发放的传单,而是一打求职简历。我去过那些寄居在群租房里的只有两三个程序员的&ldquo;互联网公司&rdquo;;去过号称曾志伟投资的娱乐公司,与一位满头银发的用着 Mac 的老阿姨&ldquo;交流设计&rdquo;;去面试过朋友介绍的广告公司,在那么漂亮的巨鹿路上,光鲜精致的人们又让我想起了&ldquo;决定不要再卖手机&rdquo;的那个下午。</p> <p>无一例外,全部被拒。</p> <p>那是我人生当中第一次体验到什么叫做&ldquo;眼前一片漆黑&rdquo;。在坚硬的现实面前,才懂得什么是差距。随着接下来一次次面试不出意外地全部碰壁,之前几个月里所有支持自己自学的热情几乎彻底熄灭。继续找工作?该怎样找?回去继续学习?该如何学?没有学科专业与背景经验的死结怎么破?还要学多少东西才能达到最基本的招聘要求?全然不知。</p> <p>一时间,所有的努力,连同转行这件事本身是否正确和有意义,我都不那么确定了。我甚至在考虑要不要重新回去做一个&ldquo;卖手机的&rdquo;,就那么正正常常地上班工作,安安稳稳地挣钱度日,就像所有人那样,又有什么不好。</p> <p>一次陪着女友去进货,我们狼狈地拎着大包小包,坐在服装市场门口的小店里吃老鸭粉丝汤。人在疲惫时,能量大概不足以支撑意志力。我一边吃一边忍不住难过起来,和她说起我所有的沮丧和困惑。我猜那时我真的已经开始进入彻底的自我批判状态,真的几乎要决定放弃转行而安稳地走些常规道路才好。</p> <p>眼前这个为了能开一间属于自己的衣店而辞掉教师工作的姑娘,对我说了一句令我此生都不会忘记的话:</p> <p><strong>&ldquo;老鹰从来都是自己在天上飞的,可能艰难危险,但也精彩,只有小鸡才在地上扎堆呢。&rdquo;</strong></p> <p>写到这里,又已泪目。这句话不仅在当时给到我弥足珍贵的激励,让我打起了精神,决定一条路走下去决不回头,同时也在之后所有这些年里给了我巨大的影响,使我在遇到任何&ldquo;扎堆&rdquo;或&ldquo;苟且&rdquo;的境况时,都会条件反射一般地警惕起来,虽然有时可能会警惕过头。</p> <p>在那整整十年之后,我们走完了恋爱与婚姻的旅途,成为彼此的前任。但 2006 年初她在我最为沮丧和无力的时候对我说的那句话,让我无论到任何时候,只要一想起,便会如此时此刻这般心存感激。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/312" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Flash</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/313" typeof="skos:Concept" property="rdfs:label skos:prefLabel">DOOM</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/307" typeof="skos:Concept" property="rdfs:label skos:prefLabel">网页设计</a></li></ul> Tue, 19 Nov 2019 10:02:25 +0000 C7210 1075 at http://www.beforweb.com http://www.beforweb.com/node/1075#comments About a Designer 留言互动 (1) http://www.beforweb.com/node/1074 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-ask-me-anything_0.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>临时起意搞这么一发。小破自传目前为止连同前言在内已经发了三篇,后面的故事仍在继续。在写的过程中,头脑里重新经历着十多年前的林林总总,像是抓出一把把陈年咖啡豆,小心磨碎,笨拙地试图煮出浓香的咖啡分享给朋友们。</p> <p>期间收到各位的留言与咖啡鼓励,心里非常感激;于是想这样隔三差五针对一些包含&ldquo;问题&rdquo;的留言统一进行回复,也算是一种互动吧。也欢迎各位通过留言抛出更多可能感兴趣的问题,甚至是讲些自己的小故事。</p> <!--break--><p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9299.jpg" style="width: 500px; height: 500px; border: none;" /></p> <h4> @Kiriya:好奇C大的Medium都订阅了哪些人,以及买的域名有没有发家致富哈哈哈。</h4> <p>我买域名完全是在败家,丝毫没有致富,后来为了止损而全部停止续费了,只留下了真正需要使用的。</p> <p>关于 Medium 订阅,好问题。打开 profile 去看才发现自己关注了 600 多个人,真有这么多吗完全没有感知到。挑出一些印象比较深刻的或是推荐关注的吧,排名可能不分先后:</p> <ul> <li> <strong>@joulee</strong>:Julie Zhuo,Facebook 产品设计 VP,近年来发表了大量职业成长与产品设计方面的内容;作为小粉丝的我也在 Beforweb 这边做过不少相关译文。</li> <li> <strong>@marcandrew</strong>:Marc Andrew,Cabana Design System 的作者,一直在围绕着 Sketch 与设计体系产出着高水准的内容。</li> <li> <strong>@inVisionApp</strong>:来自 InVision 团队。除了他家的工具资讯以外,还有很多行业洞见类的内容值得关注。</li> <li> <strong>@101</strong>:Nick Babich,高质量集锦类内容的收集与提供者。</li> <li> <strong>@figmadesign</strong>:来自 Figma 团队。</li> <li> <strong>@usemuzli</strong>:Muzli,高质量设计灵感参考类内容提供者。</li> <li> <strong>@brownorama</strong>:《高效设计沟通之道》一书的作者,文章也好看。</li> <li> <strong>@sketchapp</strong>:来自 Sketch 团队。</li> <li> <strong>@microsoftdesign</strong>:来自微软设计团队。</li> <li> <strong>@tannerc</strong>:Tanner Christensen,曾经的 Facebook 设计团队成员,已经不再在 Medium 写东西,但过去的一些深度好文值得学习。</li> <li> <strong>@cmbeck_</strong>:Christian Beck,UX Power Tools 作者,内容高低层面兼顾,接地气。</li> <li> <strong>@tiffanyeaton</strong>:Tiffany Eaton,来自 Google 的设计师小姐姐,去年作为新人加入团队后产出了大量的思考文章,始终随着工作保持着积累沉淀,非常非常值得学习,无论内容本身还是工作沉淀方式。</li> <li> <strong>@nathanacurtis</strong>:Nathan Curtis,我不知道这个世界上还有没有比这位老哥更擅长于 Design System 宏观架构设计与微观实现方法的人了,他产出的&ldquo;Documenting&rdquo;与&ldquo;Releasing&rdquo;等内容系列都是教科书级的学习资源,干货中的干货。</li> </ul> <p>此外诸如&ldquo;UX Collective&rdquo;,&ldquo;Prototypr.io&rdquo;,&ldquo;Design+Sketch&rdquo;这些聚合类的账户都值得关注和订阅邮件消息。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-1311_39_37.png" style="width: 600px; height: 365px; border: none;" /></p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-1311_40_10.png" style="width: 600px; height: 365px; border: none;" /></p> <h4> @A$2H:读后感是创意工作者在当时的定义似乎太无足轻重了,前辈们连石头的影子都看不到就得过河;其次C哥记性是真的好。</h4> <p>我个人看到&ldquo;前辈&rdquo;二字时,会想到国内这个行业里那些真正的先行者们,例如翻译了《用户体验要素》的范晓燕老师、Elya姐、Kent、白鸦等等。此外,小艾、老包等老朋友们虽然和我差不多同龄,但我初入交互领域时也从他们的文章与译作当中吸收了太多的营养,所以他们在我心里同样是前辈。有时设想如果自己再提前几年试图进入这个领域,身处他们当时的背景条件中,没有他们沉淀下来的知识作为引领,自己一定很难成长起来。整个行业的产品和设计人员都应该感谢于他们在荒芜时期的探索、产出和沉淀。</p> <p>另外不记得在哪里读到过:事物与情感情绪关联性越高,给人留下的记忆就越深刻;我猜所有这些可以忆起细节的往事,对我而言都是在情感上触动较大的吧,无论正面负面。</p> <h4> @克己:&ldquo;靠学校里的小姐姐们轮番接济&rdquo; 这段,有机会可以展开讲一讲。</h4> <p>也是一些值得感恩的小情节吧。因为买乐器啊付排练房租金啊一类,生活费时常耗尽,能省的只有饭钱。平均一顿 1.1 元的预算还不算最坏,贝斯手曾经直接买了一箱苹果作为一个月的粮饷才是惊悚。</p> <p>我们一众穷鬼属于管理学院,但一直热心支援我们的小姐姐们却大多是设计学院的,包括江大和东华;其中最基本的支援形式自然是饮食,我有那么两三个月每顿午餐甚至可以去到像样的小餐厅里吃盖浇饭了;那间餐厅叫做&ldquo;白桦林&rdquo;,在江大梅园校区门口。最差的状况是被支援五毛钱的米饭,然后自己领两三碗免费汤,热热乎乎的吃掉;隔三差五还会有晚间小炒,感动得一塌糊涂唾液直流。至于其他的接济形式就不在这里深挖了。</p> <h4> @June盖头掉下来了:不应该戒烟吗?</h4> <p>应该。然而彻底戒烟的那段日子真的快要抑郁症了,每天情绪波动极大,有时甚至会莫名地流下泪水。于是允许自己先不要那么极端为好,借用前端开发的思路,约莫是优雅降级了下来,慢慢再渐进增强吧。</p> <h4> @Jasper:想一口气全部读完,但又实在等不及到&ldquo;猴年&rdquo;,纠结,要不来个月更吧,哈哈。</h4> <p>目前情况看来,争取可以保持每周或两周一篇的节奏;然而记忆实际落地之后的篇幅还是超出我的预期,尽力而为,且走且看。</p> <p>第一批留言互动大致如此,我们下一篇正文再见,希望尽快。</p> <h4> 往期回顾</h4> <ul> <li> <a href="http://beforweb.com/node/1063" target="_blank">About a Designer - 广而告之</a></li> <li> 第一章:从手机销售到网页设计师</p> <ul> <li> <a href="http://beforweb.com/node/1064" target="_blank">第一代触屏智能手机</a></li> <li> <a href="http://beforweb.com/node/1065" target="_blank">&ldquo;你天生就是卖手机的&rdquo;</a></li> </ul> </li> </ul> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/311" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Medium</a></li></ul> Wed, 13 Nov 2019 03:46:14 +0000 C7210 1074 at http://www.beforweb.com http://www.beforweb.com/node/1074#comments About a Designer (2) “你天生就是卖手机的” http://www.beforweb.com/node/1065 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​&ldquo;十万嬉皮&rdquo;,《万能青年旅店》,万青。</p> <p>所谓好天气,终究也是相对的概念。阳光明媚的景象若是在夏季便令人生厌,而在秋冬季节则是一副和蔼安详的温暖模样。何尝不是取决于情境。万青的音乐也是蛮特殊的,在多数时间里找不到合适的情境,倒是这样边回顾过往边码字的时候,才感到无比的契合。</p> <p>我们继续讲故事。<a href="http://beforweb.com/node/1064" target="_blank">上一篇</a>聊到了我如何将&ldquo;卖手机&rdquo;作为人生的第一份正式工作;对 PDA 及第一代触屏智能手机的历史也做了简要介绍;错过了的朋友不妨回看。今天聊聊我为何决定转行去做设计,以及如何开始了对我一生都有着重要意义的自学历程。</p> <!--break--><p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9325.jpg" style="width: 500px; height: 375px;" /></p> <h3> &ldquo;你天生就是卖手机的&rdquo;</h3> <p>手机生意还算红火,老板开心,我的销售提成也在一点点提升。一切看上去都还不坏,除了心里开始慢慢积累起一些不大愉快的东西。简而言之,我终于开始意识到,这份工作以及我所扮演的角色,包括工作环境与人际环境,似乎与自己模模糊糊的理想,或是一直以来的成长方向,不是一码事。</p> <p>那时在易贝上做生意不大容易,会被收取分成;而淘宝才刚刚出现,对于价格较高的商品,买卖双方市场信任关系还在逐渐建立。多数客户会选择当面交易,无论到门店还是公司仓库;确认后再当场取钱或刷卡。一次我陪客户取钱,对方在银行里接到电话,大致是在向家人解释:&ldquo;我在取钱,真的,我正跟卖手机的在一块呢,卖手机的就在我边上,真的...&rdquo; 印象里,这是我第一次纵容自己直白地面对心中对于&ldquo;卖手机的&rdquo;这种称呼的反感,而不是像过往那样自欺欺人地假装毫不在意。</p> <p>那之后,我会越来越多地想到,&ldquo;真的就这样卖手机卖下去了吗&rdquo;。毕竟也是被父母供养着完成了大学本科,固然学无所成,且和如今行业里动辄便是研究生、硕士、博士的学历状况不具可比性,但就这样一直被称作&ldquo;卖手机的&rdquo;而活下去,似乎无法让自己开心起来。</p> <p>一天下午到衡山路附近一家外企送货,将一台手机交待给秘书小姐姐,由她转交老板。眼见着小姐姐两眼放光、馋涎欲滴的样子,我猜机会来了,便开始种草;一来二去,竟然成功说服她本人又买了一台。小姐姐或许是佩服我的推销能力,一边开心玩着手机一边说:&ldquo;你啊真的天生就是卖手机的~&rdquo;</p> <p><strong>那一刻,<br /> 我心里像是有根保险丝一样的东西,<br /> &ldquo;啪&rdquo;的一声烧断掉了。</strong></p> <p>完成销售目标,我离开客户公司。记得很清楚,那天天气不错,阳光洒在衡山路上,把什么都映照得明晃晃的,精致的男男女女从眼前闪过;我站在路边,抽着烟,背包里是四斤多准备送去门店的传单。</p> <p><strong>&ldquo;我不要再卖手机了&rdquo;,<br /> 我这样想。</strong></p> <p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9287.jpg" style="width: 500px; height: 500px;" /></p> <p>想法需要一步步地付诸实践。去做什么,不得而知,<strong>首先要确定方向</strong>。</p> <p>毕竟在学校并没真正学到什么,因此可以确定任何有意义的转行方向都要现学现卖;如果说会有什么职位可以即刻接纳我,那估摸与卖手机的性质也相差无几。考量下来,既然毕业设计时魔改过全套进销存管理系统,实习期间又维护过公司官网,那么&ldquo;网页制作&rdquo;相关方向或许是可能性最高的切入点了。</p> <p>巧合的是,我的主唱当时刚刚应聘到太平洋电脑网(pconline.com.cn)的网页设计职位。我跑去他家玩琴时看到他正在工作,特别炫酷地在 Photoshop 里做页面设计和切图,快捷键用得极六,看得我一愣一愣的。</p> <p><strong>&ldquo;我就要做这个,我要做网页设计师&rdquo;,<br /> 我这么寻思着。</strong></p> <p>而且&ldquo;设计师&rdquo;听起来那么酷,很文艺范儿。就这个了!方向(如此盲目地)确定之后,接下来的问题便是&ldquo;学什么&rdquo;和&ldquo;如何学&rdquo;。</p> <p>根据当时浅薄到可笑的理解,只要掌握了 Photoshop、Dreamweaver、Flash 这些工具,便可以成为网页设计师,毕竟那个年代所有的盗版光盘上都写着&ldquo;网页设计三剑客&rdquo;一类;至于基础原理、理论知识、行业动态等等,头脑中完全没有概念。到书店翻看了一些引进版和国产教学书,虽然不太懂,但感觉所有的书都在讲着看上去很相似的案例,而且大多是黑白印刷,看着就不来劲。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/adobe.png" style="width: 500px; height: 343px;border:none;" /></p> <p class="figure-caption">网页设计 N 剑客...图片来自网络。</p> <p>于是开始在 VeryCD.com 寻找原版教程。不知各位年轻朋友们是否听说过这个名字,VeryCD 在当年绝对是个宝库,电骡下载的重要资源平台,优质内容非常之多,包括影视、音乐、游戏、书籍等等;各路专业或非专业的网友们不断更新维护着各类内容,大家通过评论进行交流,互通有无,社区氛围非常棒。那之前的很长一段时间,我仅靠逛 VeryCD 就能打发掉一晚又一晚的无聊时光,挖到有趣的音乐或游戏就拉到 Emule 里整夜地下载。当然,在国家开始注重保护知识产权之后,VeryCD 及同类资源网站便相继退出了历史舞台,加之各种信息渠道逐渐开放和正规化,如今全社会的版权意识已经比当年强了很多;这是好事。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-0423_13_29.png" style="width: 600px; height: 365px;border:none;" /></p> <p class="figure-caption">VeryCD.com</p> <p>当时在 VeryCD 上随手就能找到一大把英文原版的设计教学资源,书或视频应有尽有,看上去都是又酷又专业的样子。自认为英语方面不成问题,虽然实际水平一般,但听说读写没什么心理障碍,这是从小养成的习惯;于是便全部以这些英文资源作为学习素材。其实直到如今,即便国内互联网产品设计相关领域的水平已然走在世界前沿,信息渠道极大丰富,货真价实的本土内容资源有一大把,但我通常还是会优先阅读这十多年来积攒的英文订阅源或是 Medium 这类;这更多是出于习惯。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-0500_00_27.png" style="width: 600px; height: 365px;border:none;" /></p> <p>面对大量的学习资源,如何根据自己的实际情况进行选择也是问题,毕竟其中有不少甚至是我在喝得迷迷糊糊的时候看到&ldquo;Photoshop&rdquo;一类关键词便随手拖进 Emule 里的;这也是当年的一大坏习惯,包括后来常在喝高了之后乱买书和域名;非常不好。</p> <p>我选择上手的第一本教程叫做《Photoshop 7: Down &amp; Dirty Tricks》。这名字,翻译成&ldquo;雕虫小技&rdquo;都不过分。实际上也大致如此,基本就是讲解如何通过各种图层效果和滤镜来制作看起来很有创意感和设计感的图文海报。每个习作都很短小,结合当时一些流行的视觉趋势与文化主题,演示实操过程,期间覆盖两到三个关键知识点的样子。在我看来,这些案例相对简单且视效不错,上手成本估计很低,我这样的&ldquo;absolute beginner&rdquo;应该也可以照葫芦画瓢。如果可以快速做些看得见的东西出来,又能顺便掌握软件的基本用法,那为什么不呢。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/%E6%88%AA%E5%B1%8F2019-11-0500_03_29.png" style="width: 600px; height: 358px;border:none;" /></p> <p class="figure-caption">在 Google Books 和 Amazon 依然可以找到。</p> <p>印象中,其他一些放在手边用作下一步学习的教程还包括:一两打电子版的 Photoshop 月刊,刊名不再记得,每期都包含一些很酷的趋势效果案例讲解,以及行业资讯、大咖访谈等等;来自老牌教学平台 Lynda.com 的一系列视频教程,更循序渐进和体系化,预备留作 Flash 和 Illustrator 的学习;以及,从主唱手中借来的一部叫做《Photoshop Wow Book》的圣经类教材,约莫有两寸厚。</p> <p>确定了学习方向和学习资源,接下来开始实际的自学历程。起初并没有计划裸辞,毕竟转行不是跳槽转岗;空无一物,前景不明,还是维持住主要的营生方式才好。于是每天仍然去卖手机、维护论坛、站柜台、贴膜、送货...不同于过去的是,所有这些内心希望摆脱的工作仿佛都变成了培养学习动力的过程。晚上下班,一路蹬着自行车猛冲回住处,到便利店买一份米饭团子或微波炉便当吃掉,冲澡,然后大约从七点半开始坐在电脑前进入学习状态。</p> <p>最初的学习就是对着教程抠案例,读懂一点模仿一点,磕磕绊绊地跑通一遍,然后重复巩固一遍,最后更换不同的文字与图片素材再自由发散一遍。如果主唱的 QQ 在线,我也会发给他看看&ldquo;哥们儿的设计习作&rdquo;,获取一些&ldquo;专业的指导建议&rdquo;。通常这样做掉两个范例之后,时间就到了夜里一点左右。</p> <p><strong>那是我人生当中第一次,<br /> 为了某个发自内心的真实目标,<br /> 而主动学习的经历。</strong></p> <p>虽然思想单纯,目光狭隘,行为莽撞,但那种渴望学习的心情却是前所未有的。若说年轻不怕累则是撒谎,白天工作线上线下都要照顾,时常四处奔波,这对于二十多岁的人也不那么轻松;因此晚间需要依靠大量的冰可乐、廉价速溶咖啡、香烟甚至是止痛片来轮番排解疲劳,才能撑到夜里。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_4871.JPG" style="width: 600px; height: 450px;" /></p> <p class="figure-caption">极端恐怖的留影,见证了那时所有的摧枯拉朽。</p> <p>然而血液里的咖啡因从不会在你准备停工时恰好耗尽,因此每天到了最后都是身体极度疲劳而神经依然亢奋,于是我又给自己设定了一个准备休息的&ldquo;热身环节&rdquo;:打开各种演唱会视频,通常是 Slipknot 或 Rammstein,然后一边给自己灌着红星二锅头,一边猛 high 猛摇,直到彻底晕菜,上床躺倒直接昏睡过去。转天一早,把自己打理整齐,继续出门去卖手机。每天如此,日复一日。</p> <p>虽然如今看来近乎于自毁,但在当时,我全然沉迷于这种在明确目标的驱动下高度专注的自学过程。每晚那几个小时的时间里,全身心都在充分地吸纳着新鲜的信息,并快速消化成自身的知识与技能,即便一开始只是一些&ldquo;Down &amp; Dirty Tricks&rdquo;。那种感觉非常美妙,几乎超越了过去我所经历过的任何愉悦体验,包括和乐队一起排练时的默契、忘我与爽快。</p> <p><strong>人,总是希望一次又一次地,<br /> 复制美好的体验,<br /> 连同快感成瘾也是如此。</strong></p> <p>每当被问到为什么能一直保持学习,我想除了一部分现实因素譬如工作目标、压力、危机感以外,很大程度上其实我只是想复制那些日子的美好体验而已。</p> <p>但必须承认,回头看来,最初几个月的历程还是会让自己感到后怕;所幸之后逐渐走上相对正确或至少是相对健康的持续学习路线。上文所述,更多是我在自顾自地回忆着那些印象深刻的往事,而绝非向任何朋友推荐如此野蛮的上手方式。</p> <p>抛开这些年轻气盛、无知无畏的具体过程,我想那当中或许有一些普遍适用的东西值得提炼出来,作为&ldquo;学习建议&rdquo;分享给各位参考:</p> <h4> 清晰直白的目标与方向</h4> <p>&ldquo;明确目标&rdquo;这种建议怎么看都是老生常谈,但任何事情的基石都在于此。目标清晰,才能对行动产生有效的指导;足够直白可考,才具备持久的锚定意义,且避免自欺欺人。我的目标无非是&ldquo;必须转行,不要再卖手机了&rdquo;,方向则是&ldquo;网页设计师,酷的那种&rdquo;。坦诚而言,当时的头脑中并没有&ldquo;以目标为始&rdquo;的思维框架,具体方向的确定在很大程度上是出于戏剧性、偶然甚至是虚荣,而非严谨的思考 - 或许这是幸运,或许是那些年里所有的&ldquo;点&rdquo;仅能为我连接成这样一条&ldquo;线&rdquo;而已 - 无论如何,从一开始就保持着动机和方向的清晰直白,且没有考虑任何退让的可能性,是让我能在接下来的时间里一路起起伏伏坚持着完成转行的基本前提。</p> <h4> 内容的选择与节奏的把握</h4> <p>严格来讲,最初对于学习素材的选择,更多也只是出于直觉。我选择了看起来有些偏门甚至是海盗风格的教程,而没有照本宣科去跑那些看上去更专业更庞大的案例项目,这反而给了自己最为轻量和快速的学习反馈,让自己每天都能感到掌握了一些新东西,心气也能更好地保持下去;而积累到一定程度后,则必须以更理论化、体系化、项目化的方式总结之前学到的碎片化知识点,进入更加正统的学习轨道。对我来说,学任何东西似乎都是持续往复着这样的循环,小时候自学吉他是如此,开始自学设计是如此,之后所有学习新东西的过程亦然 - 先上手,再矫正收归,继而保持迭代 - 这中间的节奏需要自己结合实际情况进行把控。或许这是典型的&ldquo;野路子&rdquo;学习方式,我不知道,但至少对我而言始终有效。</p> <h4> 适度寻求专业指导与反馈建议</h4> <p>那段日子里,我的主唱是我身边唯一一位网页设计领域的从业人员,而且小哥在绘画和摄影方面也很在行,不管怎么看都是我去学习和请教的不二人选。那时并没有&ldquo;获取专业反馈&rdquo;这种念头,只是觉得时不时被内行点拨和矫正一下,终究能让自己距离专业方向更近一些罢了。回头看来,无论是初学之时,还是真正进入互联网领域之后,我所经历过的一些关键提升,无不是在和更专业的人进行交流时籍由他们的点拨甚至是批评所获取的。而另一方面,我又极不喜欢混行业圈子,从初学到入行到如今,几乎没有参与过任何设计论坛、学习交流群或类似的平台 - 或许和早期受到过的影响有关(下期该聊到相关话题了),我从来都相信,人群所带来的更多是噪音、盲目与浮躁;而自己保持探索、实践、思考,结合专业人士所给予的精准反馈和指导,持续迭代,才是更加高质高效的学习途径。</p> <h4> 趁年轻,放手干</h4> <p>基于明确的目标与方向,有策略地选择适合自己的学习内容与节奏,结合更专业的指导与反馈 - 确保这些都符合逻辑,而不是盲目地&ldquo;follow your heart&rdquo; - 然后趁年轻放手干。我固然不会推荐我个人初期时每晚那样的行动方式,但每个人都有属于自己的年轻红利;找到适合自己的方式,干起来再说。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_8229.jpg" style="width: 500px; height: 500px;" /></p> <p class="figure-caption">&ldquo;塔台呼唤&rdquo;艺展,2019。</p> <p>以自己的方式开始了自学历程,一通猛 high 之后,接下来又是几个月的僵持期 - 如何维持生计,如何寻找真正的设计工作,都成了非常现实的问题。这些我们下期再聊。</p> <p>感谢各位。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/306" typeof="skos:Concept" property="rdfs:label skos:prefLabel">自学</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/307" typeof="skos:Concept" property="rdfs:label skos:prefLabel">网页设计</a></li></ul> Tue, 05 Nov 2019 10:57:54 +0000 C7210 1065 at http://www.beforweb.com http://www.beforweb.com/node/1065#comments About a Designer (1) 第一代触屏智能手机 http://www.beforweb.com/node/1064 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​&ldquo;希望之光&rdquo;,《希望之光》,窦唯。</p> <p>在上一篇当中简单介绍了这个系列的初衷和目标,目录也列了个欢快。&ldquo;自传&rdquo;或&ldquo;回忆录&rdquo;也好,&ldquo;从业故事&rdquo;也罢,今天开始正式码字,一篇一篇把目录变为真切的内容,希望通过个人十四年来的职业经历来说明/描述/反思一些设计工作或职业成长中遇到的典型问题;如能为各位朋友带来些启发和参考,则再好不过。</p> <p>错过前情的朋友不妨回顾:<a href="http://beforweb.com/node/1063" target="_blank">About a Designer - 广而告之</a></p> <!--break--><p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_9266%202.jpg" style="width: 500px; height: 500px;" /></p> <h3> 第一章:从手机销售到网页设计师</h3> <p>2019年是我成为设计师的第十三个年头。说是弹指一挥间也毫不夸张,毕竟十多年前的大事小情仍然历历在目。而预告当中所谓&ldquo;十四年的职业经历&rdquo;,却包含着一年&ldquo;手机及相关数码设备与零配件销售,上下游业务接洽,客户服务&rdquo;的工作历程。</p> <p>简单而言便是&ldquo;卖手机的&rdquo;。这是我人生中的第一份正式工作。</p> <p>关于这份工作及相关的转行故事,印象里曾经在&ldquo;Ask Me Anything&rdquo;和播客当中有所提及。约莫有些励志吧,如今仍有朋友希望能够&ldquo;多讲讲&rdquo;;对我而言这经历也确实非常有趣且意义重大,那么用来作为第一章也恰如其分。我会在不偏离这个系列的目标初衷的前提下,尽可能详细地做以介绍。</p> <h4> 第一代触屏智能手机</h4> <p>我的大学专业是&ldquo;信息管理与信息系统&rdquo;,典型课程包括计算机编程(C++,VB等)、软件工程、数据库设计、数据挖掘、经济财会与企业管理等;专业对口的从业方向大体是 B 侧信息系统与相关产品的架构设计及搭建,譬如 ERP、CRM、HRMS 等。</p> <p>从如今的产业发展角度来看,如此专业背景简直是广阔天地大有可为。然而在实际的学业生涯中,我大约是将太多时间精力花费在了乐队相关事务中,&ldquo;学生&rdquo;角色本身扮演得极为惨烈,成绩一塌糊涂,唯一稍有所长的只有经过一次次补考和重修历练出来的读改代码能力。</p> <p>大三时,一位室友迷上了 PDA,即&ldquo;个人数字助理&rdquo;,俗称&ldquo;掌上电脑&rdquo;。当时世界上的主流 PDA 厂商有 Palm(现今已被 TCL 收购)、HP等,操作系统包括 PalmOS、Windows CE 和塞班。PDA 的尺寸大致与如今的大屏手机相仿,厚度通常在 1cm 以上,搭配一块灵敏度较低的电阻屏,必须使用配套的触控笔进行操作,包括触控和手写;因此虽然具备单手移动设备的外观特质,但实际操作通常需要双手同时进行,即一手持机,一手持笔。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/palm-pilot.jpg" style="width: 500px; height: 750px;" /></p> <p class="figure-caption">Palm III 掌上电脑。图片来自网络。</p> <p>这里可能有必要插一句。我个人看来,乔布斯在发布初代 iPhone 时著名的&ldquo;反触控笔&rdquo;观点,所反的实际上是这类古典的&ldquo;电阻屏+触控笔&rdquo;的交互方式;因为在旧有的技术框架下,超高分辨率、多点触控和单手操作等进步都将难以实现。而当 iOS 生态进化至足以覆盖生产与创作领域时,专注于&ldquo;手写&rdquo;和&ldquo;绘图&rdquo;任务的 Apple Pencil 的诞生则无可厚非;无论在技术层面还是人机交互层面,Pencil 都与电阻屏触控笔有着本质的区别;各路媒体乱带节奏的&ldquo;打脸&rdquo;观点实在显得浅薄。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/ios12-ipad-pro-use-apple-pencil-social-card.jpg" style="width: 600px; height: 315px;" /></p> <p class="figure-caption">iPad Pro 与 Apple Pencil。图片来自网络。</p> <p>受到室友的影响,我也开始对这种酷酷的,除了不能打电话以外什么都比诺基亚功能机强大太多的移动设备产生了兴趣。室友与当时徐家汇太平洋二期的一家数码公司走得很近,时常会带回各种品牌和型号的 PDA;于是我教他弹吉他,他借我玩设备,一来二去便也玩出了不少心得。</p> <p>PDA 上同样有&ldquo;app&rdquo;的概念,只是当时没这种说法,更不存在 App Store 这样的集约化商店。开发者和玩家们都泡在大大小小的论坛当中,发布和交流各种程序资源。现在回想起来,虽然割裂而凌乱,但依靠社区建立起来的开发和用户生态却也充满了乐趣与温度;另一方面,由于缺乏统一的设计开发标准及严格的审核制度,那些&ldquo;app&rdquo;在质量与体验上的参差不齐也是非常严重的。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/e_ico.jpg" style="width: 400px; border: none; height: 491px;" /></p> <p class="figure-caption">Palm TE 掌上电脑与内置 app。图片来自网络。</p> <p>在室友的引荐下,我于大四期间进入这家数码公司&ldquo;实习&rdquo;,对于未来没有任何规划,只觉得能玩到各种设备是件不错的事。具体工作包括论坛店铺的维护,客户接待与服务,门店支持,送货等等;实习月薪 400 元。那是 2004 年,在当时已经很开心了好吗,对于因为玩乐队而穷到每餐预算仅 1.1 元,需要靠学校里的小姐姐们轮番接济的穷学生来说。</p> <p>大四尾声,还算顺利地完成了毕业设计之后(从一本 ASP 教程的随书光盘中搬出一套完整的进销存项目代码,拆拆改改,挂上数据库后竟然真的跑了起来),看到同专业的同学们各种就业无门,也便懒得再去跑任何招聘大会,直接签了转正合同,成为一名销售。</p> <p>印象中正是从那时起,市场开始发生变化,传统的掌上电脑几乎在一夜之间进化成为兼备通话功能与数字化助理能力的 PDA 手机,&ldquo;Smartphone&rdquo;一词也正式进入人们的视野。Palm 公司的 Treo 系列开始成为主流,QWERTY 全键盘、四大金刚键及五向导航键成为标配;同时,包括 HP、Acer、多普达等品牌也都大举加入战场,第一代&ldquo;触屏智能手机&rdquo;的市场格局大致形成。这些手机的售价通常在 4000 至 6000 元之间,这在当时绝对是具备一定消费力的群体才能入手的价格;我手中的客户大多是中小公司的老板,大公司老板的秘书,以及一部分明显衣食无忧开始追求生活品质的白领。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/palm_treo_650-199%20(1).jpg" style="width: 360px; height: 550px;border:none;" /></p> <p class="figure-caption">Palm Treo 650 智能手机。图片来自网络。</p> <p>正式成为&ldquo;手机销售员&rdquo;之后,我的工作范围也开始扩大。其中既包括比较基础和常规的销售与服务工作,例如论坛营销、门店支持、上游代理、下游批发、贴膜、换电池...同时也会涉及到越来越多的高端客户服务,譬如客户关系维护、送货上门、软件安装、使用指导等等。</p> <p>这类点对点的工作使我有机会在各种实境当中观察到客户学习和使用 app 的情况;而买卖过程所建立起的互信也有助于我与客户针对手机软硬件的各种问题进行交流沟通,让我了解到了很多站在&ldquo;卖家&rdquo;或&ldquo;玩家&rdquo;的角度难以体察到的痛点。回头看看,我猜这些经历对于我日后在 UX 设计相关岗位上的思维模式及工作素养多多少少有着一些潜移默化的培养作用。</p> <p>作为&ldquo;手机销售员&rdquo;,我的业务范围同时涵盖了一系列影音娱乐设备,以及手机与 PSP 的各类配件。其中印象最深的当属 iPod 以及口香糖形状的初代 iPod Shuffle。当时我自己在用一台普通的 PDA 作为日常娱乐设备,身边的多数同学也仍在使用着容量不超过一两张专辑的外形稀奇古怪的 MP3 播放器,或是 CD 设备。眼看着那一部部来自 Apple 的无比洁白而简约的播放器被客户们提走,纵使会因为销售奖金到手而高兴,但心中也还是馋的死去活来,巴望着有一天自己也可以拥有。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/shuffle_0_0.png.jpeg" style="width: 600px; height: 400px;border:none;" /></p> <p class="figure-caption">初代 iPod Shuffle。图片来自网络。</p> <p>至于各类配件,实际上是盈利的主要来源。一张进价在7、8 元的屏幕保护膜,售价通常 90 元起,这是百分之多少的利润?硅胶套、硬壳、数据线等等也大致如此。我有时真的纳闷为什么世上有那么多人铤而走险去做害人害己的违法生意而不是来卖数码配件;你也永远不要小瞧地铁站门口那些贴膜小哥背后的身家。</p> <p>最后简单聊下关于&ldquo;奸商&rdquo;的话题,或许会有警示意义。我自认为当时所在的公司在多数时间仍算得上是良心商家,对于新老客户都会有比较实在的让利政策,售前售后服务贴心到位,在行业里属于有口皆碑的那一类。但同时,公司也确实有过一些典型的奸商案例,譬如通过灰色渠道以极低的价格进一批电池有问题的残次品,用吹风机将封装标签的胶吹化,取出机器换入良品电池,再完美封装起来,最终以正常价格售出。我不敢说&ldquo;无商不奸&rdquo;,但据我所知,类似的状况在当时的数码行业里并不少见。不知现今如何,这个行业是否因为电商与相关标准的全面普及而彻底规范起来;我只能代表我个人建议各位在购买相关产品时尽可能选择官方平台或成熟的大平台,不要因为一点小利而贸然信任来路不明、鱼龙混杂的商家或平台。作为普通消费者,你真的很难知道那背后究竟发生过什么;水深是一定的。</p> <p>总体来讲,&ldquo;手机销售员&rdquo;的工作让我在毕业之后的一段时间里过得还不坏,不仅增加了我的社会阅历与判断力,在经济上也使我能够较快地独立起来;相比于多数同学当时 2K 多的应届生工资,我在业绩不错的日子里最多可以干到将近 5K,在中山公园租个两室一厅还绰绰有余(1.6K/月,放到现在匪夷所思嗯?)。</p> <p>然而不久之后的一系列事件却最终使我决心转行并开始了终生难忘的自学历程。期间,从为了专注学习而裸辞,到花光积蓄艰难维生,人生也终于开始有了一点点社会的味道。这些故事,我们留到下期聊。</p> <p>感谢各位。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/304" typeof="skos:Concept" property="rdfs:label skos:prefLabel">PDA</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/305" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iPod</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/15" typeof="skos:Concept" property="rdfs:label skos:prefLabel">触屏</a></li></ul> Mon, 28 Oct 2019 16:16:51 +0000 C7210 1064 at http://www.beforweb.com http://www.beforweb.com/node/1064#comments About a Designer - 广而告之 http://www.beforweb.com/node/1063 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​&ldquo;黑色梦中&rdquo;,《黑梦》,窦唯。</p> <p>前面几个月连续做了三套&ldquo;图文版 WWDC 设计分会&rdquo;,有点像接连吃硬菜的感觉,于是开始给自己放放假;看展,排练,录录 demo,着手新的 WireframeKit,等等;闲暇时间全部用来如此自由行事,也是难得的自在。</p> <p>也不能一直停更,却也没什么很想去写和译的。某晚听着 Nirvana 放空着回想着十年前此时在做什么项目,记忆还蛮清晰的,一点没有老年痴呆的前兆。&ldquo;那么就写写过去这十多年的从业故事吧&rdquo;,突然这么决定下来。</p> <!--break--><p>音乐播放在&ldquo;About a Girl&rdquo;,自觉没有更合适的名字,&ldquo;About a Designer&rdquo;就很好。旋即在朋友圈预告:&ldquo;写自传吧&rdquo;。</p> <p><img alt="" src="/sites/default/files/images/201911-AAD/IMG_7243.jpg" style="width: 500px; height: 500px;" /></p> <p>然而转念想,称作&ldquo;自传&rdquo;也是不妥,这事没那么一本正经,也未有足够的年龄及资历;本意只是通过个人十四年来的职业经历来说明/描述/反思一些设计工作或职业成长中遇到的典型问题,尽可能地不失真,不刻意,不偏颇,不渲染;一面满足自己怀旧的欲望,一面希望可以给各位朋友带来些启发和参考。</p> <p>目标大体如此,本文仅作为前言和预告。眼下并没有确定该以怎样的线索进行,或许就像年鉴那样一路下来,或是以不同的就职公司或岗位经历作为划分;不知道,且走且看。</p> <p>首先尝试梳理一下可能写到的话题和要点;我猜实际动手时会再做很多调整和细化:</p> <h4> 从手机销售到网页设计师</h4> <ul> <li> 第一代触屏智能手机</li> <li> &ldquo;你天生就是卖手机的&rdquo;</li> <li> 裸辞与维生</li> <li> 自学习惯的养成</li> <li> 坚硬的现实与珍贵的激励</li> </ul> <h4> 初入行业,莽撞前行</h4> <ul> <li> 与博客的不解之缘</li> <li> 笔试作业</li> <li> &ldquo;你一定要很努力&rdquo;</li> <li> 创意,视觉,前端实现</li> <li> 第一次看数据</li> <li> 白天做设计,夜里学设计</li> <li> 一些关键的入门书</li> <li> 网页设计时代的典型问题</li> <li> 两只幼猫,一生陪伴</li> <li> 愤,暴躁,正义感</li> </ul> <h4> 初创公司初体验</h4> <ul> <li> 十一年前,他们提到 Vivo/Oppo</li> <li> 我老板,来自北卡的美国赌徒</li> </ul> <h4> 从网页设计到全职前端</h4> <ul> <li> 佛系设计师转岗码农</li> <li> 沉迷 CMS,前后端通吃</li> <li> 开始做翻译博客</li> <li> 玩得开心,像个孩子</li> <li> UED 是什么?</li> <li> 老师,我想做设计</li> </ul> <h4> 进入中国互联网前线战地</h4> <ul> <li> 重回设计方向的踏板</li> <li> 我们是点评 UED</li> <li> iPhone 4,移动纪元</li> <li> 我是交互设计师 C7210</li> <li> 第一次可用性测试</li> <li> &ldquo;七个习惯&rdquo;与 Beforweb</li> <li> 草图,草图,草图</li> <li> 线框稿的视觉表现力</li> <li> 对个人项目的执念</li> <li> 第一次翻译设计书</li> <li> 各奔东西</li> </ul> <h4> 这是个旅途</h4> <ul> <li> 你才专家呢</li> <li> iOS 7 改版之战</li> <li> 生离死别</li> <li> 交互产出的成本控制</li> <li> 那些小中见大的设计细节</li> <li> &ldquo;成为一流公司的设计师&rdquo;</li> <li> 有一个社交化音乐 app</li> <li> 悄然进行的设计生产力革命</li> <li> 原型,大量的原型</li> <li> 关于内部主题分享会</li> <li> iOS 开发者之梦</li> <li> 第二次翻译设计书</li> <li> 支离破碎与重建</li> <li> 站在 VR/AR 门前的设计师</li> <li> Ask Me Anything</li> <li> 做组件库是一种修行</li> <li> 茫然,疲惫,远离</li> <li> 第三次翻译设计书</li> <li> 与虾米失之交臂</li> <li> 绝症?</li> <li> Evangelist</li> </ul> <p>我不列了。脑子嗡嗡的。设想中无非讲些小故事而已,如此看来要写到猴年去了?何况实际挖掘记忆时一定会触碰到更多。</p> <p>这个 flag 可能立大了。</p> <p>然而话已然说出去了,况且怎么看都是于人于己或许都有些意义的事,那便做吧,还请各位做以见证了。说起来,有那么多从2011、12、13年就开始关注 Beforweb 的朋友们,此刻仍然在屏幕的那一端,我如此想到便会心生谢意,同时也会慨叹我们大家彼此见证着的年复一年的成长与进步,每个人都是。</p> <p>下一篇起便是正文了。希望能够早些与各位见面。奇怪的是如此夜间迷离着所幻想的却更像是,即将和屏幕那端未曾谋面的朋友们当面聊天,就在秋天里,一切恰好而恰如其分。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px;border:none;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/115" typeof="skos:Concept" property="rdfs:label skos:prefLabel">视觉设计</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/36" typeof="skos:Concept" property="rdfs:label skos:prefLabel">交互设计</a></li></ul> Wed, 23 Oct 2019 16:03:14 +0000 C7210 1063 at http://www.beforweb.com http://www.beforweb.com/node/1063#comments 跨越设计的终点线 http://www.beforweb.com/node/1020 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-design-ux-ui-inspiration.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="entry-intro"> <p>编者按:有朋友叨念&ldquo;你现在都不聊天气了&rdquo;。也是想聊,只是冬季深更半夜仍然雨雨雨着的南方气候着实难以承载更多的情绪色彩。北方的同事们谈论着春节在家乡的暖气假日;遥远的记忆。回头发现自己在北方成长与搬来南方的年头已经等同了。你猜雨会不会就这么下一整夜?</p> <p>开工第一周的状态也是自来的勤奋;又冒出去杭州过个周末的念头。编者按里忌讳肆无忌惮的意识流,说正经事儿:本周第二篇设计译文,来自新的合作作者豆子糖。糖同学真正是老朋友,&ldquo;设计人格的 PM 一枚&rdquo;,且是自由音乐人;钦佩许久,没想到可以通过内容进行合作,非常开心。- 编者人格的 C7210</p> </div> <!--break--><h3> 跨越设计的终点线</h3> <p><img alt="" src="/sites/default/files/images/201902/%E2%80%9Cfinishline%E2%80%9D%E7%9A%84%E5%89%AF%E6%9C%AC.jpg" style="width: 600px; height: 450px;" /></p> <p class="figure-caption">图片来自&nbsp;Marvin Ronsdorf</p> <blockquote><p>&ldquo;相比于细节层面的设计工作,我更擅长于思考概念和创意,在项目的初始化阶段贡献价值。然而一旦涉及到落地阶段的打磨与迭代,我就没那么出色了。&rdquo;</p> </blockquote> <p>这代表你在设计工作当中并不卓越。</p> <p>设计是将想法变为现实的过程,仅仅拥有创意是不够的。事实上,想法可能是你拥有的最为廉价的东西。</p> <blockquote><p>&ldquo;想法本身无价值可言。甚至连卓见也仅仅是一个起点,并无特殊的魅力。比起思想阁楼中的抽象概念,一个历经妥协与让步,最终得以真实落地的设计方案更有价值。&rdquo;</p> </blockquote> <p>有天我读到一篇很棒的文章,来自 A List Apart 的《网页设计的控制幻觉》。文章谈到,作为设计师,我们细究着互动操作中的每一个细节:从像素级精确的界面设计,到优美的动效,到用户体验中每一个可感知的细微瞬间...但严峻的现实是:我们对于设计的实际控制力远没有我们所想象的那么高。</p> <p>如今的高保真设计工具给我们制造出了一种幻觉,好像我们的设计原型在现实世界里都具有真实可行性。</p> <p>无论设计一个静态的界面方案,还是打造 Principle 交互原型,这些都是相对容易的 - 我们或许只是在描绘理想状态下的用户流,而没有考虑到多场景的容纳性,没有关注于性能或是极端用例,没有考虑到缺乏技术常识的用户,以及那些老旧的设备。</p> <h4> 优秀还是卓越</h4> <p>设计方案开始实施落地的那一刻,是区分优秀与卓越设计师的分水岭。</p> <p>优秀设计师有着足够多的概念与想法,但当开发在 JIRA 里不断抛出 ticket 来询问各种场景下的解决方案时,他们便会不知所措,因为从一开始就没有考虑到这些问题;卓越的设计师则会通盘考虑各种用例,并会主动营造协作沟通的环境,使开发们感到自己也参与到了解决方案的制定过程中。</p> <p>优秀的设计师会尽快处理掉那些次要用例下的方案,然后将问题抛回给开发那边;卓越的设计师则能将每个需求都视为重新评估、改进和坚固现行设计系统的机会。</p> <p>优秀的设计师会在完成项目之后感叹:&ldquo;最终的上线版本并不是我当初设计的那样,还蛮遗憾的&rdquo;;卓越的设计师则懂得项目的价值不仅在于&ldquo;精准还原我的设计方案&rdquo;,更重要的是最终的产品体验是否简单、友好、流畅及有意义。</p> <p>当我听到设计师说他们自己在实施、迭代、适配和上线等阶段的能力不够强时,我会思量他们在其他方面的&ldquo;强&rdquo;是否足够支撑他们成为卓越的设计师。</p> <p>当然,以上这些并不是说概念和创意比实施更简单,一点也不。这是两件不同的事情,需要不同的思考模式。但如果你仅是产出高层面的概念创意,那你并非在做用户体验设计。你是在做一份 Dribbble 飞机稿,一项用来在作品集里展示的案例,甚至只是艺术概念。</p> <ul> <li> <span style="color:#d3d3d3;"><span style="font-size:11px;">英文原文:https://uxdesign.cc/design-is-about-getting-through-the-finish-line-b3a651b03ebe</span></span></li> <li> <span style="color:#d3d3d3;"><span style="font-size:11px;">原文作者:Fabricio Teixeira</span></span></li> <li> <span style="color:#d3d3d3;"><span style="font-size:11px;">译者:豆子糖(Beforweb 合作作者)</span></span></li> <li> <span style="color:#d3d3d3;"><span style="font-size:11px;">编者:C7210</span></span></li> </ul> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 600px; height: 154px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/272" typeof="skos:Concept" property="rdfs:label skos:prefLabel">创意</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/273" typeof="skos:Concept" property="rdfs:label skos:prefLabel">卓越</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/64" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原型</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/119" typeof="skos:Concept" property="rdfs:label skos:prefLabel">迭代</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Wed, 13 Feb 2019 04:56:25 +0000 C7210 1020 at http://www.beforweb.com http://www.beforweb.com/node/1020#comments 闪谈 - 关于设计学位、量化指标、应聘特质、如何适应团队等 http://www.beforweb.com/node/1001 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-sss-logo-question-answer-ux-design.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>问候午安。这些字通常是在夜深人静时写的,然而由于会在午间发布,所以会假装问个午安;实际上应该道一句&ldquo;晚安,各位&rdquo;。</p> <p>先作预告。双十一沾个喜气,C自制的 WireframeKit Sketch 组件库也要做限时折扣了,&ldquo;iOS 12&rdquo;、&ldquo;Impart&rdquo;,以及超值套装均包括在内。折扣会从十号开始,届时会在公众号&ldquo;Beforweb&rdquo;发布消息,还请关注。</p> <!--break--><p><img alt="" src="/sites/default/files/images/201811/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202018-11-08%20%E4%B8%8A%E5%8D%8812_42_30.png" style="width: 600px; height: 363px;border: none;" /></p> <p>上图是近来在做的新库,&ldquo;Social&rdquo;,集合了主流社交类产品/模块当中的典型元素、组件与界面模式,应该是 Kit 做到现在为止最具实用性和订制性的一款了;我很希望过去在做相关产品时能有这样一套库可以用。可惜赶不上双十一了;希望尽快呈现给各位新老朋友。</p> <p>回到正事,来自 Facebook 产品设计 VP Julie Zhuo 与读者做的问答闪谈,包括五方面话题:</p> <ul> <li> 关于设计硕士学位</li> <li> 关于量化指标</li> <li> 关于应聘者特质</li> <li> 如何争取支持</li> <li> 如何适应新团队</li> </ul> <h3> Julie Zhuo 有问有答 - 闪谈</h3> <p><img alt="" src="/sites/default/files/images/201811/08-01-Ask-Me-Anything.jpg" style="width: 600px; height: 338px;" /></p> <h4> 关于设计硕士学位</h4> <p><strong>读者提问</strong>:我在 UX 设计师的岗位上已经工作了几个年头了,最近在认真考虑要不要去读人机交互方向的硕士学位,但我不太确定这件事是否真的有用。从目前的 UX 行业角度来看,你是否认为相关的硕士学位可以给自己带来较大的收益呢?</p> <p><strong>Julie Zhuo</strong>:我招人的时候不会从对方是否拥有相关专业硕士学位这个角度进行判断,简历中的相关背景不会对我的判断造成正面或负面影响(虽然我自己就拥有这个学位)。对于我和多数设计管理人员来说,最重要的还是候选人过往的项目经历,以及他能否对解决问题的思路进行清晰地诠释。攻读学位或许可以使你学到更为有效的设计方法,但实际上,在工作当中不断地进行设计,从验证和反馈当中获取知识与经验,这同样可以实现你的目标。</p> <h4> 关于量化指标</h4> <p><strong>读者提问</strong>:你通常会如何考量设计的成功与否?哪些指标最为重要?</p> <p><strong>Julie Zhuo</strong>:我每天都会问自己这个问题。目前为止的最优答案是这样的:</p> <ul> <li> 通过语言描述出你的设计目标。譬如&ldquo;我的设计应该令人们对新功能感到兴奋&rdquo;。</li> <li> 识别出可以真实反映设计目标的主要指标。譬如&ldquo;如果我的设计能够令人们对新功能感到兴奋,那么会有更多的人愿意尝试,这就意味着我应该重点关注新功能的点击率&rdquo;。</li> <li> 识别出能确保主要指标有效性的矫正指标。譬如&ldquo;如果新功能的点击率很高,但跳出率也很高,那么有可能是因为我的设计对人们造成了误导,因此我还需要对次均信息点击率、次均使用时长等指标保持观察&rdquo;。</li> </ul> <h4> 关于应聘者特质</h4> <p><strong>读者提问</strong>:我记得你曾在一篇文章当中提到,你倾向于招募那些既能高效工作,又懂得如何在线上以正确的方式展示自己的人。除此之外,还有哪些特质会引起你的注意,从而提升获得面试的概率?</p> <p><strong>Julie Zhuo</strong>:第一,能够提供一份简明精要、便于传递浏览的作品集。第二,成为你未来的同事乐于结交并共同工作的人(譬如曾经在设计大会或线上有过良好交流)。</p> <h4> 如何争取支持</h4> <p><strong>读者提问</strong>:如果你发现自己是整个公司里唯一一个在乎设计、了解设计价值的人,而其他人只懂得如何节省资源,那么你会怎么做呢?</p> <p><strong>Julie Zhuo</strong>:制作案例,在团队内充分展示设计工作的投入产出比(譬如推动业务增长、提升客户满意度与留存率等等,抓住利益相关人最为关心的问题)。当你抓住了机会,尽力确保实现你所承诺的ROI!</p> <h4> 如何适应新团队</h4> <p><strong>读者提问</strong>:我正准备离开目前所在的创业公司,加入一个较大的设计团队。如何有效地进行过渡并适应新的工作环境呢?</p> <p><strong>Julie Zhuo</strong>:构建人际关系,理解团队规则。在团队文化上,大公司与创新企业有着很大区别。对于那些会产生紧密协作关系的同事,不妨邀请他们一起喝个咖啡,彼此进行了解,同时主动询问一些团队当中的规则惯例,譬如通常由谁来做最终决策?典型的会议是如何进行的?沟通流程是怎样的?哪些同事较为成功?哪些典型问题是自己需要留意和避免的?等等。此外还有我个人最喜欢的一个递归型的问题:&ldquo;你觉得我还可以和哪些同事进行沟通,以便我能更好的完成自己的职责?&rdquo; 然后把他们的名字添加到&ldquo;咖啡邀约名单&rdquo;当中。你对于新团队的运作规则及预期了解的越多,你就能越快的融入到其中。</p> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 450px; height: 116px;" /></p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/200" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品设计</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/260" typeof="skos:Concept" property="rdfs:label skos:prefLabel">指标</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/204" typeof="skos:Concept" property="rdfs:label skos:prefLabel">团队</a></li><li class=" taxonomy-term-reference-6" rel="dc:subject"><a href="/taxonomy/term/199" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Julie Zhuo</a></li><li class=" taxonomy-term-reference-7" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-8" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Sat, 10 Nov 2018 10:27:19 +0000 C7210 1001 at http://www.beforweb.com http://www.beforweb.com/node/1001#comments