1. 首页

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

所以,如果遇到一个审美偏低的金主爸爸,让自己的专业去影响对方,就能达到提升自己的作品视觉的效果。通过手的训练,提升了你的审美感受力。最后一种配图的风格就是C4D制作的质感特别高级的立体艺术,场景装置,在电商展示产品的时候用的多一些。最后,你会发现,其实做一份好的作品,提高自己的作品视觉效果,这套方法,也能让自己变成一个更好的人。

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

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

然而,学习UI设计,归根到底,是对拼盘里的内容进行组合装配的过程。今天我们这篇文,就是试着回答经常收到的网友私信关于UI设计学习的难题:我必须如何提升UI设计呢?

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

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

一、你知道你的金主爸爸吗?

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

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

审美能直接带给利润吗?这篇文章不好直接提问这个难题,但是,你必定要明白,审美高,不是在职UI设计师们的第一追求目标。acceptit!

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

潜在提升对方的审美值

能潜移默化提高甲方的审美,这点十分关键。而能妨碍他人的前提,是你要用你的专业去征服他人。而不是和别人硬杠。

这些之后,我们以为boss并不关心我们的行为,其实,他也是体现出不在乎的样子,目的是为了让你放松,表现出最真实的你。而他也在这一过程中悄悄观察你。

然而,如果你能给他以”专业“的印象,那么这个印象经常增加你在工作过程中的话事权。

人与人之间的关系,其实就是一个潜在的能量拉锯过程。你要提高自己在职业的能量值,类似把你的职业系数开大。你首先要接受这份雇佣关系,既然是关系,就一定在寻求一种平衡。如果你弱了,他自然就要强压你,让你难受,让你996,让你改稿改到喷血……如果你强了(大约在专业上强),他觉得你值得这份薪水的支出,自然都会尊重你、怕你辞职、听你的意见……

如果不是奇葩老板或甲方,这份关系的确立,就是那么简单。

然而,如果碰到一个审美偏低的金主父亲,让自己的专业去影响他人,就能达到提高自己的作品视觉的效果。

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

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

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

眼睛的审美是贪婪的,没有天花板的。之所以你认为自己做的作品不漂亮,其实还是由于看过其它更漂亮的作品。

而漂亮是哪个?难道我认为很少人会探讨这个难题。如果说漂亮就是流行,就是开启dribbble、Behance里这些推荐作品,然后让人们来告诉我们好看的设计就必须是这种,那么我们的审美其实也有很被动的。

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

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

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

临摹会带来什么

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

没有照片素材也没关系,原作素材的参加刚好是你的学习点的起初。打开截图网站,搜索一张和以前素材类似的照片。然后再和文字组合,看看和原作有哪些不同。

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

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

这些借鉴的好作品,大都是英语排版。试着换成英文排版,看看如何把英文更加漂亮。如果直接用英文,的确在视觉上很省事。但是,你的金主父亲显然会同意,你们的营销思路也大几率不会拒绝。

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

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

然而,如果是一直做商稿,就要有内心有打算。临摹时也要有所调试。最好的临摹,就是能超越原作。

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

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

三、你的原创力

然而目前网上有众多优秀新作,但是,有原创感的优秀新作,其实相当特别少。因为多少大家都在互相借鉴,能完全独创的或许比较稀缺。

你的金主父亲可能不会给你时间原创。但是你要把原创列为自己职业生涯一个特别阶段性的重大目标。

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

设计师最大的能量原点,就是你的idea。这我在《没有音乐基础的设计师如何学习绘画》这篇文章中也提到了。很多设计师之所以没有在这行坚持下来,也是由于这个点没办法突破。

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

任何工作,只要丢失了原创力,就会容易被替代。一个人一旦做街道清洁做得有成就力,他就不再是普通的清洁工,而或许是环卫专家。一个即使做农活做得有原创力,他就或许是一个田园生活模式博主。

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

而你必须如何迎来你的爆破点呢?

在没有原创力的之后,我每天都很沮丧。除了临摹,没有别的方法。所以经常能出稿,打开ps,我都很高兴。因为即使练一次,就有一次的提高。这和累积积分是一样的。

现在原创的不漂亮?没关系,已经积下1分了。这次没有完全原创?没关系,下次多下降一点原创的配比。

用积分的态度去改善自己,就能部分抵消掉无法原创的恐惧。所以,很多人说我勤奋,其实一般也就是与其刷剧看小视频,我更乐意在此处积分罢了。

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

不要害怕丑!

那天看综艺,听到一个人讲:“一个人唯有打破自恋,才是真正成长了”。这句话非常能共鸣到我。

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

