提升UI设计视觉效果的5个角度

21155 2020-03-17

  UI设计是一个拼盘,学习从来都要全盘考虑

  我曾经写过,UI设计是一个拼盘,它需要把版式设计、字体设计、配图设计、插画设计、摄影后期等所有与视觉有关的内容都全部综合在一个拼盘里,这个拼盘呈现的形式,可以是APP界面,或者网页界面。

  所以,学习UI设计,归根到底,是对拼盘里的内容进行组合装配的过程。今天我们这篇文,就是试着回答经常收到的网友私信关于UI设计学习的问题:我应该怎样提高UI设计呢?

  我一方面从技法上给大家一点学习建议,一方面主要从大环境,更高的维度来阐述这个看似只是职业技巧的问题。也许它不是职业技巧,而更甚是一个哲学问题。

  搞清楚这一点,对你的职业生涯尤其重要,你能获得学习提升的方向,也能帮助你判断你的工作价值感在哪里。

  一、你了解你的金主爸爸吗?

  你的UI界面出稿,最初的观者受众,是你的甲方爸爸。也可能是你的上级BOSS。他们的审美,其实就是你的UI界面审美的第一道关卡。

  如果他们的审美趣味比较老套,估计你想潮起来也没机会。参考dribbbble?别开玩笑了。认真点开国内那些广告飘来飘去的门户大网站。最好还能是他们所属行业里前三的那种水平。对于金主爸爸们来说,绝大多数(不排除有另类者)都是以“利润多”为目标的。你也可以在这里把利润换成流量。

  审美能直接带来利润吗?这篇文章不好直接回答这个问题,但是,你一定要知道,审美高,不是在职UI设计师们的第一追求目标。accept it!

提升UI设计视觉效果的5个角度

  潜在提升对方的审美值

  能潜移默化提升甲方的审美,这点非常关键。而能影响对方的前提,是你要用你的专业去征服对方。而不是和对方硬杠。

  很多时候,我们以为boss并不关心我们的行为,其实,他只是表现出不在意的样子,目的是为了让你放松,表现出最真实的你。而他也在这一过程中默默观察你。

  所以,如果你能给他以”专业“的印象,那么这个印象就会提高你在工作过程中的话事权。

  人与人之间的关系,其实就是一个潜在的能量拉锯过程。你要增加自己在职业的能量值,类似把你的职业系数开大。你首先要接受这份雇佣关系,既然是关系,就必定在寻找一种平衡。如果你弱了,他自然就要强压你,让你难受,让你996,让你改稿改到喷血……如果你强了(至少在专业上强),他认为你值得这份工资的支出,自然就会尊重你、怕你跳槽、听你的意见……

  如果不是奇葩上司或甲方,这份关系的建立,就是如此简单。

  所以,如果遇到一个审美偏低的金主爸爸,让自己的专业去影响对方,就能达到提升自己的作品视觉的效果。

提升UI设计视觉效果的5个角度

  二、眼界来自你的手,更多来自你的心,和眼睛没关系

  眼睛的审美是贪婪的,没有天花板的。之所以你觉得自己做的作品不好看,其实还是因为看过其他更好看的作品。

  而好看是什么?其实我觉得很少人会思考这个问题。如果说好看就是流行,就是打开dribbble、Behance里那些推荐作品,然后让他们来告诉我们好看的设计就应该是这样,那么我们的审美其实也是很被动的。

  这又是一个哲学问题。但是我们还是不要活得这么复杂吧,回到技术层面。

  要好看的界面?很简单。每天对着Dribbble上排名top的作品进行临摹就可以了。临摹不要想太多,就是做。做的过程,会告诉你所有的答案。

提升UI设计视觉效果的5个角度

  临摹会带来什么

  临摹的过程会有一种“再经历一遍创作者的design过程”的感觉。首先你会从排版上发现,哇,原来这样排版更好看,文字可以用这种方式排在一起。

  没有图片素材也没关系,原作素材的缺席刚好是你的学习点的开始。打开图片网站,搜索一张和原来素材类似的图片。然后再和文字组合,看看和原作有什么不同。

  下图左边是网上找来的原作,右边是根据原作所做的临摹。

提升UI设计视觉效果的5个角度

  很多借鉴的好作品,大都是英文排版。试着换成中文排版,看看怎样把中文变得好看。如果直接用英文,的确在视觉上很省事。但是,你的金主爸爸未必会同意,你们的营销策略也大概率不会答应。

  以下就是经过中文洗礼以后的APP界面设计:

