像素是图像中的小方格,也是指由一个数字序列表示的图像中最小的一个单位,即pixel。

高级像素,在此文中是指“驾驭及利用像素去表现图像的高手阶段,简称高级像素”。

在当下,无论Apple还是Microsoft,UI界面设计方面在扁平化这条路上“一去不复返”了。但是国内依然有一家科技公司在继续走在拟物化设计的路线上。比如smartisan,也算是中国的拟物化设计业在商业路上的一个标杆行为了,他似乎并没有跟随当下市场的流行和用户的审美趣味相靠拢,反而引领了一个“逆向”的审美风向。

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(1)

smartisan

扁平化风的盛行似乎更加降低了作为一个UI设计师的门槛,但同时也更加凸显了拟物化设计师的逼格。拟物化图标的制作过程需要一定的美术基础和绘制耐心,不仅在造型和色彩上有着极高的塑造能力,对像素的精细度也要求甚高。

如果作为一名初入此行的UI设计师,在刚开始学绘制图标时,建议先从拟物化图标着手,虽然扁平化的极简风格对一个设计师的色彩、造型和整体把控和塑造能力要求也不低,但对于一个偷懒的设计师来说,是完全可以浑水摸鱼在职场上,却对设计师自身的成长可能起到相反的作用。

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(2)

赠素材

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(3)

赠素材

拟物化设计曾出现在iOS7.0以下以及之前的Android的界面和app中。它的特点是模拟真实的物体中的材质、质感、细节、色彩、光感在、造型等,给人以更真实的交互体验和记忆上的强化。

拟物化更体现着一个设计师的工匠精神,需要极高的耐心去精细的刻画细节和把控整体的能力,但同时也对功能本身有着一定的限制和约束,其实最好的处理办法就是该拟物化就拟物化,该扁平则扁平。

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(4)

高级像素——拟物化设计考验一个设计师的绘制功力

在扁平化时代中去耐心的绘制一些拟物化设计,对我们设计能力是有益而无一害的。绘制过程中需要给图标加投影、斜面和浮雕、阴影、光泽、投影等样式去控制像素的最佳呈现,而这个样式正是初学者最难控制的细节,也更需要研究的部分。在这里我分享一些平时收集的psd的UI素材,可以看到设计师如何处理这些细节,如何进阶“高级像素”如下图:

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(5)

ps教程ui插画(高级像素拟物化设计考验一个设计师的绘制功力)(6)

赠素材包


如果你想要这些UI.psd分层文件。请按照以下步骤进行!

第一步:文章留言评论『高级像素』。

第二步:关注并私信我,确认第一步完成即可认领。

先到先得,我看到文章评论以及私信后会一一回复!

,