設(shè)計師在做設(shè)計稿前應(yīng)該做哪些準(zhǔn)備工作钓葫?

前面幾篇U妹都講了《一款A(yù)PP設(shè)計的從0到1》這些系列文章,總共6部分票顾,目前為止已經(jīng)講了前4個部分,還剩下視覺還原和上線準(zhǔn)備篇帆调,今天插播一下關(guān)于APP設(shè)計時該做的準(zhǔn)備工作和一些設(shè)計師必須要知道的UI常識

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

1番刊、視覺設(shè)計主要負(fù)責(zé)這個UI看起來是否美觀含鳞,是否有設(shè)計感等等;

2芹务、交互設(shè)計主要負(fù)責(zé)這個UI用起來順不順手蝉绷,上手容不容易等等。

更重要的是移動APP UI 設(shè)計的魅力在于枣抱,你不僅需學(xué)會使用一些合適的技巧熔吗,更要有效的理解用戶與程序的交互關(guān)系。一個有效的用戶界面關(guān)注的是用戶目標(biāo)的實現(xiàn)佳晶,包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致桅狠。


1、如果你正要開始設(shè)計一款移動APPui界面設(shè)計的時候,如何來進(jìn)行一些基本的準(zhǔn)備工作呢中跌?

① 一定要玩機器咨堤,玩APP。包括iOS漩符、Andorid一喘、ipad、watch等等智能設(shè)備嗜暴。

② 熟悉各個平臺的界面設(shè)計規(guī)范凸克。

③ 學(xué)會欣賞幾款不錯的APP設(shè)計或者是好的APP設(shè)計模板

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

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

(備注:review就是評論触徐、反饋的意思。這就是說狐赡,我們移動APP UI設(shè)計完成一些模塊之后撞鹉,一定要進(jìn)行階段性的評審和總結(jié),修改颖侄、反饋鸟雏。)

⑥ 培養(yǎng)一個靠譜的程序小伙伴。向一些有經(jīng)驗的客戶端程序員學(xué)習(xí)和了解更深的設(shè)計規(guī)范览祖。


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

① UI設(shè)計的一致性

用戶來到你的APP展蒂,腦子里會保持著一種思維習(xí)慣又活,你的 UI 需要保持一致,以免用戶的思維方向被打亂锰悼。

② UI設(shè)計的流暢性

你應(yīng)當(dāng)分析一下柳骄,自己的站點是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為箕般,確保他們能從某個地點跳出耐薯,能夠毫無障礙地退出。不會讓你的用戶在你的設(shè)計作品當(dāng)中迷路丝里。

③ UI設(shè)計的群體特征

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

④ UI設(shè)計的簡潔性

UI 設(shè)計越簡單幌绍,用戶體驗越好目锭,不要濫用設(shè)計元素评汰,不要使用擁擠的界面。目前來說痢虹,很多手機APP設(shè)計的非常簡約被去,簡約設(shè)計可以增強 UI 的易用性,可以讓用戶不必關(guān)心那些無關(guān)的信息奖唯。

⑤ UI設(shè)計交互要合理性

最好的設(shè)計不是用來看的惨缆,是用來體驗的。如果交互做的很差丰捷,談何體驗坯墨。而且不要混雜多種交互效果在一個頁面,會讓用戶感覺太“刺激”而反感病往。


3捣染、設(shè)計師必須要知道的一些常識

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

PMProduct Manager????產(chǎn)品經(jīng)理

針對某一項或是某一類的產(chǎn)品進(jìn)行規(guī)劃和管理的人員,主要負(fù)責(zé)產(chǎn)品的研發(fā)庆揪、制造式曲、營銷、渠道等工作缸榛。

(管進(jìn)度吝羞、各部門溝通協(xié)調(diào)、被客戶罵内颗、和程序各種撕)

SASystem Analyst????系統(tǒng)分析師

通過需求分析確認(rèn)系統(tǒng)的需求脆贵,并進(jìn)而形成系統(tǒng)產(chǎn)品設(shè)計的人。 通常他們也會涉及可行性評估起暮、項目管理、開發(fā)前評估会烙、需求驗證等工作负懦。

(簡稱:這個系統(tǒng)要做什么?)

SDSystem Designer????系統(tǒng)設(shè)計師

根據(jù)領(lǐng)域模型柏腻,再配合實體的平臺纸厉,考慮其效能、穩(wěn)定五嫂、分散與安全性等颗品,所建構(gòu)而得的軟件規(guī)格肯尺。

(簡稱:這個系統(tǒng)要怎么做?)

PGProgrammer程序設(shè)計師

從事軟件撰寫躯枢,程序開發(fā)则吟、維護(hù)的專業(yè)人員。以某種程序語言為工具锄蹂,給出這種語言下的程序氓仲。包括分析、設(shè)計得糜、編碼敬扛、測試、排錯等不同階段朝抖。

(最常被叫做碼農(nóng)或程序猿的職業(yè)啥箭。)

RDResearch & Development engineer ????研發(fā)設(shè)計工程師

廣義:是一種工作類型,凡是研究或開發(fā)的人員都算治宣,包含 SA急侥、SD、PG炼七。

