設計師在做設計稿前應該做哪些準備工作?

3 評論 11405 瀏覽 50 收藏 10 分鐘

前面幾篇U妹都講了《一款APP設計的從0到1》這些系列文章,總共6部分。今天講一下關于APP設計時該做的準備工作和一些設計師必須要知道的UI常識。

一般來說,移動UI界面設計包括兩個方向,分別是圖形(視覺)設計和交互設計:

  1. 視覺設計:主要負責這個UI看起來是否美觀,是否有設計感等等;
  2. 交互設計:主要負責這個UI用起來順不順手,上手容不容易等等。

更重要的是移動APP UI 設計的魅力在于,你不僅需學會使用一些合適的技巧,更要有效的理解用戶與程序的交互關系。一個有效的用戶界面關注的是用戶目標的實現,包括視覺元素與功能操作在內的所有東西都需要完整一致。

1、如果你正要開始設計一款移動APPui界面設計的時候,如何來進行一些基本的準備工作呢?

① 一定要玩機器,玩APP。包括iOS、Andorid、ipad、watch等等智能設備。

② 熟悉各個平臺的界面設計規范。

③ 學會欣賞幾款不錯的APP設計或者是好的APP設計模板

④ 無論是你設計多大尺寸的UI,一定要有一臺測試機也就是說必須真機測試。

⑤ 將review做為移動UI工作的一個階段。

(備注:review就是評論、反饋的意思。這就是說,我們移動APP UI設計完成一些模塊之后,一定要進行階段性的評審和總結,修改、反饋。)

⑥ 培養一個靠譜的程序小伙伴。向一些有經驗的客戶端程序員學習和了解更深的設計規范。

2、下面就是我們作為一名移動APP UI設計師,必須了解的一些APP UI設計原則

① UI設計的一致性

用戶來到你的APP,腦子里會保持著一種思維習慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。

② UI設計的流暢性

你應當分析一下,自己的站點是否容易導航。用戶應當可以自由掌控自己的瀏覽行為,確保他們能從某個地點跳出,能夠毫無障礙地退出。不會讓你的用戶在你的設計作品當中迷路。

③ UI設計的群體特征

要設計有效的移動 UI界面,必須對你的用戶群有所了解,不同的用戶階層對不同的設計元素有不同的理解,17~25 歲年齡段的人,和 40~55 年齡斷的人有不同的喜好。

④ UI設計的簡潔性

UI 設計越簡單,用戶體驗越好,不要濫用設計元素,不要使用擁擠的界面。目前來說,很多手機APP設計的非常簡約,簡約設計可以增強 UI 的易用性,可以讓用戶不必關心那些無關的信息。

⑤ UI設計交互要合理性

最好的設計不是用來看的,是用來體驗的。如果交互做的很差,談何體驗。而且不要混雜多種交互效果在一個頁面,會讓用戶感覺太“刺激”而反感。

3、設計師必須要知道的一些常識

我覺得設計師都應該要知道一些公司其他部門的工作內容,起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明,想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS (自備梯子)這篇和 Wiki,網絡上也有許多文章介紹各個職務的工作內容。

PM:Product Manager????產品經理

針對某一項或是某一類的產品進行規劃和管理的人員,主要負責產品的研發、制造、營銷、渠道等工作。
(管進度、各部門溝通協調、被客戶罵、和程序各種撕)

SA:System Analyst????系統分析師

通過需求分析確認系統的需求,并進而形成系統產品設計的人。 通常他們也會涉及可行性評估、項目管理、開發前評估、需求驗證等工作。
(簡稱:這個系統要做什么?)

SD:System Designer????系統設計師

根據領域模型,再配合實體的平臺,考慮其效能、穩定、分散與安全性等,所建構而得的軟件規格。
(簡稱:這個系統要怎么做?)

PG:Programmer????程序設計師

