视觉设计基础知识整理

2024年 2月 29日17:27:56 发表评论

视觉设计包含界面设计、运营设计、印刷设计、包装设计等等多个方面,很多东西是共通的,也有很多不同的规范、准则等等。

从互联网设计师日常接触到的角度出发,一般可以分为两个大类:产品设计(界面设计)、推广设计(运营设计)

产品设计(以功能为主、长期使用):符合平台规范、清晰、舒适、突出品牌感;

推广/运营设计(以展示为主、快速传播):吸引力、夺人眼球、营造氛围、快速传播;

信息的层次感、节奏感、韵律感

四大基本原则:

·对比(大小、色彩、肌理、前后空间关系、疏密、虚实、方向、聚散);

·对齐:上下左右,人物的视线;

·亲密:相似的元素放在一起成为一个组;

·重复:形式复用,形成整体感;

视觉糖:

装饰性的元素(渐变、阴影、描边、纹理、图标、动效等),增加氛围、丰富画面。

设计流程

组件化的思维

产品的色彩体系:

产品的文案原则:

从用户角度出发;表述一致;重要信息放在显著位置;专业、精准、完整;精简、友好、正面。

图标设计基础知识:

如何让页面不显得空:

·增加水印文字作为背景

·增加辅助小元素——点、线、icon、小的文字(网格点,球状点,直线,斜线,波浪线,圆形,方形,不规则多边形,流体形,阵列的线,阵列点)

·增加光影,提升质感

·增加材质、肌理(星空,雾气,云,无意义的图案,纸张质感,石材质感,水波)

·增加色块(大,小,形状),引导视觉中心

·提高主体占整个画面的比例

·增加装饰图案(飘带、框线……)

页面太乱:

·对齐:有形/无形的对齐线

·减少字体、字号、颜色(色相、明度、纯度)的数量/变化

·减少分割线等元素

·统一元素间的关系:风格形式、颜色、元素之间的轮廓关系、背景样式等保持统一来形成整体感;

页面单调/呆板:

·增加视觉糖(渐变、阴影、描边、纹理、图标、动效等);

·增加色彩的丰富度

·增加质感、纹理

·增加对比与变化(形态对比、大小对比、色彩对比、远小近大的空间对比、Z轴高低的空间对比,留白空间大小对比)

·增加英文/拼音

·光影的运用(侧光、逆光……)

与主题不符:

·构图形式

·色彩气质

·版心大小/版面率

·主体占版面的比率

·背景/图片的气质

·不同视角对气质的影响

设计形式:

界面设计/产品设计相关:

组件化的思维

产品的色彩体系:

产品的文案原则:

从用户角度出发;表述一致;重要信息放在显著位置;专业、精准、完整;精简、友好、正面。

图标设计基础知识:

能力要求:

对于需求的理解、工具的掌握、创造力&审美、解说/说服

  • 版权声明:内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 1936370309@qq.com 举报,一经查实,本站将立刻删除。
  • 转载请注明:视觉设计基础知识整理 紫林博客

发表评论

您必须才能发表评论!