狹義:真正在作研發(fā)的單位缆巧,搞創(chuàng)新,很燒錢豌拙,還不能確定產(chǎn)出陕悬。

MISManagement Information System????網(wǎng)管人員

工作范圍包含利用計算機硬件、軟件和網(wǎng)絡(luò)裝置按傅,進(jìn)行訊息的收集捉超、傳遞、儲存唯绍、加工拼岳、整理的系統(tǒng)窿给,以提高組織的經(jīng)營效率等等助琐。

(俗稱管機器的,大至主機斷線小至個人計算機藍(lán)白畫面四國語言都會出動他們忍饰。)

QAQuality Assurance????質(zhì)量保證工程師

通過建立和維持質(zhì)量管理體系來確保產(chǎn)品質(zhì)量沒有問題绝骚。

QA的目的耐版,是要在產(chǎn)出產(chǎn)品的過程中,使用正確的方法來進(jìn)行压汪,而 QC 的作用粪牲,則是當(dāng)產(chǎn)品完成時,會去檢查所產(chǎn)出的產(chǎn)品是否正確止剖。

Planner:企劃

負(fù)責(zé)構(gòu)思目標(biāo)腺阳、分析現(xiàn)況落君、歸納方向、判斷可行性亭引,一直到擬訂策略绎速、實施方案、追蹤成效與評估成果痛侍。

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

Sales業(yè)務(wù)

專門做銷售營銷的工作者,負(fù)責(zé)將公司之產(chǎn)品銷售給客戶主届。

(某些時候要把產(chǎn)品賣掉會夸大其詞赵哲,然后實作人員就哭了。)

F2EFront-End Developer前端工程師

主要負(fù)責(zé)寫 Html君丁、CSS枫夺、Javascript,接 API…等等绘闷。

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

UX/UEUser Experience Designer????用戶體驗師

設(shè)計流程包括:目標(biāo)用戶設(shè)定华嘹,滿意度的范圍和主題設(shè)定吧趣,用戶需求的功能,互動研究耙厚,系統(tǒng)回饋和最終的報告與成果强挫。

(應(yīng)該是整天和數(shù)據(jù)玩、做實驗薛躬、寫報告的一群人俯渤,不過都大多抓去畫 Flow 和 Wireframe。)


UIUser Interface Designer型宝,用戶界面設(shè)計師

應(yīng)該是畫 Flow 和 Wireframe八匠、設(shè)計接口的人。

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

VDVisual Designer

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

希望這篇文章大家可以學(xué)以致用床嫌。

因為設(shè)計師不是藝術(shù)家,不像搞藝術(shù)的那么隨性胸私。因為設(shè)計師設(shè)計的產(chǎn)品是給人們用的厌处,關(guān)乎每個使用者的感受。藝術(shù)家不用考慮觀者的感受岁疼,只管傾述自己的內(nèi)心世界并充分展示個性阔涉。設(shè)計師注定背上神圣的使命——設(shè)計,讓生活更美好捷绒。

最后瑰排,附上完整的APP設(shè)計和開發(fā)流程:

項目啟動→建立產(chǎn)品原型→形成效果圖→進(jìn)入研發(fā)階段→研發(fā)成功后進(jìn)入測試階段→測試過后將問題反饋給研發(fā)人員進(jìn)行調(diào)整-→多次測試確認(rèn)沒有bug。

如果在工作中暖侨,遇到問題椭住,多和開發(fā)溝通交流,良好的溝通才是解決問題的唯一方法字逗,下期U妹繼續(xù)《一款A(yù)PP設(shè)計的從0到1系列之:視覺還原篇》京郑,我們下期再見!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末葫掉,一起剝皮案震驚了整個濱河市些举,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俭厚,老刑警劉巖户魏,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異套腹,居然都是意外死亡绪抛,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門电禀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幢码,“玉大人,你說我怎么就攤上這事尖飞≈⒏保” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵政基,是天一觀的道長贞铣。 經(jīng)常有香客問我,道長沮明,這世上最難降的妖魔是什么辕坝? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮荐健,結(jié)果婚禮上酱畅,老公的妹妹穿的比我還像新娘琳袄。我一直安慰自己,他們只是感情好纺酸,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布窖逗。 她就那樣靜靜地躺著,像睡著了一般餐蔬。 火紅的嫁衣襯著肌膚如雪碎紊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天樊诺,我揣著相機與錄音仗考,去河邊找鬼。 笑死啄骇,一個胖子當(dāng)著我的面吹牛痴鳄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播缸夹,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼痪寻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了虽惭?” 一聲冷哼從身側(cè)響起橡类,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芽唇,沒想到半個月后顾画,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡匆笤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年研侣,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炮捧。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡庶诡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出咆课,到底是詐尸還是另有隱情末誓,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布书蚪,位于F島的核電站喇澡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏殊校。R本人自食惡果不足惜晴玖,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧呕屎,春花似錦宪萄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽静汤。三九已至琅催,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間虫给,已是汗流浹背藤抡。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抹估,地道東北人缠黍。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像药蜻,于是被迫代替她去往敵國和親瓷式。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容