界面視覺設計與運營視覺設計有什么不同? 這篇科普讓你輕松看懂! - 優設-UISDC

界面視覺設計與運營視覺設計有什么不同? 這篇科普讓你輕松看懂!

2018/10/31 10032評論區

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

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

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

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

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

從視覺層面把控產品界面設計,在分析產品邏輯和交互邏輯后,負責簡潔而優雅的傳達有效信息,并通過視覺設計制造出愉悅的用戶體驗,好的 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」

ddcqr

圖片素材作者:Manoj Rajput

「視覺設計人氣好文」

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.51294208.com/interface-visual-design-and-marketing-visual-design

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 神器下載 海報設計 字體下載 設計趨勢 設計規范 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
wechat

優設官方微信

50萬設計師關注

微信號:youshege

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

云南时时彩开奖今天