小纽扣

小伙伴们平时都是怎么找参考呢?

有没有遇到找不到合适的参考,不知道该如何参考,一刷图就停不下来花费大量时间的问题呢?又或是觉得找参考等于抄袭,因此不太敢去参考,一直自己冥思苦想……

最近我的朋友小A就遇到了上面的这些问题,在群里的小伙伴也陆续问过类似的,那么今天我们就来梳理一下找参考的流程吧,开启参考的正确模式。看看如何找参考,才能正确的抄!

 

参考的四步

工欲善其事必先利其器,套上这简单的四步,就能有效避免上面提到的问题。
下面我们就详细说说每一步都做些什么吧。 

 

摆正态度

第一步,摆正态度,正视参考。面对参考,我们既不用有心理负担,觉得参考他人很low,就像刚开始学习书法,都会临摹字帖一样,参考是我们学习前人成人经验的方法和路径,是再正常不过的行为。当然也不能过分依赖,无脑的照搬全抄。特别是创意类的设计更需要我们在此基础上加入和发展自己的想法。不然就真成了复制机器了。
我的插画朋友小A就因为不找参考吃过亏。小A入职新公司,接手某一期已上线切取得不错的效果的项目,被需要完成二期的需求。照理说已经有了前面一期成功的经验可作为参考,小A要继续二期应该比较顺利。可事实却是小A出的几稿都不通过,反馈都是“风格不符,感觉不对”之类的。我觉得奇怪就问小A“之前一期不是有过成功经验了吗,你没有看看参考一下吗?”“我没怎么看之前的”“那你是找了其他类似比较不错的案例参考?”“也没有”“那你也挺厉害的,怎么不多看看,参考一下呀 ”“我也没想那么多,觉得自己的理解应该是对的,而且我要是参考了,不就是抄袭了,我不想留下这种印象”……

小A因为这种心理负担放着之前成功的案例,不区参考,空有宝山却没有好好使用。把大量时间与精力的浪费在了风格的探索与磨合上,差点影响自己通过试用期。

其实在自身经验不足,或是对项目没有足够了解的情况下,参考不但不是可耻的行为,反而是对自己和项目负责的行为。

面对参考我们应该保持不卑不亢的态度,虚心学习其优点,也发挥自己的创意,不遮掩行为不拒绝优点,也不照搬全抄

 

选择参考源

摆正了态度,第二步就该选择参考源了,根据需要参考的内容不同,相对应的参考源也不一样的。比如某个功能模块的字体的大小、间距,和某页面整体的视觉风格与创意,如果这两项需要找参考,那我们找的方向肯定是不一样的。
前者-字体等细节问题,适合从线上成功APP中的同类型功能模块中参考,因为此时该产品已经通过了大量用户的验证,已经形成了一套成熟的规范标准,所以也是最具有参考价值的。此时,我们直接从手机APP里截图,是最快速、方便的方式。
而后者-视觉风格与创意,则拥有更大的自由度,我们既可以从已上线的成功APP上参考,也可以从各种延展,比如概念练习作品、平面杂志、插画等中参考,此时一些图片网站、设计网站、配色网址等,都可以为我们提供参考。
在开始找之前,根据所需参考的内容,选择合适的参考源再去找,比泛泛的找更有效率。 

 

限定时间

不知道小伙伴们有没有这种经历,刷图刷到停不下来,觉得再找找肯定能找到更合适,匹配度更高的参考,往往半天的时间就在浏览图片上,图片阅存越多。但后来真正用到的,也就只有3-5张而已。
在经历了无数次的时间浪费后,终于觉醒要做出改变!我的方法是在开始找参考前,提前给自己定一个时间上限,比如30分钟、60分钟,超过这个时间,不管有没有找到自己认为合适的,都应该停下来,开始着手去做。其实我们会沉溺于刷图找参考的过程,其实也是大脑的一种自我保护。我们的大脑是懒惰的,会倾向于选择轻松的工作来做,刷图比起动脑设计,无疑是轻松很多。提前定好时长就像有个绳子绑着,能把自己拽回来。让我们放弃对100%匹配的寻找,及时开始设计,其实灵感很多时候也是在慢慢尝试中浮现在设计过程中越来越清晰的。
退一步来说,先动手尝试去做,即使过程中还是需要再找参考,找起来也会比刚开始一片空白的状态,更加明确有针对性。 

 

