几款插画设计很赞的APP

“纪念碑谷”大家熟知的,酷炫到没朋友,也是2016年苹果设计奖

“阿尔托斯大冒险”精细清新的滑雪游戏,梦幻般的画面

“WALK UP”海内的一款最高颜值的计步神器,画面很是温馨有趣

值得进修的三步打造扁平插画在UI设计中的运用到处可见

“回顾之旅”2017年苹果设计奖,故事情景暖心动听,独具创意的互动模式,简洁清新的画面设计

“Firewatch”界面非常的俊秀有特色,佩服里面的场景设计,真是俊秀



近两年盛行的8类插画

扁平几何插画

谷歌肌理插画

剪纸插画

2.5D插画

手绘插画

MBE插画

渐变插画

线性插画



三步营造扁平几何插画



一:草稿(关键词遐想+找素材+构图)

打草稿便是一个思考过程的表示,办理了构图、主体、造型、色调的一些问题。
大大节约了韶光,提高效率,让你少对着电脑懵逼。
毕竟从0到1,对着电脑凭空也想不出什么来



关键词遐想

很多设计师已经做了景象预报的界面,那我们做一些不一样的,做出差异性,无论是从构图还是配色都要有自己的特色。

主题:设计一款景象APP,晴朗的景象界面

关键词:晴朗,景象,界面

色调:晴朗的景象,暖色系

定位:清新、童趣、正能量

遐想:晴朗的清晨,阳光明媚,开始了一天的事情,收成满满。
再根据产品的须要或者个人喜好,增加一些故事情节,这样的设计更加有画面感

找素材

平时就要有网络素材的习气,这个道理就不用我多讲了。
推举一些素材网站:Google、Pinterest、behance、dribbble、花瓣网、站酷、优设网等

主体:小船、大海、太阳、天空

次体:近山、远山、云朵

构图:

扁平插画,多用几何图形来设计,这样造型简洁,跟界面、网页也更加随意马虎领悟。

构图须要把稳黄金分割比例、S型构图、C型构图等,显得画面有设计感,还要把稳产品功能浸染,交互功能,也便是用户体验。

画面中,一定要有一个主体物,主体物在画面中的体积相对也是最大的。
次要物体在画面中国也不容忽略,丰富全体画面,不然显得构图太空了。



二、上色(导入草图+构型上色+塑造主体)

建立画布,导入草图



构型上色

迅速铺好大块的颜色,把整体的设计调成“图像—调度—黑白”,方便查看整体设计的比拟



黑白灰的关系很好就比拟出来了。
比拟不足的话,加强比拟、提亮度、加重深部



以上黑白效果比拟不强烈,整体显得灰。
须要连续调度颜色,再查看整体的比拟度。
循环操作,直到满意为止,整体的色调与造型的优化:



配色中常用到的几种色调:同色系、临近色、比拟色、中性色、类似色等,无论你的作品是什么类型的色调,都要确保色调和谐统一。

A:同色系、类似色、临近色是我常常利用的配色,这样配出来的颜色也会比较统一。
更主要的是整体降落纯度,用明度来拉开它们的空间关系。



B、比拟色的配色技巧便是:大统一,小比拟。
在大的暖色调或者冷色调确定好之后,来一点点的冷色或者暖色作为互补,以防暖色系的颜色过于火,冷色过于性冷淡



C、中性色的配图技巧便是把稳:全体颜色的领悟,比拟度。
这些都是我的用色技巧

总的来说

用色感性一点,构图造型理性一点

平时多欣赏好的油画、拍照、服装、自然美景,从中提取好的配色与构图

多欣赏好的电影、动画片、打游戏,里面的场景可以给你很多配色的灵感

多练习,熟能生巧

3.塑造主体

塑造方法:调度主体的形,颜色的统一比拟,比如暗部里面增加环境色、反光。
把稳与整体设计的统一,突出主体,次要物体也要同步塑造,保持同等的节奏,把握把稳主次的关系



只管即便保持矢量元素,方便调度造型,若要转智能工具,可以先拉大矢量工具,再转智能工具,这样拉大缩小图片就不会显得模糊。

三、调度优化(符合主题+参考建议)

1.符合主题:界面要展示景象的几个关键信息,温度、景象、地址等

末了一步调整非常关键。
逐步调度优化,不要急于求成。
要想做好一个界面须要反反复复调度好多遍,直到满意为止。



参考建议

一步步调整好之后,保存好。
无论若何,做出来的产品设计总是让别人欣赏的,用户利用的。
发给大牛跟设计平台之后,我网络了两大建议:

、背景抢眼,使得主题内容不足突出

、整体的比拟度不足,有点灰



把整体转换成智能工具,调节曲线增强比拟,调节色彩平衡统一色系,调节色相饱和度使得画面的颜色更俊秀。
这一招特殊好利用



平时多练习,多总结自己的优缺陷,有哪些还可以连续改进的地方;剖析那些大佬们做得好的地方,更多请关注(http://www.didajy.com)