UI设计成长笔记 No.6

本期目录

设计理论

设计欣赏


ONE / 设计理论


1.1 15个设计风格总结


半扁平化设计

这种转变将体现在一些光和阴影的运用,成为所谓“半扁平化设计”。

动态照片

更多3D

动画效果

几何图形、纹样、线条、圆圈

大胆配色

你可以用谷歌的色版来安排自己喜欢的配色。

创造性的视觉角度动态图

通过多角度的图层或者多角度拍摄的影片来完成,可以用来拍摄任何事物。

渐变色

手机浏览(适应设计)

自定义插图

巧用中性空间和网格

内容划分

因为适应网页设计的需要,内容的分割变得更加重要,能把屏幕的内容划分为两个或更多部分。一个划分清晰的网站能够同时展示给观者多个同等重要的信息。

穿插视频

隐藏导航栏

微小的细节设计

源自:优设 | 没灵感?这里是最全的15个设计风格总结!



1.2. 15种常见平面设计风格总结与示例

赛博朋克风格

黑客 ;数字空间(Cyberspace) ;虚拟现实 ;人工智能 ;控制论与电脑生化 ;都市扩张与贫民窟 ;大型企业 ;基因工程 ;毒品和生化 ;恐怖主义(特别是计算机恐怖)

蒸汽朋克风格

虚构和怀旧,新能源、新机械、新材料、新工具

包豪斯风格

配色丰富,板式构图简单,机械的几何秩序,理性地对文字色彩图形进行处理,严谨的骨骼特征

波普风格

拼贴招贴艺术,夸张明亮的色彩碰撞,夸张的、超现实,视觉感强

孟菲斯风格

颜色鲜明撞色,故意打破配色规律,明快、风趣、彩度高的明亮色调,格子、波浪、黑色字体

超写实风格

空间层次关系,画面场景化,的C4D风格设计

蒸汽波风格

荧光红蓝渐变,希腊雕塑、windows98等稀奇古怪的元素拼在一起

MBE插画风格

白底上多彩的卡通小元素(一定要描黑边)

立体主义风格

以许多的角度来描写对象物,各个角度交错迭放造成了许多的垂直与平行的线条角度,散乱的阴影使立体主义的画面没有传统西方绘画的透视法造成的三维空间错觉。

低面建模LOW-POLY风格

建模做出块面感,把一个图片分成四个三角形填充,把每个三角形分成四个小三角形

极简风格

无印良品、优衣库,原研哉,性冷淡

像素风格

颜色鲜明撞色,故意打破配色规律,明快、风趣、彩度高的明亮色调,格子、波浪、黑色字体

极繁风格

大胆的用色;重复的元素;填充整个页面;裁剪和拼贴设计

欧普风格

采用黑白或者彩色几何形体的复杂排列、对比、交错和重叠等手法造成各种形状和色彩的骚动,有节奏的或变化不定的活动的感觉,给人以视觉错乱的印象

哥特风格

黑暗,孤独,绝望,恐惧,颓废,巫术,吸血鬼

源自:知乎 | 15种常见平面设计风格总结与示例



1.3. 玩转9种最常见的Banner设计风格

简约风格

小清新风格

扁平化风格

拟物化风格

复古风格

日式风格

中国风

源自:简书 | 每个设计师都要有自己的风格吗?常见的设计风格有哪些?






TWO / 设计欣赏


2.1. 插画欣赏 | Guacala illustration studio/sebastian sanchez cardona

拥有超级脑洞、夸张造型和细节的插画,我觉得这种风格特别酷,在我想要学习的风格之列。

1
2
3
4
5
6
7
8
9

源自:behance


2.2. 插画欣赏 | 森林魔谷 Forest Canyon

冷漠自持的表情和严苛自律的气质一下子吸引了我的眼球,造型光影都非常好看。

1
2
3
4
5
6
7
8
9

源自:behance


2.3. 插画欣赏 | SANGHO BANG

脑洞出奇,配色太美了,超喜欢。我想这肯定是插画师不断试验改进最终产生的艺术。
不管处于哪个阶段,多尝试多发挥总会给自己带来成长。

1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

源自:behance


想有更多交流欢迎添加本人微信:Cymaizi

1



comments powered by Disqus