介面視覺設計與運營視覺設計有什麼不同?
網際網路的產品視覺設計師有分為介面視覺設計師和運營視覺設計師,那麼,這兩者有何區別呢?
隨著時代進步,網際網路的發展讓我們的生活越來越便利。使用者在追求產品功能便利的同時,對介面品質的追求也越來越高。視覺設計從傳統行業走向網際網路時代,網際網路產品的視覺設計既是對網際網路產品的包裝,也是對網際網路產品的一種解釋。越來越多的人對介面的視覺設計產生濃厚的興趣,想進一步瞭解什麼是網際網路的視覺設計。
一、網際網路產品視覺設計師有幾類
- 第一類:介面視覺設計師——產品功能方向的視覺設計師
- 第二類:運營視覺設計師——運營方向的視覺設計師
第一類:介面視覺設計師
產品功能方向的設計師,從設計的出發點來說,核心以產品功能和服務設計為主,更關注產品以怎樣的介面呈現。 負責產品或網站的圖形、圖示、色彩、視覺風格等,決定營造出什麼樣的視覺體驗。
從視覺層面把控產品介面設計,在分析產品邏輯和互動邏輯後,負責簡潔而優雅的傳達有效資訊,並通過視覺設計製造出愉悅的使用者體驗,好的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)
本文由 @林小小 原創釋出於人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基於CC0協議