专栏名称: UI头条
原iconfans,UI中国-专业界面交互设计平台的官方账号。官方消息发布,分享优秀设计文章,UI招聘相关信息,行业消息,服务UI设计师群体!
目录
相关文章推荐
格上财富  ·  有克制的贪婪 ·  3 天前  
格上财富  ·  人生课题:悟空、悟能、悟净 ·  4 天前  
拾榴询财  ·  幻方退出,中性策略产品还能买吗? ·  5 天前  
格上财富  ·  高速改变中国 ·  1 周前  
51好读  ›  专栏  ›  UI头条

你们的黑马哥又来了

UI头条  · 公众号  ·  · 2017-08-08 17:59

正文

上周公众号推送了黑马青年的文章《详解APP设计中的微妙细节》,简直是好评如潮、大快人心(这词好像不是这样用的吧.....),迷弟迷妹纷纷表示受益匪浅。而最近UEgood邀请了黑马青年为学员分享他的设计经验,在此献出文字版~




黑马青年,从事设计10多年,全网有129万的人气,是UI中国的认证设计师,在UI中国有着巨大的影响力,获得UI中国“最佳作品集TOP10得主”。


多数设计师都对软件的操作都有了一定的基础,本文就主要讲解了设计师在思路和方法上的技巧。

 

作为设计师,在工作和学习上都离不开“看”、“想”、“做”。这三点是个人经验总结,大家在吸收的时候要看自己的情况来变通,根据自己在做设计和工作上的情况进行改变来提升,以免生搬硬套出现偏差。

 


第一点是看。

 

1.  我如何看?

 

看的时候要根据边看边“藏”、边看边“量”、边看边“吸”、我的门道这4点来看。

 


1.1 边看边“藏”

 

设计师在平常都会上设计网站浏览优秀的作品,在看的时候要养成一个收藏的好习惯。毕竟过目不忘的本领没有。

 

收藏的话,一般可以用花瓣的收藏工具收集在网站上,这样的话可以在不同电脑上都可以在线上找到搜集过的灵感和素材,优点是方便且高效;缺点是不知道哪天存放资料的网站被和谐了,那就歇菜了。

 

另外一种方法就是可以收藏在本地电脑上,对不同的作品进行分类整理,可以定期看不同时期的设计流行趋势。优点是比较安全。缺点是占内存,资料只会越来越多,不便于随时随地调用资料,而且硬盘也会挂。(土豪可以多备几款移动硬盘,此缺点可以忽略不计。)



最靠谱的还是记在自己的脑子里,以上的方法都教给你们了。总之,最主要的是养成收藏的好习惯,你将会受益终生。

 


1.2 边看边“量”

 

我们在看到一个好的设计作品的时候,构图配色都很赞,但是自己做就是做不好看。怎么回事呢?其实最主要的原因就是你真的有把他的作品放在电脑上研究吗?测量他作品用的字体、字体大小、自建局、图像大小、图文之间是怎样的关系等等一些设计上细节的处理。比如为什么头像都是88x88px大小。设计师不能只是看看就完了而不去研究,这样你就无法掌握优秀的作品在视觉上在交互上的处理方法。更何况做UI精确到一像素,对每一个分栏要求就很精细,每个界面之间形成好的交互关系,给用户一个良好的体验。

 

通过测量和研究,你自己就会有对于设计标准的把控,自己做作品的时候就能有标准支撑,做出来符合规范的设计。



在这里再强调一句,设计要先做出来符合标准的设计,不能随意设计,这样你的作品才是对的。然后在视觉上提高,就是一个好的设计了。

 


1.3 边看边“吸”


这个讲的是色彩的概念,在做作品的时候要注重配色方面。如果你看到一个作品觉得配色还可以的话,就需要分析这个色彩为什么这样搭配比较好看。配色不是偶然,它是由一定的原理基础来支撑的。不管是平面构成、立体构成还是色彩构成都要通过基础的理论去阐述你的作品。

 

在做UI设计的时候要选择恰当的配色,界面设计不像其他海报设计在几秒内抓住人眼球,UI设计是经常看到的,如果配色太刺激眼用户就会不舒服,所以我们要调出来色环工具辅助设计。



大家可以在网上百度出来很多配色方案,在做设计的时候可以直接参考。不过还是考虑你做的设计和产品以及品牌调性等因素。

 


1.4 我的门道


基于前文中提到收藏、测量和配色,建立自己的色卡,把好的配色存在色板中,方便在以后的设计中直接调用。

 

因为我们很多东西都讲究一个方法论,所谓的方法论就是你从别人那里借鉴学习得来的,通过消化之后就变成自己的经验,做出来自己独特的设计。




第二点是想。


2.  如何想?

 

为什么要学Ta、如何不像Ta、如何把Ta的变成我的、记录想法

设计师通过看也好练也好都可以提升在表现层上面的东西,做出来的东西都会比较漂亮好看。但是在好看的前提下,要说清楚这个东西它为什么好看。所以在交流的时候想法还是很重要的。这就是第二点我们要说到的东西。

一定要把自己的基础先打好。

 


2.1 为什么要学Ta


当你看到一个优秀的设计作品的时候,你把它当作学习对象。这个时候就不要盲目的去学他的东西,你要知道为什么你要选这个。学习它的配色、布局还是交互。和他们交流为什么要这么设计,他就会告诉你,这样你就知道为什么了。




