界面視覺設計與運營視覺設計有什么不同?

互聯網的產品視覺設計師有分為界面視覺設計師和運營視覺設計師,那么,這兩者有何區別呢?

隨著時代進步,互聯網的發展讓我們的生活越來越便利。用戶在追求產品功能便利的同時,對界面品質的追求也越來越高。視覺設計從傳統行業走向互聯網時代,互聯網產品的視覺設計既是對互聯網產品的包裝,也是對互聯網產品的一種解釋。越來越多的人對界面的視覺設計產生濃厚的興趣,想進一步了解什么是互聯網的視覺設計。

一、互聯網產品視覺設計師有幾類

  • 第一類:界面視覺設計師——產品功能方向的視覺設計師
  • 第二類:運營視覺設計師——運營方向的視覺設計師

第一類:界面視覺設計師

產品功能方向的設計師,從設計的出發點來說,核心以產品功能和服務設計為主,更關注產品以怎樣的界面呈現。 負責產品或網站的圖形、圖標、色彩、視覺風格等,決定營造出什么樣的視覺體驗。

從視覺層面把控產品界面設計,在分析產品邏輯和交互邏輯后,負責簡潔而優雅的傳達有效信息,并通過視覺設計制造出愉悅的用戶體驗,好的UI設計師肯定要對交互有自己的理解,能提出更優于交互設計稿的布局方案。

其實互聯網領域中,UI 和 UX 設計師的界限相當模糊,在很多創業公司,這兩個設計角色是合二為一的。

(1)界面視覺設計師的工作職責和內容

  1. 為產品進行前期的視覺推導并完成設計方案。
  2. 負責為互聯網新產品與新功能提供創意策劃并提供用戶界面的設計方案。
  3. 負責參與前瞻性產品的創意設計和動態DEMO的實現。

(2)界面視覺設計師軟件

第二類:運營視覺設計師

運營方向設計師設計的出發點以產品活動設計為主,設計活動專題界面,如天貓雙十一、京東618等。這類營銷類型的設計是為了吸引用戶參加對應的活動,或加深用戶對互聯網產品的印象,產生參與行為。

運營視覺設計師不同于UI和交互設計師,運營視覺設計師的工作要求他們更加注重視覺豐富性的表現,更好的表達交互邏輯,優秀的體驗需要視覺與交互兼顧。

(1)運營方向視覺設計師的工作職責和內容

  1. 基于對運營設計需求的良好理解能力完成需要的視覺設計提案。
  2. 團隊協作設定整體活動界面視覺風格與創意規劃。
  3. 配合團隊高效地開展系統化的詳細視覺設計。
  4. 制定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)

本文由 @林小小 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!

文章若有侵權請來信告知:品牌行銷策略,產品行銷與設計,各類型行銷推廣案例分享-品牌行銷點點讚 » 界面視覺設計與運營視覺設計有什么不同?