这些人之所以不能原创,只是由于担心被人说不漂亮。所以,只能借鉴别人的作品成为设计的起初。这段历程是必经之路。

然而到了一定阶段,这样的起初经常带给限制。如果有天断网了,你就没办法创作。如果你的金主父亲要你画一画APP的改版思路,你的下意识反应是“等我开启dribbble参考看看”。这即将很危险了。

然而这些人终于习以为常,但我却觉得这不是正常的。设计师似乎不需要是马上抓起笔来能够画吗?之所以雷同的APP界面这么多,大家的习惯造就了我们的现实。

成为一个自由设计师,我最大的自由一般就是有时间表现得真实且不漂亮。作为一个在职设计师,这应该你挤出时间带给你的今后。

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

当你拿着你的作品集准备简历的之后,如果你能原创作品,并且骄傲的打出原创二字,提出你的原创模式。你的作品集必定是会比其它(虽然看上去更高大上,但是没有原创力的佳作)更有机会受到面试机会。

同样的薪资水准下,boss更偏爱的是哪一种设计师呢?

如果你正在找工作,或者考虑辞职,你依然要切换到boss的维度上,他请一个人是来做哪些的?他为什么要招人?

他请的设计师即使并非按他的命令,他给的参考照片来画,他在心里给这个员工的分数最多就是一个及格分。当然,他不会随意炒掉你,但是一有机会,一定会想方法换掉你。而即使你能画出他没见到的更优秀的作品,情况显然会完全不一样。

此处的Boss可能又会分为大公司和小公司,大小公司是相对不同的运作方式。大公司通常走得是概念风,他们花得起钱,所以更加强品牌的释放。小公司原来也分太多种类,但小公司通常都是Boss个人的人格化的展现,因此熟悉boss,摸清他的风格非常重要。

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

四、UI设计师的素材库

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

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

图标元素

虽然目前UI常用的图标,是以简洁的线体为主的图标。网上已经有众多免费的UI线体界面给你们下载。如果UI界面不是特殊的市场类图标的话,常用的,比如:用户、主页、推荐、购买、登录、邮箱、电话、客服……等这类图标的可选用量是相当丰富的。

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

然而即使涉及到特殊的图标,网上就或许能找到适合的资源。如果直接拿对方的素材资源,一旦要用到特殊的图标时,如果找不到同类风格的图标,这时就很棘手。这就必须你能自己按照原有的风格线索来画。

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

配图

配图我们可以分为两类,一类是Banner类的视觉比例偏大的照片。这类图片可以是摄影以及绘画,通常,Banner的位置发生在面部,所以要求画面高清且层次丰富。

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

此外,光是对头部Banner的设计,就必须以对待广告设计的心态来承接它的设计。但又与此同时,需要和UI界面中其它的元素样式相契合。

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

另一类是其它的照片信息中的配图,这类配图与也许是产品和服务的照片,如果是在介绍类的文字中发生,也必须精确的辅助表现信息。

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

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

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

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

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

字体

字体是很易于被忽视的元素之一,因为针对UI设计,尤其是英文字体更多依赖系统能提供哪些图标,没有平面设计如此自由。

然而UI设计师对字体却要更加小心,尤其是大型的文字,比如Banner内的文字,可以以照片方式出现的文字或者中文,都要切记字形对整个界面的影响。

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

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

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

视频

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

交互

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

然而UI设计师也必须对交互的感受多一些知道,尤其要对代码实现到什么程度心中有数。否则你的界面只能是一张照片,只有审美功能,没办法实现作为真正的界面。

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

虽然方向大家都清楚,缺乏的也是日积月累。

五、为自己攒时间

这些人说,你说的都明白,但是我没时间啊,要上班啊……

记住,当你在说这句话的之后,你将要开启了一个恶循环,这个恶循环就是:重复工作无暇顾及自身成长,没办法成长因此更要尽力重复工作……最后到了中年危机,加班加不动的之后,前面来了一大波比你能上班,还能接受低薪的小年轻,瞬间变成“被优化”的一员。

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

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

当你认为自己零碎时间多,而大块时间不足的时侯,你必须想想为自己做一套时间管理计划。让自己多一些自律。

例如我仍然自由职业,所以有段时间每天都睡到9点醒来,以为自己睡饱了能够工作强度更高,其实相反发现那段时间工作都没太多进展。后来改成7点醒来之后,由于早上完成了这些工作,反而一天下来发现自己能完成的强度比之前高这些倍。

最终,你会看到,其实做一份好的作品,提高自己的作品视觉效果,这套方式,也能让自己成为一个更好的人。优秀不应该尽力的,它没法是一个习惯。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=974

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息