没有任何基础转行学 UI设计 ，就业难不难主要看你的学习方式，如果是自学的话是非常难的，没有系统的知识体系，没有扎实的理论基础，做东西很难上手的话，基本上没有企业会录用你。

如果是选择报班培训学习的话，就业是一点都不难，因为报班学习一般都是有辅导推荐就业的，报班可以学到专业技能。每个人学UI设计都是要从0基础开始学起，没有人天生就有设计基础，所以不用担心没有任何基础，参加培训会有人手把手的教你学。

设计是一个庞大的各种技能领域相互交织的行业，尤其是这个行业发展非常迅速，我们需要学习的还有很多。因此我们可以通过做一些side projects来拓展自己的各项技能。

一、什么是Side Project?

Side projects是指那些与你平常工作相关或者无直接关系的，是为了兴趣爱好在业余时间执行的计划。它们可以是荒谬滑稽的项目，也可以是你做的一些兼职等等。

所以我们为什么要做side projects?

二、激励自我成长

Side projects可以帮助你学习一项新的技能。随着职业发展，你会发现要想跟紧这个行业快速发展的步伐，那就必须不断的强化自己的技能，与时俱进。

尽管设计的基本原则是纯粹坚定的，但是新的方法和技术也源源不断的产生，现在我们也有很多机会去尝试不同的side projects，让自己保持新鲜感、存在感和敏锐的反应力，保持设计师的时髦胡须、大墨镜、手臂纹满纹身的潮流形象。

三、品尝创意的鲜汁

做side projects除了能让自己增长自信，提升技能，给自己的履历添色之外，还有另外一个好处是，让自己在平淡无味的项目里有喘息的机会。

设计师的日常并不是百分百的新鲜好玩，经常会被迫啃一些过期的面包，一些你并不引以为豪的项目，还有一些做着做着就要睡着的工作。尝试去做side projects吧，给自己创意的自由，唤醒内心沉睡的创意野兽。

四、展示你的作品

我发现很多人都不敢展示他们自己，这些年我学会最重要的一点是要持续的分享你的作品，你可以在Twitter、Behance或者Dribbble等任何一个平台发布自己的作品。

我知道很多人害怕这样做，特别是当他们还在学习的阶段时，对自己不自信。那我告诉你为什么要发布作品：

1、得到不同反馈：

在平台发布作品，可以得到大家的反馈，让大家告诉你哪些是好的，哪些地方做得还不够。不要害怕批评，这是你可以得到进步的重要场所，不是每个人都会喜欢你的作品，你可以选择听取好的意见，不断地学习提高自己。

2、打造个人品牌

你分享的越多(当然不是每天刷屏的频率)，大家就更有可能注意到你的成长和进步，以及你有探索更多的可能性。

如果你希望大家看到你的努力和坚持，那就要用心去经营好自己的个人品牌，可以发布你写的文章，案例学习，或者做一些演讲。你越愿意敞开心扉，展示自我，就会有更多的人愿意接纳你。

3、自我成长进步

不要害怕分享你的成长历程，回过头再看看自己的成长和进步，是非常有成就感的。不断地督促鞭策自己是很重要，但是也要不时的回头看看自己走了多远，给自己些许的赞扬和鼓励。

如果你真的有提升拓展某项技能的渴望和动力，那没有什么能够阻止你学习和进步。我知道这需要花费很多时间，而且会有一定的压力，但是只要你有足够的决心，总能挤出时间来学习，而不是坐在那里看无聊的肥皂剧。

你知道Google mail、Uber和Instagram这些产品也是side projects发展而来的吗?为什么不打开电脑开始脑洞起来呢，说不定下一个改变世界的产品就因此而诞生了。

这篇文章来自 UI 设计师 Diana Malewicz，她在日常工作中会非常注意  UI设计 的流行趋势，而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面，并不涉及到体验和交互。

最近我花了不少时间来观察 UI 设计的发展趋势，我偶然间注意到了不少很有意思的苗头，或者说设计趋势。我认为这些设计趋势，能够在不久的将来塑造更加独树一帜的UI 。

下面是我所梳理总结出来的 10 种趋势。

