通过复制学习UI设计

用户体验初学者通过复制标题学习UI

在我们大部分的学术生涯中,我们’我们被教导复制是一件坏事。复制作者时被抓’的作品被视为窃。在考试期间模仿他人可能会导致开除。所以’即使到今天,我们与复制之间也存在负面关联,这不足为奇。

但是复制作为一种学习方式又如何呢? 

I’我要呆呆一下,谈论我最喜欢的漫画+动漫, 火影忍者。 It 角色名为卡卡西(Kakashi)。

他们称卡卡西 模仿忍者(Copycat Ninja)是因为他有能力复制他人的技能(而且经常自己做得更好)。

用户体验初学者学习UX通过复制卡卡西

卡卡西(Kakashi)用他的眼睛来复制你的技能

这使卡卡西成为火影忍者宇宙中最强大的对手之一。这里’s what 我们可以从这个传奇的动漫角色中学习:

复制是一种宝贵的技能和学习工具。 Especially in 用户体验,您模仿和解构设计的能力将非常方便。  

复制现有设计的原因

原因1: 通过解构了解

用户体验初学者通过复制解构学习UI

复制设计时,’被迫识别和认识 每个元素 in 那 design. Doing so brings a level of awareness about 怎么样 那 design was brought to life.

这是一个过程 解构. Copying a design will allow you to see the components 那, in sum, make up the entire design.

突然之间,复制变得不仅仅是复制。您’重新解构和理解。

原因2:训练您的眼睛(和肌肉)

用户体验初学者通过培训眼学习UI

通过复制足够的设计学习后,’毫无疑问,它将开始注意到模式和约定。标签。签署表格。标头。页脚,轮播,我的天哪!

能够识别模式并调用它们 name gives you power over those 设计模式。以这种方式训练您的眼睛可以使您在创建的其他设计中使用和交流这样的设计模式。

It’s also long been studied 那 学习时牵手 –如手写笔记– 可以提高内存保留率。

[su_quote url=”http://www.wsj.com/articles/SB10001424052748704631504575531932754922518″]People who take class notes on laptops when they expect to be tested on the material later tend to transcribe what they’re hearing without thinking about it much.[/su_quote]

This supports the advice 那 so many 用户体验 experts give, 那 素描 是必不可少的技能.

在这种情况下,我的假设是’使用线框图应用程序(Omnigraffle,Axure)重新复制您’仍然会得到积极使用双手的好处。对我而言,这与键入教授所讲的一切而没有考虑的一切不同。

原因3: 更快的学习方式

用户体验初学者通过复制空白画布学习UI

Simply put, copying designs is a learning method 那 has smaller upfront investment in time and effort. It’与您自己创建新内容相比,这是学习设计技能的更快方法。

我知道,我知道您可能想尝试一下十二种启动创意。那’完全可以。但是对于那些刚开始设计的人来说,从一块空白的画布开始可能会令人生畏。克服设计的最初阻力需要大量的意志力

因此,如果您的首要任务是学习UX和 用户界面 设计并找到一份工作[也链接],那么复制设计是最高的之一

我的线框: (点击查看大图)

用户体验B-Copycat-Designer-Lyft-Wireframe

还有更多吗?

如果我能回到过去 我将从头开始重新学习UX和UI设计,’从复制我所有喜欢的网站开始& apps. It would’对UX设计的UI方面的介绍更加引人入胜。

您如何看待这种方法?

I’如果足够多的人对此学习方法感兴趣,将继续在该主题上提供更多资源和帖子。请订阅下面的内容,例如线框示例,模板等。

关于作者

盎司

脸书 推特

Oz首次创建UX Beginner是一种记录自己成为UX设计师的旅程的方式。现在,该站点通过UX职业资源,文章和课程,帮助成千上万的专业人员过渡到用户体验领域。

18条评论 “通过复制学习UI设计”

  1. 这是一篇很棒的文章,对像我这样的初学者很有帮助,只是想知道您以前用来制作线框的原因是什么?

    1. 嗨,马克,尽管您可以使用任何图形软件(Photoshop,Sketch等),但我使用Axure制作线框。但是我确实发现Axure对我来说是最快和最容易的。您是否有兴趣了解更多有关如何使用Axure进行线框图制作的信息?

  2. 嗨,奥兹,谢谢您的这篇文章!这非常有帮助!一世’我爱你所有的文章,我’我已经读完了。如果可能,我想在linkedin上添加您。

  3. 嗨,OZ,谢谢分享。我现在正在练习学习UI。有时,我不知道如何对Web和应用程序的设计进行评论。谢谢。

  4. Thank 您. This a Perfect Step for a beginner like me, I started to read this 文章 with zero knowledge on 用户体验 design but I am confident 那 I atleast know what it is…Thank you once again

  5. 感谢您分享。整个站点对帮助我理解UX概念非常有帮助。我想知道您如何设计线框。是通过photoshop还是其他平台 >

  6. 我认为它’只要您复制就可以了’re asking questions along the way to understand why you like 那 page/app in the first place, what’工作,什么是不’t… don’只是复制它,但尝试在过程中学习。

  7. 不错的火影忍者参考,但在shareanan部分中,他将使用kamui,而不是常规的shareanan,还好,他是由常规的sharedan复制的,并吸收了kamui的知识。不错的文章。

  8. 嗨,奥兹,
    本文非常有帮助(说实话,您网站的其余部分也是如此。)’一直是我在转向UX的过程中发现的最有用的资源)。
    线框快速提问…I read somewhere 那 content is really important, and 那 putting the latin text placeholders sometimes frowned upon. What do you think on 那 topic?
    我可以看到在此练习中训练自己学习选择哪种类型的内容去何处并思考其原因将是有用的。再次感谢您所做的一切!

  9. 谢谢OZ。我刚开始使用UI / 用户体验设计,但对网上可用的大量信息和知识感到不知所措,’不知道从哪里开始,尤其是发展我的UI技能。您的文章极大地打开了我的视野,对此我非常感谢。

  10. 非常感谢您的观点,我’我目前担任Trainee 用户体验 Designer,我在视觉设计方面的表现非常差。您建议的方式可能对帮助我获得技能和完善技能,保持良好满意度非常有用!

发表评论

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.