为非设计师设计

例如,设计者不仅仅关注用户可以在屏幕上看到的内容,而且还关注用户最终将看到的响应于某些事件发生的内容。 事件可能类似于鼠标单击,计时器结束,甚至发生错误。 我们必须关注产品如何响应用户与之交互时发生的事情。 虽然我们的工作通常显示在二维屏幕上,但我们必须能够至少在四个维度上进行思考。

作为网页设计师的成功需要掌握非常广泛的技能。 下面的图表显示了设计师至少需要了解的主要领域的过度简化视图。

在这些层中的每一层中,可以存在许多其他层,每层需要不同的知识,技能和专业化。 例如,如果您对前两个图层(用户界面和导航体系结构)进行分组,那么您就属于UX设计者的领域,因为他们的主要任务是评估这些项目特定的工作方式或不起作用的好处用户。 将底部两层分组可为您提供系统设计。

隔离顶层,您可以找到图形设计,表单设计,布局,排版,动画等方面的专业知识。 重点是,没有一个简单的定义网页设计师是什么或做什么。 他们可能会做上面描述的一些事情,或者他们可能不会做任何事情。

一些网页设计师可能在平面设计和绘图方面表现出色,但在编码时却完全没有头脑。 其他人可能是优秀的程序员,但不能比普通的幼儿园学生好得多。 如果网页设计师并不确切知道网页设计是什么,那么客户很少会意识到创建高质量网站的复杂操作。

掌握所有这些技能对任何个人来说都是一项艰巨的任务,这就是大多数工作室更喜欢在团队环境中工作的原因。 这对每个人来说并不总是实用的,例如,如果你只是在自己的小企业中找到自己的脚,有时你可能会发现你必须为缺席的团队成员做好准备。 本指南解释了当您的客户对您的期望超出您的期望时如何应对。

1。 了解你的优势

如果你已经知道自己最擅长的是什么,它会有很大的帮助。 你擅长编码吗? 然后将80%的生产工作重点放在编码上。 你擅长画画吗? 然后将80%的生产工作集中在那里。 你擅长两个吗? 利用这一优势,找到其他人做繁忙的工作。 顺便说一句,了解自己的优势也意味着要找出自己的弱点,而这就是你应该将80%的学习重点放在哪里,这样你就可以消除它们。

2。 组队

无论你想要多么节俭,或者你感觉多贪婪,你在幼儿园得到的建议,分享感觉真的很好。 这样说吧:你想每月在一个网站上以$ 2000的价格工作吗?或者你想每月在20网站上工作以获得20的40,000%份额? 拥有一支才华横溢的同事团队意味着您可以在更短的时间内完成更多的工作,前提是您可以在一起工作(这是我们在学前班学到的另一件事)。

幸运的是,我们生活在一个比以往任何时候都更容易采购人才的时代。 一个团队可以在同一栋楼内共同工作,也可以分散在五个不同的大陆。 只要你的沟通运作良好,这样的细节就不再重要了。

只要确保如果你是外包,你就不会从像O-Desk和E-Lance这样的竞争性人才拍卖网站中找到你的才能。 这些人充满了崇拜者和懒虫,所以找到真正的才能就像在巨大的煤炭山中寻找钻石一样。

去那些你会发现只有偶尔的煤炭污染的钻石山的地方。 如果您确实需要咬紧牙关并与其他网站的某些人合作,请不要选择投标最低的投标人或投标人。 寻找最好的沟通者(写得好的广告或回复,用你能理解的语言清楚地列出他们能为你做些什么)。

那是什么样的地方? 以下是一些建议:

  • 编码器的StackOverflow
  • 适用于内容编写者的ProBlogger
  • 插画家的自由艺术家网络
  • UI,UX和视觉设计师的Toptal

从这样的优质资源中招聘并不便宜,但这意味着您可以对潜在结果更有信心。 尝试建立持久的合作伙伴关系,如果可能的话,最好聘用固定费用的利润分享,而不是按小时支付。

