赞助商
立即赞助

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

UI设计3年前 (2021)更新 流光
2.2K 0 0

互联网的产品视觉设计师又分为界面视觉设计师和运营视觉设计师,那么,这两者有何区别呢?

随着时代进步,互联网的发展让我们的生活越来越便利。用户在追求产品功能便利的同时,对界面品质的追求也越来越高。视觉设计从传统行业走向互联网时代,互联网产品的视觉设计既是对互联网产品的包装,也是对互联网产品的一种解释。越来越多的人对界面的视觉设计产生浓厚的兴趣,想进一步了解什么是互联网的视觉设计。

一、互联网产品视觉设计师有几类

  • 类:界视——功视
  • 第二类:运营视觉设计师——运营方向的视觉设计师
第一类:界面视觉设计师

产品功能方向的设计师,从设计的出发点来说,核心以产品功能和服务设计为主,更关注产品以怎样的界面呈现。 负责产品或网站的图形、图标、色彩、视觉风格等,决定营造出什么样的视觉体验。

从视把控界面设计,在分析产品逻辑和交互逻辑后,负责简洁而优雅的传达有效信息,并通过视觉设计制造出愉悦的用户体验,好的 UI设计师肯定要对交互有自己的理解,能提出更优于交互设计稿的布局方案。

互领域,UI  UX 界相模糊,创,。

1. 界视职责

  • 为产品进行前期的视觉推导并完成设计方案。
  • 负责为互联网新产品与新功能提供创意策划并提供用户界面的设计方案。
  • 负责参瞻创DEMO 。

2. 界面视觉设计师软件

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

第二类:运营视觉设计师

运营方向设计师设计的出发点以产品活动设计为主,设计活动专题界面,如天猫双十一、京东618等。这类营销类型的设计是为了吸引用户参加对应的活动,或加深用户对互联网产品的印象,产生参与行为。

运营视觉设计师不同于 UI 和交互设计师,运营视觉设计师的工作要求他们更加注重视觉丰富性的表现,更好的表达交互逻辑,优秀的体验需要视觉与交互兼顾。

1. 运营方向视觉设计师的工作职责和内容

  • 基运营设计需求的良好理解能力完成需要的视觉设计提案。
  • 协界视创规划。
  • 配合团队高效地开展系统化的详细视觉设计。
  • 制定 UI设计规范和建立组件库。

2. 视软件

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

二、界面视觉设计与运营视觉设计最大的区别

界面视觉设计师最关心的是产品是否富有舒适的界面、用户体验和实用能力。

运营视觉设计师最关心的是视觉冲击力和美观度。

1. 色彩

界面设计:会用醒目的颜色来更好的吸引人的注意力。第一级别的操作常用颜色作为行为召唤,比如:按钮。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

△ 图片来源 Google Material Design

艳操按钮及组件,或滑。左齐图标或章节标题使。

运营设计:颜色作为情感表达重要途径,会最大化的利用色彩、图片和文字信息来提高转化率。颜色能对用户产生情感影响,将用户带到下一步行动中。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

△ 图片来源 Material.io

  • 绿:、、净;
  • 红色:热情、爱恋、愤怒、危险;
  • 黄色:正能量、快乐、希望、美食。
2. 层级

界:背、、操、状。使晰视,视异将息类,界,透简洁。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

△ 图息 | 图 UI

运营设计:运用良好的视觉层级呈现给用户,提高识别效率、激发用户兴趣、延迟用户在页面停留时间、减少用户流失。

3. 字体

界面设计:字体、字号的运用不同,可以给页面带来不同的气质和页面关系。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

△ 「主体(Body)」样式的例子 | 图片来源 Google Material Design

运营设计:字体很重要,好的字体设计能给页面加分。不同的字体给用户带来不同的用户情感,并且增强排版的节奏感、突出主题,比如:活动标题。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

充分利用春节的元素,进行字体设计,节日的气氛也到位了。

4. 图标

界面设计:多应用于标签、标题、按钮、导航、信息提示等。图标精致、细致会使整个设计感观提升,让设计的档次得到提高。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

△ 图片来源 Google Material Design

运营设计:富有统领和引导作用,让画面看起来更活泼、有活力。

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

图标精确的表述,让画面看上去更加丰富了。

5. 设计风格

界面设计:通过研究分析、设计草案、设计辩证、设计提案后,得出一套完整的 UI界面,使用户的实际需求成为产品设计的导向,使产品更符合用户的习惯、经验和期待。

运营设计:根据目标用户分析、素材收集整理后,在设计前初步的设定设计理念。设计理念是设计师在构思过程中所确立的主导思想,它赋予设计内涵和风格特点。

参考文献:

  • 《视觉链》,互联网产品的视觉设计理念与规范/吴佳敏著,北京机械工业出版社
  • 《视觉设计师进阶所需的17条思考维度》@iYoko0509(爱奇艺无线UED资深视觉设计师)

欢迎关注点融设计中心DDC微信公众号:「ID:DR_DDC」

界面视觉设计与运营视觉设计有什么不同? 这篇科普让你轻松看懂!

图片素材作者:Manoj Rajput

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

之前一直觉得色彩,图形,字体是 UI设计的三大构成,任何设计都是从这三大元素开始的,所有的 UI设计都是由这些构成的,但是...
界面设计
作为用户体验设计师,竞品分析也是必备技能之一,通过分析市场上的竞品,能够让设计师在短时间内快速了解自己所做产品在整个...
竞品分析
大家好,我是彩云。视觉设计的基本原理很多时候具有很高的复用性,即使工作多年,这些原理的东西依然用的上,不会过时。我平...
平面设计
为什么会有语音交互?它适用于什么场景?不适用于哪些?文章为你解读。 一. 什么是语音交互 在没有机器之前,人类最早的交互...
界面设计
网易UEDC – 贺玉华 :本文将从网格系统的基本概念介绍出发,逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使...
APP界面
无论是在上市 BAT 还是创业小公司,都随时可能接手从0开始的新项目,那么作为负责新项目的主设 OR 独立设计师,我们应该从何...
产品设计流程
一款 App 或 Web 产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师,如果连「表现层...
图标
天猫双11是一场全民剁手节,本文作者亲身参与了这场活动的策划与完整设计,以下是他对活动的复盘总结,立刻学起来! 一、项目...
AlibabaDesign