Skip to content

视觉设计

情绪板设计

情绪板,简单来说就是由图像视频其他视觉元素组成、拼贴在一起的想法和过程,主要目的是讲述项目背后的故事,作为设计方向形式上的参考。同时情绪板也可以在配色方案视觉风格质量材质,作为设计指导,帮助设计师提供一些设计方案和指引。

色彩

配色在视觉设计中所发挥的作用是不言而喻的,我们在设计时对于色彩的制定一般有两种情况。

全新品牌设计,了解各种颜色或者色相的气质和情感属性,在具体设计的时候,进一步根据品牌的气质和需求,再在色相的基础上调整明暗和饱和度。

INFO

根据甲方/需求方原有产品的色彩来设置,如果不是全新产品,大部分都有一套自己产品的色彩体系,在保持产品的一致性的前提下,后续产品皆沿用原有色彩体系。

但是,色彩本身的内涵和情绪特质并不是全部。比如一个行业当中,很多企业都使用了蓝色,那么产品继续使用蓝色,可以让用户更快「识别出」产品所属的领域,但是本身也存在让人混淆的风险。如果你想要在视觉上脱颖而出,可以试着使用不同的色彩。

风格

品牌或者产品的设计风格与配色是相辅相成的,依据产品特性与需求,选择合适的设计风格,更利于提升视觉效果。所以我们需要随时了解最新的设计趋势与风格,分清各个设计风格的特点和区别是十分有必要的。以下是设计中常用的设计风格集合。

半扁平化设计

🔎 关键词:

极简、符号化、光影。

由于具体化设计的影响,界面设计更加趋向于立体化,光和阴影的运用,成为「半扁平化设计」。为了适应现代科技而推崇的扁平化设计仍会存在,但已不再被大量发展并使用。适量渐变阴影的使用,将会在保留其简约风格的基础上,使扁平化设计更加复杂和写实化

三维渲染风格

动画效果

动画效果已经越来越多的以各种形式出现在网页设计上,诸如 gifSVGWebGLCSS小视频

渐变色

🔎 关键词:

多色、同色系、对比色。

渐变色是时下最主要的流行趋势之一,始于 2016 且势头至今有增无减。像 Instagram 这样的业界大拿甚至将其 logo 由扁平改成了多颜色渐变。从 logo 到按键和图片,渐变色的潮流已经无处不在。

🔎 关键词:

极简、雅致、留白。

在内容越来越多的前提下,设计师应该减少无用信息的干扰让用户可以快速聚焦到内容本身,这种「少即是多」的设计思路就是我们常说的极简风格删减与用户任务无关的非功能性元素,只保留重要的信息,减轻用户的认知负荷。

波普风格

🔎 关键词:

波点、夸张、设计感极强。

波普风格主要体现在大众喜闻乐见的人物、事物、事件中。简单来说,它有以下几个特点

• 设计中强调新奇和独特,采用强烈的色彩处理,个性化的配色风格很有感染力。
• 图案是最主要的表现形式。常常带有娱乐、趣味性、诙谐性。
• 难以确定统一的风格,追求各种风格的混合,追求新奇、古怪。
• 通俗大众,设计元素一般来自日常生活中的人物、事物。
• 拼接。

孟菲斯风格

🔎 关键词:

明快,集合结构,随性。

孟菲斯风格在色彩上,常常打破配色规律,喜欢用一些靓丽、纯度高、大胆、对比强烈的配色,借鉴了波普艺术的配色。在排版上,元素之间没有过多的联系,元素的排列常常无规律可循,运用大量的几何元素,点、线、面综合运用。规则的几何图形有圆形、三角形、矩形、圆环、波浪线、网格、斜杠等等,不规则的几何图形也是由点、线、面拼贴而成。

光感透气叠加

🔎 关键词:

光感,渐变,氤氲感。

具有光感半透明渐变叠加平面设计风格。光因为其剔透纯净反射的特性,一直被人们所青睐着。人们不再满足于简单的色彩叠加,增加光感的设计将会为产品增添更多的未来迷幻属性

插画风格

扁平插画

简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的 APP 会选择使用这种风格。

肌理插画

顾名思义就是给插画加上了些肌理质感(比如杂色)和光感,本质也和扁平插画差不多,一些想体现质感的页面会用到这种风格。

手绘插画

需要设计师具备很强的绘画功底,也算是插画里面难度比较高的一种。手绘风格的插画运用得也比较广,常见的有插画绘本,故事场景设计等。

MBE 插画

dribbble 的一位设计师创作了这种风格,它主要的特点就是圆润、可爱、呆萌、简洁。在 APP 中的引导页启动页缺省页运用也比较广泛。

渐变插画

有点类似日本漫画场景的感觉,风格特别唯美浪漫。光感比较强,所以也称为微光插画。颜色一般采用相近色,颜色种类不要太多。

2.5D 插画

立体插画,也就是在二维的空间里表现三维的事物。大多设计师使用 C4D 设计,PS/AI 也可以。

中国风

🔎 关键词:

水墨、雅致、文艺。

利用中国风视觉元素在设计上完成表达。在各种视觉表现形式中,国画书法服饰纹理建筑结构陶瓷等传统材料肌理等等,都可以作为素材,利用中国风元素的同时,适当改造,更换色彩,简化结构,复杂化肌理效果等等,以求在视觉上更接近品牌的气质。

剪纸风格

🔎 关键词:

矢量插画、投影、纸张肌理。

低多边形(Low Poly)

🔎 关键词:

多边形、3D、低细节。

赛博朋克

🔎 关键词:

虚拟现实、人工智能、霓虹光感。

赛博朋克又称赛伯朋克、数字朋克、电脑判客、网络判客,是科幻小说的一个分支,以计算机或信息技术为主题。在视觉设计中的特点就是蓝、紫、青冷色调为主色调,霓虹灯光感效果为辅助,故障艺术风为辅助(图像的失真、错位、破碎等),有时还可以加一些异常的现象,比如 180 度翻转的建筑,还有复古风未来风并存。

蒸汽波(Vaporwave)

🔎 关键词:

荧光、流体、梦幻感。

蒸汽波是一种受赛博朋克影响的网络线上艺术,选用的视觉元素主要有古典艺术形象,八九十年代的流行文化产物,window95 经典窗口样式,又或者是代表着某个时代记忆的各种事物。

像素风格

🔎 关键词:

像素化,轮廓清晰,卡通。

像素风格属于点阵式图像,是一种图标风格的图像,更强调清晰的轮廓、明快的色彩,几乎不用混叠方法来绘制光滑的线条,同时它的造型比较卡通,得到很多朋友的喜爱。

故障艺术(Glitch Art)

利用事物形成的故障,进行艺术加工。特点就在于图像失真、破碎、错位、变形,还有颜色的失真、错位,和一些条纹图形的辅助。

Released under the MIT License