提升UI设计视觉效果的5个角度

  所以,如果是经常做商稿,就要有心里有准备。临摹时也要有所调试。最好的临摹,就是能超越原作。

  通过手的训练,提升了你的审美感受力。起码能追到最流行的视觉节奏,出稿就“下笔如有神”。这种“神”,甚至不需要你每次设计就打开参考图库,而是能直接从大脑中取货。

  三、你的原创力

  虽然现在网上有很多优秀作品,但是,有原创感的优秀作品,其实非常非常少。因为多少大家都在相互借鉴,能完全独创的其实非常稀缺。

  你的金主爸爸或许不会给你时间原创。但是你要把原创列为自己职业生涯一个非常阶段性的重大目标。

  你的原创力决定了你的职业生涯长短

  设计师最大的能量原点,就是你的idea。这我在《没有美术基础的设计师怎样学习插画》这篇文章中也谈到了。很多设计师之所以没有在这行坚持下去,也是因为这个点没办法突破。

  很多人说设计师是美工,美工也许是对没有原创力的设计师的一个统称。但我其实很想为美工正名,美工未必没有原创力。美工侧重“工”,只是侧重点不一样。并无高下之分。

  任何工作,只要丢失了原创力,就会容易被取代。一个人如果做街道清洁做得有创造力,他就不再是普通的清洁工,而可能是环卫专家。一个如果做农活做得有原创力,他就可能是一个田园生活方式博主。

  一份工作能否给你带来价值感,也是以“原创的比例”作为基准的。原创的比例越大,你在这份工作中的能动性越强,就越能给自己带来成就感。

  而你应该怎样迎来你的爆破点呢?

  在没有原创力的时候,我每天都很焦虑。除了临摹,没有别的办法。所以每次能出稿,打开ps,我都很开心。因为只要练一次,就有一次的提升。这和积累积分是一样的。

  这次原创的不好看?没关系,已经积下1分了。这次没有完全原创?没关系,下次多增加一点原创的配比。

  用积分的心态去提升自己,就能部分消减掉无法原创的焦虑。所以,很多人说我勤奋,其实大概也就是与其刷剧看小视频,我更愿意在这里积分罢了。

提升UI设计视觉效果的5个角度

  不要害怕丑!

  那天看综艺,听到一个人讲:“一个人只有摆脱自恋,才是真正成长了”。这句话特别能共鸣到我。

  很多人之所以不能原创,只是因为害怕被人说不好看。所以,只能借鉴别人的作品作为设计的开始。这段经历是必经之路。

  但是到了一定阶段,这样的开始就会带来限制。如果有天断网了,你就没办法创作。如果你的金主爸爸要你画一画APP的改版思路,你的下意识反应是“等我打开dribbble参考看看”。这已经很危险了。

  虽然很多人已经习以为常,但我却感觉这不是正常的。设计师难道不应该是立刻抓起笔来就能画吗?之所以雷同的APP界面这么多,大家的习惯造就了我们的现实。

  作为一个自由设计师,我最大的自由大概就是有时间表现得真实且不好看。作为一个在职设计师,这需要你挤出时间留给你的未来。

  切换到boss的维度再来看原创的价值

  当你拿着你的作品集准备简历的时候,如果你能原创作品,并且骄傲的打出原创二字,提出你的原创思路。你的作品集肯定是会比其他(或许看起来更高大上,但是没有原创力的作品)更有机会得到面试机会。

  相同的薪资水平下,boss更青睐的是哪一种设计师呢?

  如果你正在找工作,或者考虑跳槽,你永远要切换到boss的维度上,他请一个人是来做什么的? 他为什么要招人?

  他请的设计师如果只是按他的命令,他给的参考图片来画,他在心中给这个员工的分数最多就是一个及格分。当然,他不会随便炒掉你,但是一有机会,一定会想办法换掉你。而如果你能画出他没见过的更优秀的作品,情况肯定会完全不一样。

  这里的Boss可能又会分为大公司和小公司,大小公司是相对不同的运作模式。大公司一般走得是概念风,他们花得起钱,所以更重视品牌的传递。小公司其实也分很多种类,但小公司一般都是Boss个人的人格化的体现,因此熟悉boss,摸清他的风格比较重要。

  但不管怎样,原创力一定不止你的工作能力。而也是你的表达力的体现。表达,只有熟能生巧。自由的表达,能帮助这家企业输出其内在价值。这也就能更大带来企业的收益。这是金主们的最爱。

  四、UI设计师的素材库

  很多人对素材库的概念就是付费的图库。毕竟网上现在的付费图库已经手到擒来了。好照片,当然有。佼佼者却不多。

  要用好素材,我们的UI设计就成功了一大半,可以说设计UI的过程,其实就是处理和组合素材的过程。下面我们可以把UI设计所需要的素材大致分为四类:

  图标元素

  其实现在UI常用的图标,是以简约的线体为主的图标。网上已经有很多免费的UI线体图标给大家下载。如果UI界面不是特殊的行业类图标的话,常用的,比如:用户、主页、推荐、购买、登录、邮箱、电话、客服……等这类图标的可选择量是非常丰富的。

  但是一旦涉及到特殊的图标,网上就未必能找到合适的资源。如果直接拿别人的素材资源,一旦要 用到特殊的图标时,如果找不到同类风格的图标,这时就很棘手。这就需要你能自己根据原有的风格线索来画。

