制造业
平面设计
平面设计


简介

平面设计,泛指具有艺术性和专业性,以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。 平面设计师可能会利用字体排印、视觉艺术、版面设计等方面的专业技巧,来达成创作计划的目的。平面设计通常可指制作(设计)时的过程,以及最后完成的作品。 中国平面设计教育起步于民国晚期和新中国建立初期,被称为“图案专业”。改革开放之后,“平面设计”的概念被引进到大学教育体系和市场。随着设计手法和材料的不断扩展,平面设计的媒介不止于纸媒等平面媒体,平面设计更多的被称为“视觉传达”或“视觉传达设计”(Visual Communication Design)。

种类

标志设计、视觉形象设计,企业VI形象设计,海报设计、图像设计、包装设计、装帧设计、字体设计、网页设计、UI设计(界面设计)、信息设计、环境平面设计、出版设计、动态图形设计、广告设计等。

职业

平面设计师

平面设计师(Graphic Designer)通过对文字、图形、图像等视觉元素进行创作组合或处理后,分发在纸质读物或显示设备上,为阅读者提供更加良好的视觉体验。

UI设计师

UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

美术工程师

美术工程师一般是指对平面,色彩 ,基调,创意等进行加工和创作的技术人才,分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。

字体设计师

字体设计自古就有,宋体就是在活字印刷和雕版印刷的时期创作出来的。字体设计师是一个近几十年发展起来的新概念,一般指能够设计和开发一套可以用于数码或者印刷用途的字体的专业设计师。

环境平面设计师

环境平面设计师是一个跨界于建筑设计和平面设计之间的行业。设计师主要负责与空间相关的平面设计工作,包括墙面涂装、标牌导向系统和视觉图形等。

CI设计师

CI设计师也称CIS,是英文Corporate Identity System的缩写,目前一般译为“企业识别系统”。CI设计,即有关企业形象识别的设计,包括企业名称、标志、标准字体、色彩、象征图案、标语、吉祥物等方面的设计。

组成部分

主要由点,线,面构成的图形设计、图像设计、字体设计、色彩搭配、版式设计作品

产品设计

印刷制品设计(Print Design)

互联网产品设计(UI & UX Design)

前期

  1. 接收需求

在当今互联网公司内部,一般以“需求”来指代你或你的团队需要完成的任务。需求大致可分为两大类:外部需求和内部需求。外部需求多指用户主动反馈给你们的问题与Bug,从而让这个产品更好用,用户体验更好;内部需求往往是公司层面一些业务目标变更而产生的需求。

中期

后期

制作工具

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Indesign
  • Affinity Designer/Affinity Photo/Affinity Publisher (这一系列是adobe三大平面设计工具的替代软件)
  • Adobe AfterEffects
  • Adobe XD
  • Adobe Dimension CC
  • CorelDraw
  • Sketch
  • CINEMA 4D
  • 你的大脑
  • Affinity Designer/Affinity Photo/Affinity Publisher

创作过程

设计和规划

风格与形式

1、赛博朋克(cyberpunk,是cyber与punk的结合词)风格

2、蒸汽朋克风格(一种假设的作品类型)

3、包豪斯风格

    包豪斯风格”实际上是人们对“现代主义风格”的另一种称呼。

4、极简主义风格

    生活及艺术的一种风格

5、孟菲斯风格

   “孟菲斯”的设计都尽力去表现各种富于个性化的文化内涵,从天真滑稽直到怪诞、离奇等不同情趣。在色彩上常常故意打破配色规律,
    喜欢用一些明快、风趣、彩度高的明亮色调,特别是粉红、粉绿等艳俗的色彩。

6、蒸汽波风格

    多数主题是怀旧的电子设备,组成元素有石膏、热带植物、还有早期的任天堂游戏、Windows界面的元素,带有上世纪80-90年代产物的影子

7、超写实风格

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

8、波普风格

    波普平面设计风格是一种流行风格,它以一种艺术表现形式在20世纪50年代中期诞生于英国,又称“新写实主义”和“新达达主义”,它反对一切虚无主义思想,通过塑造那些夸张的、视觉感强的、比现实生活更典型的形象来表达一种实实在在的写实主义。波普艺术最主要的表现形式就是图形
   

市场

国内市场

国际市场

上市公司

验收标准

1⃣️ 设计前

业务目标

  • 了解目标用户
  • 了解用户痛点

