設計師在做設計稿前應該做哪些準備工作?
前面幾篇U妹都講了《一款APP設計的從0到1》這些系列文章,總共6部分。今天講一下關于APP設計時該做的準備工作和一些設計師必須要知道的UI常識。
一般來說,移動UI界面設計包括兩個方向,分別是圖形(視覺)設計和交互設計:
- 視覺設計:主要負責這個UI看起來是否美觀,是否有設計感等等;
- 交互設計:主要負責這個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妹兒?原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖由作者提供
呃 1人干10人的事很正常,,,比如室內設計,,,簡直就是單干,,,每天都是 掃樓→談單→量房→cad戶型圖→效果圖→預約客戶簽單→cad下單圖。。。。。一氣呵成 一人干完,,,提成2%…然后我今年又屁顛屁顛的撿起來了UI。。。鄭州這邊 UI定義是 設計+前端+產品。。。呃 廢了 先干著美工 邊干美工 邊選編程,,,這個社會好現實,,除非大公司 小公司 額都不掛分工的
這個開發團隊是不是大了點?
創業公司里 1個人做10個人的事