2.2 如何不像Ta


我们可以借鉴别人的技法或者配色等等技巧,但是我们需要远离Ta的影子,不要成为一个搬运工。原创就是把自己的灵感与潜意识相结合。别人的优秀的作品有出彩的地方,我们在后期做作品的时候不要带着别人的影子,这也会影响你的成长。内行的人很容易看出来你的水平。我们可以多开阔自己的眼界,与自己的产品相结合做设计,这样我们做东西的时候才不会钻牛角尖。




2.3 如何把Ta的变成我的


这个其实就是每个设计师成长的必经之路。

每个设计师都有自己最擅长的一面,我们需要把别人优秀的东西转化为自己的风格。在配色、布局、交互、选图、技法等方面学习,把别人优秀的风格炼化为适合自己的神丹,形成自己的风格,这样你就成功了。

 

主攻一方面,切记什么都一块学,这样反而会自乱阵脚。现在是分工很细的社会,在自己的领域内做到最好,然后再去延展别的领域的时候也一样能够做好。比如说你界面设计做的好那么你做网页设计也可以做好。因为设计的原理是相通的。而不是你什么都懂而什么都不精。所谓的“T”型人才,主要还是那根竖线能多深入才能取决你横线能延伸多长。




2.4 记录想法


我们每天都会有一些新奇的发现与想法,你当时不一定能做出来,你就把它记录下来,等到哪天你空闲的时候,你把它翻出来再做,这样你的创意就出现了。创意最终都来源于生活。比如下图就是看到一张好的摄影图保存下来,在以后的设计中可以选择这个色彩和构图,一副好的作品就实现了。



又来上面的看和想,我们就有了一个作品的构思了,剩下的就是做出来实现它。

 

  

第三点是做。


3.  我如何做?

 

首先我们要制定一个目标,强迫驱动、阶段性的主攻单一技能、理论辅助、平台曝光接受质检。

 

如果你看过很多作品,也知道这个作品是如何做出来的,看了很多视频教程而不去做,其实这个只是你看到了方法而已。当你真正去操作的时候,你还是一样不会做出来,因为你没有做过。所以最主要的还是做。不管你是不是遇到瓶颈期还是在项目协作方面出现问题,大量的练习能够提高你各方面的的能力。

 

日常练习能够激发你的脑洞。因为在商业设计中做的很多都不算特别有创意的东西,绝大多数的公司都是业务要重要于设计的。一线大平台的很注重个人的练习的,因为大家都知道很多APP都很严谨很规范长的差不多,看不出来你的水平和创意。但是练习作品就不一样了,这个能够体验你独特的创意风格。

 


3.1如何做


如果我们每天业余时间坚持学习2小时,一年就有730小时。一天工作时间为8小时,我们就比别人多91天。也就是一个季度。

大家坚持下来不想进步也是很难的。大家可以看一下我一年利用业余时间做的部分作品。



如果你没有提高,那这时候你就要停下来想想是不是方向不对,哪一步走错了,还是每天去临摹作品有问题。这个要根据每个人自身的情况去考虑。

 

只要是熟练了PS或者Sketch,这些都是工具,你就可以从临摹开始慢慢的到借鉴,最后做出来属于自己的作品。

 


3.2 阶段性的主攻单一技能


明确自己的目标,不要被外界的干扰所左右,坚持自己的初心。界面、插画、动效、C4d等风格,你需要去阶段性的攻破其中一个,而不是眉毛胡子一把抓。

 

比如说C4d,这个技能是不错,但是很多APP是很少会用到三维模型在用户界面上的。这个就需要根据自己的实际情况,所需要的技能一步步来掌握。如果你不清楚方向的话可以多请教前辈们是怎么提高。




3.3理论辅助


做视觉设计,它是属于表现层的东西,但是表现层的东西你还是要相应的理论去表述的。建议大家可以去买一些专业相关的书籍,买了回去一定要看,随手翻翻。一本书会有整套的理论体系,这个对于大家学习很有帮助。至于是纸质书还是电子书这个要看大家的阅读习惯了,不过如果可以还是推荐大家买纸质书。

 

设计归到最初还是平面构成、立体构成、色彩构成这三大结构,这个理论体系大家要打好基础,不管你去做UI设计、平面设计、视觉设计也好都没有太大的问题。




3.4 平台曝光接受质检


一个人做是比较无趣的,你可以坚持一天两天,你不能保证你能坚持很多年。如果你有一群和你一样热血的设计师一起去打造这个氛围,有了这个氛围大家一起PK。在站酷、UI中国、Behance等一些设计网站发布自己的作品可以形成作品集,也可以和其他设计师进行交流。现在是互联网时代,要利用好这个优势,现在很多大公司招聘不可能好几G的资料上传到简历上,这时候就可以附带上你的在线的作品链接。设计师最主要的关卡还是作品,双方可以先了解情况为彼此提高效率。而且你还可以看你每个时期的水平,大家一定要利用好互联网的好处。



以上就是大咖黑马青年给大家分享的经验,希望设计师们能够更好的学习和成长。

 


文字版只是提纲挈领,意犹未尽的同学可以直接通过完整视频学习:



(视频分为多段,按顺序往下看就可以)



还想深入学习更多设计知识?

这个8月,UEgood(公众号ID:uduegood)还有一个大惊喜 !扫描图中二维码学UI,立马优惠3000元!仅限15个名额!先到先得!