1、新拟物化

的确，新拟物化是2020年处于风口浪尖的一种视觉风格，无论你喜欢不喜欢，觉得它可行不可行，它现在都已经是一个确定的、成型的风格，并且会持续存在着。

不过，新拟物化从最初诞生到现在，已经有一定的改变了，并且在向着更加复杂、完善的方向发展，有着更为良好的可访问性，开始具备更多拟物化的设计特征，但是更加新鲜、现代，并且更能渲染出独特的氛围感。

2、柔和渐变

渐变这种设计趋势正在进入两极分化的一个阶段。一方面，在视觉设计领域，一部分渐变变得更加夸张，但是在 UI 设计领域，无论是背景、UI元素(比如按钮、卡片和图形)，渐变依然存在，只不过会显得更加微妙柔和。

在 UI 设计领域，还有的设计师会使用双色渐变，并且结合模糊效果，让它更加柔和。

3、几何元素

几何元素既可以作为背景来使用，也可以作为装饰细节，让你的设计越来越有趣。几何元素在最近几年受到的关注非常多，在设计上的应用也颇为广泛，甚至有人将几何元素拼接成为马赛克，最终呈现出来的视觉效果非常酷!

4、色调柔和背景

必须说，我个人是非常喜欢这种设计趋势的。我已经看到了很多令人惊艳的、轻巧且极富美学价值的背景设计，它们用明亮柔和的色彩铺满背景，展现出极强的色彩和搭配的技巧。

使用色调柔和的背景能够让整个设计都显得现代而沉静，清新，让内容真正抓住用户的注意力。

5、插画和3D元素

插画毫无疑问是非常流行的。不过，不论是配色还是视觉风格，无论是什么样的插画风格，最终的目标依然是要契合产品和 UI，所以很多插画都选择了相对扁平的风格，或者选择模拟类似3D的视觉外观。相比于每个数字项目都在使用的免费图片，插画真的是向前走出了一大步!

6、抽象图形

和传统的规则的几何图形不同，抽象而不规则的图形可以让界面显得更加不拘一格和好玩，更通俗的来讲，就是让 UI 界面更加「有机」，我认为这是一件好事。使用钢笔工具在原始的圆形和矩形上进行编辑，尝试不同的轮廓，承载不同的颜色和渐变效果，最后生成的效果会非常有趣。如果你不想去自己绘制，可以尝试一下 Blobmaker 这个工具，能够帮你节省时间~

7、深色模式

深色模式在这2年绝对是人所共知的一个设计风尚了，如今的深色模式 UI 设计已经深入到各个不同的应用。简单来说他是整个界面配色反转之后的效果，便于用户在深夜更轻松地浏览界面信息。只不过在具体的设计实施上，深色模式远不是简单的色彩反转就可以实施的，有很多注意事项，尤其是在对比度控制上。

8、倾斜角度呈现、

最初大家在 Dribbble 上会倾向于使用非标准的排版布局方式来呈现UI界面，后来这种展现方式开始逐渐在实际的设计项目中应用开来。在实际的设计当中，绝大多数情况下都会挑选30度到50度之间的倾斜角度。这种方法非常不错，可以多尝试。

9、弥散的阴影

阴影是拟物化设计当中最重要的视觉元素之一，而如今它又再次大规模流行开来了。只不过相比于之前「沉重」的阴影，柔和的弥散阴影在美学上更加令人愉悦，通常，阴影会让 UI 元素的「可点击感」更强，并且有助于区分界面中的层次结构。

10、简约加粗的字体

实际上早在 iOS 7 的时代，曾经一度流行过笔触纤细且字体宽度比较窄的字体，不过很庆幸这个时代过去了。现在所流行的字体更加讲究字体的可读性，字体的外轮廓都大体趋近于正方形，外观显得更加大气而现代。如果你正在寻找类似这样的字体，可以试试Poppins、Montserrat、Gilroy、Sofia Pro、Proxima Nova 等字体。

动画效果现在已经渗透到UI界面的每个角落。由于动态效应，屏幕与屏幕之间的切换更加连贯，而交互的语境逻辑因动态效应而更加清晰。动态效应对于产品和用户来说都是非常罕见和重要的部分。