请注意,大多数人都高估了他们的技能,所以不要过多关注人们所说的能力。 更加强调人们可以做的事情。 也要注意级联。 那是什么? 好吧,当你将那些工作外包的人外包给可能自己外包的人时......你可以看到风险在这里。

如果一个预期的雇员似乎生产的工作量超出人类可能的水平,并且质量并不完全糟糕,那么这是一个非常强烈的迹象,表明他们可能是级联的,这意味着你付出的金额超过了应有的水平,并且做这项工作的人正在被利用。

3。 在紧要关头,您可以随时追踪

使用GIMP和InkScape的组合,您可以创建任何您可以想象的图形设计。 但如果你真的不是那种擅长绘画的设计师,你可以随时偷工减料。 这篇文章真的只是重复你在幼儿园学到的所有课程,不是吗? 但是,嘿,为什么在你能追踪的时候画出来吧?

现在你会注意到我说跟踪而不是复制。 复制是错误的,除非某些东西已经是公共领域。 通过复制,你会让自己和你的客户面临不必要的风险,而你却在欺骗那些花时间和精力去创造你认为值得复制的东西的人。

另一方面,追踪仍在创作原创作品,只要最终结果与原作不太相似。 但是你无论如何都不一定要追踪别人的工作。 您也可以追踪自己的原始照片。 您还可以使用PhotoShop过滤器将照片转换为草图,但这并不是特别好用。

让我们看看这种技术的实际应用

在这种情况下,您的客户已请求为其网站创建鼠标徽标,并且需要紧急完成。 通常为你做的所有绘图的人都是离开的,无法联系到,并且没有时间在没有冒巨大风险的情况下招募其他人。 所以,你可以做什么?

一个好的开始方法是只拍一张你的鼠标照片。

然后在GIMP或PhotoShop中编辑图像以将其调整为更实用的大小并删除所有颜色信息。 我发现使用Luminosity设置去饱和度可以减少阴影效果。

将图像导出为新的JPG并关闭编辑器。 在InkScape中打开新图像。

单击图像将其选中,然后按Ctrl + X将其发送到剪贴板。

现在从“图层”菜单中选择“图层”,然后单击按钮添加一个新图层,您可以将其称为“背景”。

按Ctrl + Alt + V执行“粘贴到位”操作。 这会将图像放回到与您剪切的位置完全相同的位置(如果您只是进行普通粘贴,则可能会偏移)。

现在将图层不透明度设置为较低的值,如40甚至30,然后单击挂锁图标以锁定图层以防任何进一步的修改。

添加一个新层,您可以将其称为“跟踪”。

现在只需选择铅笔工具(绘制手绘线)并仔细追踪线条。 如果您使用手写笔和图形输入板,这将更容易工作,但它仍然可以使用鼠标完成。 放大图片可能会有所帮助。 将工作分成小部分,以便在修正错误时减少麻烦。

放大需要非常精细控制的区域。 不要担心填充阴影区域,我们稍后会这样做。 另请注意,如果难以看到任何位,只需暂时增加背景图层的不透明度,以便您可以更轻松地查看。

您现在应该有一个接近完美的主题图像轮廓。 根据作业,您可能希望使用填充和阴影,或者可以将其保留为单色轮廓图像。

隐藏或删除背景图层并以SVG格式保存此模板。

现在你可以玩一下图像了。 也许添加一些颜色。

然后一个纹理。

但是对于徽标来说这可能有些过分,所以我们应该保持简单。 恢复单色,我们缩小图像。

现在只需添加一些徽标工件,如下所示:

瞧瞧! 完成的杰作。 这通常是愤怒的客户端给你打电话的地方,并且抱怨你在他们想要一个卡通鼠标的时候放了一个电脑鼠标。 这是我们下一篇文章“处理困难客户”的主题。

标题图片由...提供 Ramotion

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。