從事軟件撰寫,程序開發、維護的專業人員。以某種程序語言為工具,給出這種語言下的程序。包括分析、設計、編碼、測試、排錯等不同階段。
(最常被叫做碼農或程序猿的職業。)

RD:Research & Development engineer ????研發設計工程師

廣義:是一種工作類型,凡是研究或開發的人員都算,包含 SA、SD、PG。

狹義:真正在作研發的單位,搞創新,很燒錢,還不能確定產出。

MIS:Management Information System????網管人員

工作范圍包含利用計算機硬件、軟件和網絡裝置,進行訊息的收集、傳遞、儲存、加工、整理的系統,以提高組織的經營效率等等。
(俗稱管機器的,大至主機斷線小至個人計算機藍白畫面四國語言都會出動他們。)

QA:Quality Assurance????質量保證工程師

通過建立和維持質量管理體系來確保產品質量沒有問題。

QA的目的,是要在產出產品的過程中,使用正確的方法來進行,而 QC 的作用,則是當產品完成時,會去檢查所產出的產品是否正確。

Planner:企劃

負責構思目標、分析現況、歸納方向、判斷可行性,一直到擬訂策略、實施方案、追蹤成效與評估成果。

(如果懂技術和實作會讓很多人不用加班加到死。)

Sales:業務

專門做銷售營銷的工作者,負責將公司之產品銷售給客戶。
(某些時候要把產品賣掉會夸大其詞,然后實作人員就哭了。)

F2E:Front-End Developer????前端工程師

主要負責寫 Html、CSS、Javas cript,接 API…等等。

(要和設計師合作、常常想翻設計師的桌,偶爾會拿到 PS 直出的 HTML,比表格排版還慘…基于上述原因,切圖常常變成是 F2E 的工作。)

UX/UE:User Experience Designer????用戶體驗設計師

設計流程包括:目標用戶設定,滿意度的范圍和主題設定,用戶需求的功能,互動研究,系統回饋和最終的報告與成果。

(應該是整天和數據玩、做實驗、寫報告的一群人,不過都大多抓去畫 Flow 和 Wireframe。)

UI:User Interface Designer,用戶界面設計師

應該是畫 Flow 和 Wireframe、設計接口的人。

(常常和 VD、UX 混在一起講,能明確定義并區分的人和公司很少。)

VD:Visual Designer

擁抱Photoshop、Illustrator、Sketch…繪圖軟件的人,退件修改和熬夜是基本。

希望這篇文章大家可以學以致用。

因為設計師不是藝術家,不像搞藝術的那么隨性。因為設計師設計的產品是給人們用的,關乎每個使用者的感受。藝術家不用考慮觀者的感受,只管傾述自己的內心世界并充分展示個性。設計師注定背上神圣的使命——設計,讓生活更美好。

最后,附上完整的APP設計和開發流程:

項目啟動→建立產品原型→形成效果圖→進入研發階段→研發成功后進入測試階段→測試過后將問題反饋給研發人員進行調整→多次測試確認沒有bug→提交市場、正式上線

如果在工作中,遇到問題,多和開發溝通交流,良好的溝通才是解決問題的唯一方法。

 

作者:U妹,一個不要命的UI設計師,等你,來撩妹喲。微信公眾號:UI妹兒(ID:UIfaner)

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

題圖由作者提供

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 呃 1人干10人的事很正常,,,比如室內設計,,,簡直就是單干,,,每天都是 掃樓→談單→量房→cad戶型圖→效果圖→預約客戶簽單→cad下單圖。。。。。一氣呵成 一人干完,,,提成2%…然后我今年又屁顛屁顛的撿起來了UI。。。鄭州這邊 UI定義是 設計+前端+產品。。。呃 廢了 先干著美工 邊干美工 邊選編程,,,這個社會好現實,,除非大公司 小公司 額都不掛分工的

    來自河南 回復
  2. 這個開發團隊是不是大了點?

    回復
    1. 創業公司里 1個人做10個人的事

      回復