视觉设计

这是一篇关于思视觉设计风格的内容概括思维导图，以上给大家提供了多种风格可以参考学习，有需要的话可以速速下载哦。

视觉设计

• 色彩
  • 全新品牌设计，了解各种颜色或者色相的气质和情感属性，在具体设计的时候，进一步根据品牌的气质和需求，再在色相的基础上调整明暗和饱和度。 根据甲方/需求方原有产品的色彩来设置，如果不是全新产品，大部分都有一套自己产品的色彩体系，在保持产品的一致性的前提下，后续产品皆沿用原有色彩体系。 但是，色彩本身的内涵和情绪特质并不是全部。比如一个行业当中，很多企业都使用了蓝色，那么产品继续使用蓝色，可以让用户更快「识别出」产品所属的领域，但是本身也存在让人混淆的风险。如果你想要在视觉上脱颖而出，可以试着使用不同的色彩。
• 情绪板设计
  • 寻找关键词
    • 公司战略定位
    • 产品的目标
    • 产品的特点
    • 可与设计设、产品一起去定义这些关键词
  • 衍生关键词（二级关键词）
    • 精确定位
      • 比如金融类产品，信赖、品质等，同时在这个关键词基础上我们能更加细化出一些情绪或是视觉表达的形容词，比如稳定、陈静、可靠等、
  • 图片搜素，提取情绪板
    • 基于关键词通过网络渠道查看图和关键词的图片
      • 花瓣
      • dribbble
      • behance
      • pinterest
      • ......
  • 衍生关键词映射
    • 视觉映射
      • 联想到的视觉表现
        • 品质——金色、黑色、几何形
        • 简洁——白色、明亮、硬的
        • 友好——邻近色、圆角、圆形等
    • 心境映射
      • 联想到的心境感受
        • 品质——高端、贵重、稀有；
        • 简洁——空旷、干净、整齐；
        • 友好——温暖、亲切、舒服等。
    • 物化映射
      • 联想到的具体事务
        • 品质——iPhone、宝马、香奈儿；
        • 简洁——白墙、玻璃、盘子；
        • 友好——枕头、毛绒玩具、海豚等。
  • 提取视觉风格
    • 1、图形提取
    • 2、色彩提取
    • 3、字体提取
    • 4、构成提取
    • 5、质感提取
• 风格定义
  • 半扁平化设计
    • 极简
    • 符号化
    • 光影
    • 由于具体化设计的影响，界面设计更加趋向于立体化，光和阴影的运用，成为「半扁平化设计」。为了适应现代科技而推崇的扁平化设计仍会存在，但已不再被大量发展并使用。适量渐变阴影的使用，将会在保留其简约风格的基础上，使扁平化设计更加复杂和写实化。
  • 三维渲染风格
    • 平面立体感
    • 纯色
    • 空间感
  • 动画效果
    • 动画效果已经越来越多的以各种形式出现在网页设计上，诸如 gif、SVG、WebGL、CSS 或小视频。
  • 渐变色
    • 多色
    • 同色系
    • 对比色
  • 波普风格
    • 波点
    • 夸张
    • 设计感极强
    • 特点
      • 设计中强调新奇和独特，采用强烈的色彩处理，个性化的配色风格很有感染力。
      • 图案是最主要的表现形式。常常带有娱乐、趣味性、诙谐性。
      • 难以确定统一的风格，追求各种风格的混合，追求新奇、古怪。
      • 通俗大众，设计元素一般来自日常生活中的人物、事物。
      • 拼接。
  • 极简风格
    • 极简
    • 雅致
    • 留白
  • 中国风
    • 水墨
    • 雅致
    • 文艺
  • 光感透气叠加
    • 光感
    • 渐变
    • 氤氲感
    • 具有光感的半透明渐变叠加平面设计风格。光因为其剔透，纯净，反射的特性，一直被人们所青睐着。人们不再满足于简单的色彩叠加，增加光感的设计将会为产品增添更多的未来迷幻属性。
  • 孟菲斯风格
    • 明快
    • 集合结构
    • 随性
    • 孟菲斯风格在色彩上，常常打破配色规律，喜欢用一些靓丽、纯度高、大胆、对比强烈的配色，借鉴了波普艺术的配色。在排版上，元素之间没有过多的联系，元素的排列常常无规律可循，运用大量的几何元素，点、线、面综合运用。规则的几何图形有圆形、三角形、矩形、圆环、波浪线、网格、斜杠等等，不规则的几何图形也是由点、线、面拼贴而成。
  • 剪纸风格
    • 矢量插画
    • 投影
    • 纸张肌理
  • 插画风格
    • 扁平插画：简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的 APP 会选择使用这种风格
    • 肌理插画：顾名思义就是给插画加上了些肌理质感（比如杂色）和光感，本质也和扁平插画差不多，一些想体现质感的页面会用到这种风格。
    • 手绘插画：需要设计师具备很强的绘画功底，也算是插画里面难度比较高的一种。手绘风格的插画运用得也比较广，常见的有插画绘本，故事场景设计等。
    • MBE插画：dribbble 的一位设计师创作了这种风格，它主要的特点就是圆润、可爱、呆萌、简洁。在 APP 中的引导页、启动页和缺省页运用也比较广泛。
    • 渐变插画：有点类似日本漫画场景的感觉，风格特别唯美浪漫。光感比较强，所以也称为微光插画。颜色一般采用相近色，颜色种类不要太多。
    • 2.5D插画：立体插画，也就是在二维的空间里表现三维的事物。大多设计师使用 C4D 设计，PS/AI 也可以。
  • 低多边形（Low Poly）
    • 多边形
    • 3D
    • 低细节
    • low poly 实际是把多色元素，用三角形分割，每个小三角形的颜色，取自原多色元素的相应位置。这种设计风格的特点是低细节，面又多又小，高度渲染，经常配以柔光效果。
  • 赛博朋克
    • 虚拟现实
    • 人工智能
    • 霓虹光感
    • 赛博朋克又称赛伯朋克、数字朋克、电脑判客、网络判客，是科幻小说的一个分支，以计算机或信息技术为主题。在视觉设计中的特点就是蓝、紫、青等冷色调为主色调，霓虹灯光感效果为辅助，故障艺术风为辅助（图像的失真、错位、破碎等），有时还可以加一些异常的现象，比如 180 度翻转的建筑，还有复古风和未来风并存。
  • 蒸汽波（Vaporwave）
    • 荧光
    • 流体
    • 梦幻感
    • 蒸汽波是一种受赛博朋克影响的网络线上艺术，选用的视觉元素主要有古典艺术形象，八九十年代的流行文化产物，window95 经典窗口样式，又或者是代表着某个时代记忆的各种事物。
  • 像素风格
    • 像素化
    • 轮廓清晰
    • 卡通
    • 像素风格属于点阵式图像，是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，同时它的造型比较卡通，得到很多朋友的喜爱。
  • 故障艺术（Glitch Art）
    • 利用事物形成的故障，进行艺术加工。特点就在于图像失真、破碎、错位、变形，还有颜色的失真、错位，和一些条纹图形的辅助。