交互逻辑

  • 理解页面中文语义和控件功能
  • 理解任务流(出口&入口)

分析

  • 分析竞品的框架、功能特点、体验优缺点
  • 分析现有产品的数据情况,和不足之处

改版&全新项目

  • 符合流行趋势
  • 符合公司品牌风格
  • 符合用户群体定位

迭代项目

  • 熟悉设计规范
  • 知道规范文档位置、规范维护人

2⃣️ 设计中

信息层级

字号大小是否符合表达优先级 元素间距是否符合各层级的对比关系 自查清单 字体版式 一个项目中最好不要使用超过2种主要字体 标题和正文字体尺寸 确保层级最多不超过 4 个,并且控制它们整体的逻辑和一致性。 行高 尽量不要在行高上采用自动行高。通常,现在比较流行的做法,是将行高拉高一些,确保整体版面的透气性和可读性,尤其是涉及到大量文本的时候。 文本和标题的层次结构 在需要突出显示的部分使用粗体。标题、链接、按钮都在这个范畴内。如果将粗体样式应用到全部文本,这样重点就不突出了。 文字对比 特别注意文本的色彩。控制好对比度,确保任何类型的显示器上都可以清晰阅读。在设计占位符文本的时候,这个问题特别突出。 间距和边距 留白对于整体设计的重要性是毋庸置疑的。留白的变化有助于设计师理清元素之间的关系,提供节奏感,增加平衡感。 去掉多余的框架和线条 将一个语义块和另外一个语义块分开,最简单的方法就是在两者之间增加一条 1px 的线。但是这并不是最好的方法。通过投影和间距来控制卡片之间的关系。

梳理从属关系 边距有助于从视觉上来判断元素之间的亲疏关系。 少即是多 用户一次接收的信息越少,进行有效操作的可能性就越大。循序渐进地呈现信息,能够让人更加愉悦,用户对于信息的接受性也更强。用户永远都不会费力巴拉地去拆解和分析你的页面布局,紧密局促的布局也早已不符合主流审美和日常需求了。 屏幕边缘留白不均匀 请注意边缘留白的设计。如果按照经典的方式来布置(从左上到右下),那么尽量让上方的留白更大,这看起来会让视觉更加稳当,并且更加具有视觉吸引力。 避免使用怪异的布局 在设计过程中,创意冲动应该在不干扰用户体验的前提下,进行发挥。 配色和图像 图像、图标、背景这些元素决定了整个设计给人的情绪。所以在设计的时候,需要有针对性地挑选和优化。 阴影 元素下方的阴影一定不要用黑色。始终基于表层的、前景的元素来选取阴影的颜色和明暗。通常,一个看起来舒适的阴影是通过多个阴影叠加造就的,一个小且明确的阴影,位于正下方,另外一个阴影模糊且弥散,透明度更高。 图标和图像 任何可以矢量化的元素,都尽量制作成为矢量的,尽量确保这些图标在视觉风格和细节处理上是统一的,看起来是同属一个「家族」的。这意味着图标的笔触宽度、边框半径、视觉重量都应该是一样的。

信息表意 无多余的干扰元素 图形文字表达符合大众认知、有无误导和歧义 文字 符合规范大小 符合规范字体 颜色符合规范灰度值 图标 通用icon复用通用素材 新icon符合规范风格 新icon考虑拓展性 图片 使用现有比例和尺寸 图片各种状态符合规范 其他 间距、控件符合规范 控件、文件、组的命名是否符合规范 新样式考虑拓展性 设计稿 初稿、中稿完成时与产品&确认方向考虑交互细节 文字、图片不涉及版权问题 实现 与技术同步实现可能性

文档

编辑成员
19 人

呆胶布, SY_Li, 1youbb, 逐梦, 不知, danta, 溯, XiaKF, SykesW, 黄逗酱, 剧本上不是这么写的, 梅莱, INDAY, 海天, Monkey, 饼干, 徐, 十七, 木又

评论(4)

你需要登录发表评论。
oLubo1byruMfdlXmk39luJFiv9ng 2020-09-19 10:16:20
有没有必要做些插图呢?
siyangli 2020-08-22 08:48:31
祝回形针越做越好!
yml 2020-02-20 17:34:15
祝回形针越做越好!
Czh00311 2020-02-02 21:43:49
祝回形针越做越好哟!
1
回形针手册-icons