提升UI设计视觉效果的5个角度

  配图

  配图我们可以分为两类,一类是Banner类的视觉比例偏大的图片。这类图片可以是摄影或者插画,通常,Banner的位置出现在头部,所以要求画质高清且层次丰富。

  单纯靠一张摄影作品就做出头部Banner的时代过去了,取而代之的是插画或者对摄影做更进一步的视觉处理。而且为了传递信息的准确直达,也会添加相应的文字来丰富画面。

  因此,光是对头部Banner的设计,就需要以对待广告设计的态度来承接它的设计。但又与此同时,需要和UI界面中其他的元素风格相呼应。

提升UI设计视觉效果的5个角度

  另一类是其他的图片信息中的配图,这类配图与可能是产品和服务的图片,如果是在介绍类的文字中出现,也需要准确的辅助表现信息。

  还有一种配图的方向,也就是利用插画。直接创作插画就比去网上找图片素材来得简单,表现清楚概念就可以。

提升UI设计视觉效果的5个角度

  最后一种配图的风格就是C4D制作的质感特别高级的立体艺术,场景装置,在电商展示产品的时候用的多一些。

提升UI设计视觉效果的5个角度

  无论你是用哪一种方式表现配图,摄影、插画、立体……,都需要一门深入,表达得彻底。不是懂得越多越好,而是越深入越好。因此选好一个适合自己的方向非常重要。

  字体

  字体是很容易被忽略的元素之一,因为对于UI设计,尤其是中文字体更多依赖系统能提供什么字体,没有平面设计那么自由。

  但是UI设计师对字体却要非常小心,尤其是大型的文字,比如Banner内的文字,可以以图片形式出现的文字以及英文,都要注意字形对整个界面的影响。

  现在的字体商用版权也非常严格,因此大家在商用时要特别小心。比较保守的做法就是使用开源的字体,而想要特别一点的比较大的字体时,最好能自己设计。

提升UI设计视觉效果的5个角度

  视频

  如果是比较简单的UI界面,很少会用到视频。毕竟敢把视频直接放到自己的服务器里给用户看,而不是引用外部资源的平台也不多。视频的流量真心是贵啊~(我自己的个人网站就用过视频,还好一直比较庆幸流量不大)

  交互

  UI的交互是交给代码实现的,但是UI设计师不会代码,那么就用动效的方式来展示。这样能把交互概念更完整的递交给前端。

  所以UI设计师也需要对交互的体验多一些了解,尤其要对代码实现到哪个程度心中有数。否则你的界面只能是一张图片,只有审美功能,没办法实现成为真正的界面。

  以上几个方向能拿下,基本上你的UI界面设计,就算不能登顶,也能在行业里被众星捧月膜拜好一阵了。

  其实方向大家都知道,缺乏的只是日积月累。

  五、为自己攒时间

  很多人说,你说的都知道,但是我没时间啊,要加班啊……

  记住,当你在说这句话的时候,你已经进入了一个恶循环,这个恶循环就是:重复工作无暇顾及自身成长,没办法成长所以更要努力重复工作……最后到了中年危机,加班加不动的时候,前面来了一大波比你能加班,还能接受低薪的小年轻,瞬间成为“被优化”的一员。

  那么,如何为自己攒时间应对这一潜在危机呢?我这里有个办法就是:不做无谓的时间上的牺牲。

  什么是时间上的牺牲呢?和别人无休止争论一个问题,一年换N家公司,反复无常找不到方向,闲聊无意义的虚幻的可能性……总的来说就是做无用功。这些零碎时间,完全有可能替换成你的学习成长的时间。

  当你觉得自己零碎时间多,而整块时间不足的时候,你应该想想为自己做一套时间管理计划。让自己多一些自律。

  比如我一直自由职业,所以有段时间每天都睡到9点起床,以为自己睡饱了才能工作效率更高,其实相反发现那段时间工作都没太多进展。后来改成7点起床以后,由于早起完成了很多工作,反而一天下来发现自己能完成的效率比之前高很多倍。

  最后,你会发现,其实做一份好的作品,提高自己的作品视觉效果,这套方法,也能让自己变成一个更好的人。优秀不需要努力的,它只能是一个习惯。


分享
热门推荐
HOT RECOMMENDED