資源描述:
《AppUI設(shè)計從入門到精通文庫》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、第一章AppUI設(shè)計基礎(chǔ)1.1ui的設(shè)計概念?UI就是UserInterface的簡稱,即為用戶界面,—般指軟件界面、也包括人機交互。1.2什么是UI設(shè)計?UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。1.3什么是APP?APP即為手機應(yīng)用程序,通滋分為個人用戶APP和企業(yè)用戶APPo1.4優(yōu)秀的APP有些人認(rèn)為APP是一個獨立的個體,只要由設(shè)計者單獨設(shè)計出來就可以了,但是不能忽視一個問題,那就是APP界面同時屬于產(chǎn)品團隊,如果沒有產(chǎn)品團隊的配合,最終也無法發(fā)揮界面的優(yōu)勢。1.5APP設(shè)計師與產(chǎn)品團隊產(chǎn)品經(jīng)理:對用戶需求進行細(xì)致研
2、究,針對廣大用戶的需求進行規(guī)劃(PPT、Project、Visio)產(chǎn)品設(shè)計師:完善功能方面的設(shè)計,考慮技術(shù)是否具有可行性(Word.Axure)用戶體驗師:了解商業(yè)層面胡東西,應(yīng)該從商業(yè)價值的角度出發(fā),對用戶交互方面進行改善(Dreamweaver)UI設(shè)計師:對用戶界面進行美化,(Photoshop、liiustrator)1.6APP界面設(shè)計與項目流程?產(chǎn)品定位產(chǎn)品的功能是什么?依據(jù)什么而這樣的產(chǎn)品?要達到什么影響??產(chǎn)品風(fēng)格產(chǎn)品定位直接影響產(chǎn)品風(fēng)格,根據(jù)產(chǎn)品的功能、商業(yè)價值等內(nèi)容,可以產(chǎn)生許多不同的風(fēng)格。當(dāng)產(chǎn)品是以面向人群為定位,那產(chǎn)品
3、的風(fēng)格應(yīng)該是清新、絢麗的,當(dāng)產(chǎn)品是以商業(yè)價值為定位,那產(chǎn)品的風(fēng)格應(yīng)該是穩(wěn)重,大氣的。?建造框架?素材收集?草稿繪制?界面設(shè)計?聯(lián)機審核第二章AppUI設(shè)計理論乙1用戶操作習(xí)慣A.應(yīng)用最好小而準(zhǔn)B.滿足用戶的情景需求C.要幫助用戶去消磨時間2.2界面布局A.重要的信息放在上方B.常用的操作放在界面的下方C.最小的觸摸單位,一?般為44個像素2.3如何配色不管在那個平臺上,畫面一般由主色調(diào)、輔色調(diào)、點睛色、和背景色四部分構(gòu)成,其屮主色調(diào)在畫面畫面屮的作用是無可取代的。第三章AppUI設(shè)計技巧3.1完整App設(shè)計流程一個通用消費軟件界面的設(shè)計大體可分
4、為5個步驟A.需求階段B.分析設(shè)計階段C.調(diào)研驗證階段D.方案改進階段E.用戶驗證反饋階段3.2需求階段軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇,依然離不開3W的考慮(Who、Where、Why),也就是使用者、使用壞境、使用方式的需求。所以在設(shè)計一個軟件產(chǎn)品之前我們應(yīng)該明確給什么人用(用戶的年齡、愛好、性別、收入、教冇程度),什么地方用(辦公室、家庭、廠房乍間、公共場所),如何用(鼠標(biāo)、鍵盤、遙控器、觸摸屏)。上面的任何一個元素改變,結(jié)果都會有相應(yīng)的改變。除此Z外,在需求階段同類競爭產(chǎn)品也是必須了解的。同類產(chǎn)品比我們提前問世,我們需要比它做的更好才有存
5、在的價值。3.2分析設(shè)計階段通過上面的需求,下面進入設(shè)計階段,也就是方案形成階段,-?般需耍設(shè)計出幾套不同分格的界而用于備選、。首先應(yīng)該制作一個體現(xiàn)用戶定位的詞匯坐標(biāo),例如為25歲左右的白領(lǐng)男性制作家居娛樂軟件,對于這類用戶分析得到的詞匯有:品質(zhì)、精美、高檔、高雅、男性、時尚、cooK個性、親和、放松等。分析這些詞匯的時候就會發(fā)現(xiàn)有些詞匯是必須體現(xiàn)的,例如:品質(zhì)、精美、高檔、時尚。3.3調(diào)研測試階段測試時間:某年某川某FI測試區(qū)域:北京、上海、天津測試對象:某消費軟件界定市場用戶主要特征:對計算機的硬件配置以及相關(guān)的性能指標(biāo)比較了解,計算機應(yīng)用
6、水平較高;計算機使用經(jīng)歷一年以上;年齡階段為x~x歲,年齡在x歲以上的被訪問者文化程度為大專及以上;個人收入x元以上或家庭月收入X元以上。樣品:五套軟件界面樣本量:X個,實際完成X個。調(diào)研階段需要從以下兒個問題出發(fā):A.用戶對各套方案的第一印象B.用戶對各套方案的綜合卬象C.用戶對各套方案的單獨評價D.選出最喜歡的E.選出其次喜歡的F.對各方案的色彩、文字、圖形等分別打分G.結(jié)論岀來以后,請所有用戶說岀來最受歡迎方案的優(yōu)、缺點3.4方案改進階段經(jīng)過用戶調(diào)研,可以得到口標(biāo)用戶最喜歡的方案,而且了解礴用戶為什么喜歡,述有什么缺陷有等,這樣就可以進行
7、下一步修改了.這時侯可以把精力投入到選中方案上,將該方案做到細(xì)致、精美。3.5用戶驗證反饋階段改正以后的方案,我們可以將它推向市場,單設(shè)計并沒有結(jié)束,還需要用戶反饋。好的設(shè)計師應(yīng)該在產(chǎn)品上市以后去站柜臺,零距離接觸最終用戶,看看用戶政治真正使用時胡感想,為以后胡升級版本積累資料。經(jīng)過上面設(shè)計過程胡描述,大家可以清楚發(fā)現(xiàn),界面UI設(shè)計類似于一個非??茖W(xué)的推導(dǎo)公式,它有設(shè)計師對藝術(shù)的理解感悟,但絕對不僅僅是表現(xiàn)設(shè)計師個人的繪畫水平。所以我們一再強調(diào),這個工作過程是設(shè)計過程,UI界面設(shè)計不只是美工。3.6圖標(biāo)設(shè)計的流程用鉛筆畫出草圖,構(gòu)思圖標(biāo)的造型。
8、筆和紙可以在構(gòu)思的時候反復(fù)修改,最終草圖庶盡量接近成品不同的圖標(biāo)用途決定了風(fēng)格取向:卡通一輕松寫實——突出質(zhì)感單色——簡潔風(fēng)格和操作系統(tǒng)關(guān)系比較大,婆