几款插画设计很赞的APP
“纪念碑谷”大家熟知的,酷炫到没朋友,也是2016年苹果设计奖
“阿尔托斯大冒险”精细清新的滑雪游戏,梦幻般的画面
“WALK UP”海内的一款最高颜值的计步神器,画面很是温馨有趣
“回顾之旅”2017年苹果设计奖,故事情景暖心动听,独具创意的互动模式,简洁清新的画面设计
“Firewatch”界面非常的俊秀有特色,佩服里面的场景设计,真是俊秀
近两年盛行的8类插画
扁平几何插画
谷歌肌理插画
剪纸插画
2.5D插画
手绘插画
MBE插画
渐变插画
线性插画
三步营造扁平几何插画
一:草稿(关键词遐想+找素材+构图)
打草稿便是一个思考过程的表示,办理了构图、主体、造型、色调的一些问题。大大节约了韶光,提高效率,让你少对着电脑懵逼。毕竟从0到1,对着电脑凭空也想不出什么来
关键词遐想
很多设计师已经做了景象预报的界面,那我们做一些不一样的,做出差异性,无论是从构图还是配色都要有自己的特色。
主题:设计一款景象APP,晴朗的景象界面
关键词:晴朗,景象,界面
色调:晴朗的景象,暖色系
定位:清新、童趣、正能量
遐想:晴朗的清晨,阳光明媚,开始了一天的事情,收成满满。再根据产品的须要或者个人喜好,增加一些故事情节,这样的设计更加有画面感
找素材
平时就要有网络素材的习气,这个道理就不用我多讲了。推举一些素材网站:Google、Pinterest、behance、dribbble、花瓣网、站酷、优设网等
主体:小船、大海、太阳、天空
次体:近山、远山、云朵
构图:
扁平插画,多用几何图形来设计,这样造型简洁,跟界面、网页也更加随意马虎领悟。
构图须要把稳黄金分割比例、S型构图、C型构图等,显得画面有设计感,还要把稳产品功能浸染,交互功能,也便是用户体验。
画面中,一定要有一个主体物,主体物在画面中的体积相对也是最大的。次要物体在画面中国也不容忽略,丰富全体画面,不然显得构图太空了。
二、上色(导入草图+构型上色+塑造主体)
建立画布,导入草图
构型上色
迅速铺好大块的颜色,把整体的设计调成“图像—调度—黑白”,方便查看整体设计的比拟度
黑白灰的关系很好就比拟出来了。比拟不足的话,加强比拟、提亮度、加重深部
以上黑白效果比拟不强烈,整体显得灰。须要连续调度颜色,再查看整体的比拟度。循环操作,直到满意为止,整体的色调与造型的优化:
配色中常用到的几种色调:同色系、临近色、比拟色、中性色、类似色等,无论你的作品是什么类型的色调,都要确保色调和谐统一。
A:同色系、类似色、临近色是我常常利用的配色,这样配出来的颜色也会比较统一。更主要的是整体降落纯度,用明度来拉开它们的空间关系。
B、比拟色的配色技巧便是:大统一,小比拟。在大的暖色调或者冷色调确定好之后,来一点点的冷色或者暖色作为互补,以防暖色系的颜色过于火,冷色过于性冷淡
C、中性色的配图技巧便是把稳:全体颜色的领悟,比拟度。这些都是我的用色技巧
总的来说
用色感性一点,构图造型理性一点
平时多欣赏好的油画、拍照、服装、自然美景,从中提取好的配色与构图
多欣赏好的电影、动画片、打游戏,里面的场景可以给你很多配色的灵感
多练习,熟能生巧
3.塑造主体
塑造方法:调度主体的形,颜色的统一比拟,比如暗部里面增加环境色、反光。把稳与整体设计的统一,突出主体,次要物体也要同步塑造,保持同等的节奏,把握把稳主次的关系
只管即便保持矢量元素,方便调度造型,若要转智能工具,可以先拉大矢量工具,再转智能工具,这样拉大缩小图片就不会显得模糊。
三、调度优化(符合主题+参考建议)
1.符合主题:界面要展示景象的几个关键信息,温度、景象、地址等
末了一步调整非常关键。逐步调度优化,不要急于求成。要想做好一个界面须要反反复复调度好多遍,直到满意为止。
参考建议
一步步调整好之后,保存好。无论若何,做出来的产品设计总是让别人欣赏的,用户利用的。发给大牛跟设计平台之后,我网络了两大建议:
、背景抢眼,使得主题内容不足突出
、整体的比拟度不足,有点灰
把整体转换成智能工具,调节曲线增强比拟,调节色彩平衡统一色系,调节色相饱和度使得画面的颜色更俊秀。这一招特殊好利用
平时多练习,多总结自己的优缺陷,有哪些还可以连续改进的地方;剖析那些大佬们做得好的地方,更多请关注(http://www.didajy.com)