动效的持续时长和速度

当元素的位置和状态发生改变的时候，动效的速度应该足够慢，维持足够长的时间，让用户能够注意到变化，但是同时，又不能慢到需要用户去等待。

大量的研究表明，动效的最佳持续时长是200毫秒到500毫秒之间。这个研究数字是基于人脑的认知方式和信息消化速度得出来的。任何低于100毫秒的动效对于人的眼睛而言，几乎都是瞬间，很难被识别出来。而超过1秒的动效会让人有迟滞感。

在手机这样的移动端设备上，动效时长应该控制在200~300毫秒之间，在平板电脑上，这个时长应该延长大概30%，也就是说，时长应该在400~450毫秒之间。网页动效的处理方式也不一样。由于我们习惯在浏览器中直接打开网页，考虑到浏览器性能和大家的使用习惯，用户对于浏览器中动效变化速率的预期还是比较快的。

相比于移动端中的动效速度，网页中的速度会快上一倍，换句话说，就是动效的持续时长应该在150~200毫秒之间。如果持续时间太长，用户会忍不住觉得网页卡住了。

更大的屏幕=更慢的动效。绝不是如此

请务必记住，无论是在什么平台上，动效的持续时长绝不是单纯取决于屏幕尺寸和运动距离，还取决于平台特征、元素大小、功能设定等等。较小的元素或者较小的变化，相应的动效应该更快一点。因此，大而复杂的元素动效持续时间更长，看起来也更舒服一点。

动效的运动规律要符合物理规律，当元素运动到边界，发生碰撞的时候，碰撞的「能量」最终是要均匀分摊下来的，而弹跳的特效在多数情况下是不适合的，仅在特殊情况下适合使用。

元素的运动过程应该是清晰的，尽量不要在运动中使用模糊的效果，模糊的动效不适合在 UI界面中使用。

列表项所使用的动效，在实际运动的过程中，项和项之间应该有轻微的延迟，元素之间的延迟应该控制在20~25毫秒之间，如果持续时间再长，可能会给人一种迟滞的观感。

缓动

缓动指的是物体在物理规则下，渐进加速或减速的现象。在动效中加入缓动的效果能够让运动显得更加自然，这是运动的基本原则之一。

为了不让动效看起来机械或者人工痕迹太明显，元素的运动应该有渐进加速和渐进减速的特征，就像物理世界当中其他的物体这样。

匀速直线运动

不受任何物理力量的影响，匀速直线运动看起来是非常不自然的，尤其是对于人眼而言。均匀的变化通常只会用在色彩的改变或者透明的改变上，一般来说，我们也可以让背景元素均匀运动，而前景元素保持不变，来呈现它的状态。

缓动加速曲线

通过曲线我们可以看到，物体开始时候的初速度比较低，运动缓慢，随后速度逐渐增加，这意味着物体在加速运动。

当物体加速飞出屏幕的时候，可以使用这种加速曲线，比如界面中被用户使用滑动手势甩出去的卡片。但是请记住，只有当运动对象需要完全离开界面的时候才会这么使用，如果它还需要再回来的话，则不行。

动画曲线有助于正确传达讯息，甚至表达情绪和感觉。在下面的案例当中，我们可以看每个元素的运动位移是完全一样的，所消耗的总时长也是一样的，但是运动的速率变化是不同的，这一点也体现在曲线上，所表现出来的情绪也不同。

缓动减速曲线

当元素从屏幕外运动到屏幕内的时候，动效应该遵循这类曲线的运动特征。从全速进入屏幕开始，速度降低，直到完全停止。

减速曲线可以适用于多种不同的 UI控件和元素，包括从屏幕外进入屏幕内的的卡片、条目等。

缓动标准曲线

在这种曲线之下，物体从静止开始加速，到达速度最高点之后开始减速直到静止。这种类型的元素在 UI界面中最为常见，每当你不知道要在动效中使用哪种运动方式的时候，可以试试标准曲线。

最好使用不那么对称的增速和减速的过程，让动效看起来更加真实。同时大家会更加在意运动的结果，曲线的末端，也就是运动结束的过程最好进行适当的强调。

