界面视觉设计与运营视觉设计有什么不同?

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

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

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

第一类:界面视觉设计师——产品功能方向的视觉设计师 第二类:运营视觉设计师——运营方向的视觉设计师

第一类ф:界面视觉设计师

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

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

其实互联网领域中,UI 和 UX 设计师的界限相当模糊,在很多创业公司,这两个设计角色是合二为一的。

(1)界面视觉设计师的ō工ㄨ作职责和内容

为产品进行前期的视觉推导并完┎成设计方案。 负责为互联网新产卐品与新功能提供创意策划并┊┋提供用户界面的设计方案。 负责参与前瞻性产品的创意设计和动态DEMO的实现。

(2)界面视觉设计师软件

第二类:运营视觉设计师

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

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

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

基于对运营设计需求的良好理解能力完成需要的视觉设计提案。 团队协作设定整体活动界面视觉风格与创意规划。 配合团队高效地开展ↅ系统化的详▒细视觉设计。 制定UI设计规范和建立组件库ш。

(2)运营视觉设计师软件

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

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

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

1∮. 色彩

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

图片来源 Google Material Design

鲜艳的强调色用于你的主要操作按钮以及组件,如开关或滑片。左对齐的部分图标或章节标题也可以使用强调色。

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

图片来源 Material.iⅪo

绿色:健康、重生、干净 ; 红色:热情、爱恋、愤怒、危险; 黄色:正能量、快乐、希望、美食。

2▔.∞ 层级

界∟面设计:背景层、内容层、操作层、状态层。使▲用清晰视觉层级,通过℅视觉差异将信息分类,让界面设计,更加』透气简洁。

图中信息层次很分明 |◑↔↕▪ 图片来源 学UI网

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

3. 字体

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

“主体(Body)”样式的例子 | 图片来源 Google Mat♀erial Design

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

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

4. 图标

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

图片来源 ╤Goo☼gle Material Design

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

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

5. 设计风格

界面设计:通过研究分析、设计草案、设计辩▦▩证、设计提案后,得出一套完整的UI界面,使用户的实际需求成为产品设计的导向,使产品更符合用户的习惯、∠经验◤和期待。Ы 运营设计:根据目标用户分析、素材收集整理后,在设计前初步的设定设计理念。设计理念是设计师在构思过程中所确立的主导思想,它赋予设计内涵和风格特点。

参考文献:

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

 

作者:林小小,公众号:点融设计中心DDC(ID:DR_DDC)

本文由 @林小小 原创发布于人人都是产品经理。未经许可☠,禁止转载

题图来自Unsplash,基于CC0协议

 
®关于本站文章™ | 若非注明原创,默认 均为网友分享文章,如有侵权,请联系我们™
㊣ 本文永久链接: 界面视觉设计与运营视觉设计有什么不同?