赞助商
立即赞助

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

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

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

相关文章

重复可以使画面秩序化、整齐化,形成和谐、富有节奏感的视觉效果,更加有利于人们加强对画面的记忆。 一、设计中的重复是什么...
App设计
@橙子的橙子Mandy :写这篇的动机是因为,有一个朋友拿了他自己做的界面,问我觉得哪里需要球盖,他总觉得哪里不对劲,但是又...
APP
编者注:本份视觉设计评审指南来自金山内部资料,设计师们可以用它的标准衡量自己的工作,保证输出高质量的作品。 内审流...
视觉设计
作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师,也在团队里带过众多 UI 设计师和实习生,所以深刻认识到无论于团队还...
UI
一款 App 或 Web 产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师,如果连「表现层...
图标
近 1 年交互工作主要集中在运营类活动,设计产出了支付宝财富 tab 几个运营类活动,年终之际,对这将近 1 年的设计工作进行复...
产品运营
@CDYdesign :每当提到设计方法论时,总难免会给人一种比较虚空偏理论,或者说比较难应用到设计实战中的感觉;但是这一次,经...
经验分享
日常工作中,经常听到交互和视觉同学有着如下对话: 视觉同学:「这个内容我想换个位置,可以吗?」「我可以用另外一种布...
交互设计