当元素从屏幕的一个位置移动到另外一个位置的时候，最好使用这种标准的缓动曲线，这个过程中，尽量不要让动画效果引人注意，不要使用戏剧化的效果。

当元素从屏幕上消失的时候，采用了相同的不对称缓动曲线，用户同样可以通过滑动回到之前的位置。这个环节使用了抽屉式导航控件。

从这些案例当中，可以看出许多动效的初学者对于运动规则的了解还不足。比如下面的这个动效，元素随着减速曲线出现，然后使用标准缓动曲线消失。根据 Material Design 的标准，新出现的元素持续的时间应该更长，因为需要吸引更多的注意力。

为了简化你对于贝赛尔曲线的理解，我们推荐两个网站，分别是 easings.net 和 cubic-bezier.com ，前者包含了最常见的曲线的列表，你可以将他们复制到你的原型工具中，第二个网站为你提供了不同曲线的参数，你可以直接在其中查看各种对象的移动方式。

界面动效的编排

就像芭蕾舞的舞蹈编排一样，动画效果也是需要编排的，它的主要目的是让元素从一个状态切换到下一个状态，自然过渡，让用户的注意力自然地被引导过去。

编排有两种不同的方式，一种是均等交互，另一种是从属交互。

均等交互

均等交互意味着所有的元素和对象都遵循一个特定的编排的规则。

在这个实例当中，所有的卡片都遵循着一个方向来引导用户的注意力，自上到下地次第加载。相反，没有按照这样清晰的规则来加载，用户的注意力会被分散，元素的外观排布也会显得比较糟糕。

至于表格式的布局，它相对就复杂一点。在这里，用户的视线流向应该是清晰的对角线方向，因此，逐个区块次第出现是一个糟糕的设计。这样的逐个显示，一方面耗时太长，另一方面会让用户觉得元素的加载方式是锯齿状的，这种方式并不合理。

从属交互

从属交互指的是使用一个中心对象作为主体，来吸引用户的注意力，而其他的元素从属于它来逐步呈现。这样的动画设计能够创造更强的秩序感，让主要的内容更容易引起用户的注意。在其他的设计当中，用户很难搞清楚哪个才是主要的，因为注意力被分散了。因此，如果要设置多个动画元素，应该定义清楚谁为主，谁是中心，并且尽量按照从属关系来次第呈现不同的子元素。

如果只有一个中心对象，那么其他的对象的运动方式都要受它制约，否则用户分不清楚主次。所谓「不成比例」的变化指的是元素的长和宽的变化并不是按照相同比例来缩放或者变化的，换句话来说，变化的速度也不一样。

相反，如果元素是按照比例改变大小的时候，应该沿着直线移动，这样不仅操作更加方便，而且更符合均匀变化的特征。看一下真实的案例，你会发现直线的运动轨迹会更加合理。

当元素不成比例放大的时候，运动轨迹是弧线，而这种弧线运动轨迹有两种不同的呈现一种，一种轨迹是初始方向为垂直方向而运动结束时瞬间运动方向是水平的，另外一种初始方向是水平方向而运动结束时瞬间运动方向是垂直的。

那么怎么选取这个方向呢?很简单，元素运动曲线的方向，应该是要向界面的主要运动方向的主轴靠拢重合。

如果几个不同的元素的运动轨迹相交，那么他们不能彼此穿越。如果每个元素都必须通过某个交点，抵达另外一个位置，那么应该次第减速，依次通过这个点，给彼此留出足够的空间。另外一种选择，是元素不相交，而是像实体一样在靠近的时候，彼此推开。为什么?因为我们通常假定界面中所有的元素都位于同一个平面当中。

在运动过程中，元素不应彼此穿越，而应该互相留出空间。

但是这一点也不是一成不变的。在比较拥挤的界面当中，某个元素可以「越过」其他的元素，它同样没有穿过其他的元素消失，而是单纯的移动。这一点从某种意义上也是延续自我们日常的物理规律，只不过我们会默认界面中的元素在这个情况下拥有了高度这样的属性。