视觉设计基础知识整理

视觉设计

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

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

优秀的标准

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

主要能力要求:设计规范、布局、间距、适配尺寸、视觉层次

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

主要能力要求:渲染氛围,插画、字体设计、视觉特效制作(合成、建模、动效)

设计原则&设计要素

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

四大基本原则:

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

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

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

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

视觉糖:

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

整体设计流程

整体设计流程

视觉方案设计流程

视觉方案设计流程

界面设计/产品设计相关

组件化的思维

产品的色彩体系:

色彩体系分类

产品的文案原则:

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

图标设计基础知识:

图标类型及风格

方法&技巧

如何让页面不显得空:

·增加水印文字作为背景

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

·增加光影,提升质感

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

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

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

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

页面太乱:

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

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

·减少分割线等元素

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

页面单调/呆板:

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

·增加色彩的丰富度

·强化层次与对比

·增加质感、纹理

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

·增加英文/拼音

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

与主题不符:

·构图形式

·色彩气质

·版心大小/版面率

·主体占版面的比率

·背景/图片的气质

·不同视角对气质的影响

设计形式:

·图文重叠  《高手的平面课堂!聊聊图文叠加的四种常用技法

·标签化式设计 《学会用标签式设计,让你的作品又快又好!

·扭曲形式 《平面高手课堂!如何用扭曲工具快速强化作品设计感?

·矛盾空间    《高手的平面课堂!超全面的矛盾空间设计指南 - 优设网 - UISDC

·分割元素《分割-形式美暗藏的小心思

·对称与重复《设计师如何光明正大的抄袭?来看高手的方法! - 优设网 - UISDC

其它注意的点

能力要求:

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

参考:

《写给大家看的设计书》

策略性配色法则 | 配色的正确打开方式

当总监说你的作品太肤浅时,该如何改进? - 优设-UISDC

为什么做版式设计你总是没有思路? - 优设-UISDC

作品画面太空?这四个技巧让你有效避免! - 优设网 - UISDC

上万字干货!超全面的网页设计规范:文字篇 - 优设网 - UISDC

豪斯先生平面课堂!聊聊对比技法中常用的八大知识点 - 优设网 - UISDC

从零开始画图标系列:超全面的基础知识 - 优设网 - UISDC

全面系统!给新人的图标设计入门指南 - 优设网 - UISDC

高手小课堂!5个设计思路帮你搞懂平面设计的思维流程

分割-形式美暗藏的小心思

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,264评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,549评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,389评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,616评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,461评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,351评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,776评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,414评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,722评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,760评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,537评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,381评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,787评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,030评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,304评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,734评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,943评论 2 336

推荐阅读更多精彩内容