合理参考

经过前面3步,到这里我们已经在预计的时间内,找到了所需且较为合适的参考资料。接下来需要完成的只剩最后一步了,那就是合理参考。我理解的参考分为两种:微观宏观。 

 

· 微观:具体的抄,一丝不苟的抄

参考某个模块中具体的参数,比如搜索框,需要去量搜索框的高度、间距、颜色、字体大小、文字颜色、对齐方式、图标大小等。

这里的参考更多的是“描”,就像小时候练字的时候用薄纸蒙在底样上照底样写一样,这是新手小伙伴需要大量使用的方法。在自己缺少经验的情况下,依靠描大量的参考,来保证自己的设计的合理和正确。描的多了,以后自然也就知道每种样式的特点,后续再去使用的时候,才能更加合理的选择。
这同时也是遇到自己不熟悉、不确定的功能模块时,最应该想到和使用的方法。UI设计中有很多感性理性的结合,有时候我们不能想纯艺如插画家那样天马行空的创意,随心所欲的作图。我们受到很多如数字、格式、习惯、版面的限制,随即也沉淀出许多的规范与技巧。正是这些让我们在工作中更加从容,一丝不苟的抄,学习和总结这些规范规则。以“守-破-离”来理解,这就是第一步的“守”。

 

· 宏观:抽象的抄,融合和发挥创造性的抄

相比于微观具体的抄,宏观的抄更显得更加抽象和玄妙。它是更加整体的参考,是特征的提取,创意的融合,需要我们发挥联想。比如从一张插图中得到颜色的参考,从一张建筑图中,得到结构的参考,很多时候它是我们常说的“感觉”。

这种参考更适合需要创意的时候使用,突破常规,带来视觉与形式的新鲜感。

比如我之前做一个阅读APP的banner位,第一稿的时候比较常规,理想中的效果还需要有趣新颖一点。于是找参考的时候思路就不在局限在banner上,而是延展了更多的内容。

最终我从电影票和书本的形象中获得灵感,把banner做成书本画册的形式,和阅读的主题契合起来也于常见的banner形式有所突破。
总之我们在参考的时候,既需要有微观细节上的,也需要有整体宏观上的。既需要我们细致入微的1像素1像素去扣细节;也会有需要我们勇敢开放打破次元壁,从不同的风格、功能和产品中获得灵感,二者结合,才能做到合理参考 。
摆正态度→选择参考源→限定时间→合理参考,我用以上4步,避免了很多找参考时遇到的问题,提高了找参考的效率。对于找参考,你有什么自己的小窍门吗?平时都在哪里找参考呢?欢迎小伙伴们留言区交流起来(PS,关于科学上网,搭梯子的话题就不要展开了)求生欲满满。 

 

划重点

  • 正确参考的四个步骤:摆正态度→选择参考源→限定时间→合理参考
  • 面对参考我们应该虚心学习其优点,也发挥自己的创意,不遮掩,不拒绝,也不不照搬全抄。
  • 根据所需参考的内容,选择合适的参考源再去找,比泛泛的找更有效率。
  • 提前定好时长,能及时开始设计,避免沉溺其中。
  • 参考分为两种:微观具体的,一丝不苟的和宏观抽象的,融合和发挥创造性的。

 

原文地址:海盐社(公众号)

作者:焱小玖

转载请注明:学UI网 » 用这4步,带你打开参考的正确模式

登录收藏
 
你可能喜欢的:
从零到一做设计需要弄清楚什么?从零到一做设计需要弄清楚什么?
提升UI设计视觉效果的5个角度提升UI设计视觉效果的5个角度
理解用户及其需求——用户建模和用户目标理解用户及其需求——用户建模和用户目标
0-1系列:UX设计全方案思考与呈现0-1系列:UX设计全方案思考与呈现
如何用游戏化思维构建 如何用游戏化思维构建 “好玩” 平台
通过516条笔记,学到的六种重要思考通过516条笔记,学到的六种重要思考
《破茧成蝶:用户体验设计师的成长之路》读书笔记 ​《破茧成蝶:用户体验设计师的成长之路》读书笔记 ​
如何快速又精准的确定产品风格?(上)如何快速又精准的确定产品风格?(上)
设计前必须和客户确认的20个问题设计前必须和客户确认的20个问题
这4个配色技巧,解决你80%色彩问题这4个配色技巧,解决你80%色彩问题