手機界面創(chuàng)新設(shè)計

1、目錄西南科技大學(xué)城市學(xué)院City College of Southwest Uni versity OfScie nee and Tech no logy手機界面的創(chuàng)新設(shè)計課程名稱：項目實踐題目類別：201牛2015學(xué)年第1學(xué)期指導(dǎo)教師：楊大理老師專業(yè)班級：丁血設(shè)計1101班姓名：何欣學(xué)號：5完成日期：2014年門月23號成績：設(shè)計準(zhǔn)備一、設(shè)計背景二、設(shè)計特征1界面效果的整體性、一致性2. 界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)3. 操作流程的系統(tǒng)化三、界面效果的個性化1. 特有的界面構(gòu)架2. 專用的界面圖標(biāo)3. 界面色彩的個性化設(shè)置四、界面視覺元素的規(guī)范設(shè)計走向存在問題二、解決方案三 ' 創(chuàng)意

2、構(gòu)思四、交互框架五、效果表達六、展板設(shè)計準(zhǔn)備一、設(shè)計背景界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣,是產(chǎn)品的重要買點。一個友 好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創(chuàng)造賣 點。界面設(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且 為最終用戶而設(shè)計'是純粹的科學(xué)性的藝術(shù)設(shè)計。檢驗一個界面的標(biāo)準(zhǔn)即不是 某個 項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是最終用戶的感受。所以界面設(shè)計要和用戶研究緊密結(jié)合，是一個不斷滿足用戶操作體驗和視覺體驗的 過程。二、設(shè)計特征1. 界面效果的整體性、一致性手機軟件運行于手機操作系統(tǒng)的軟件環(huán)境,界面的設(shè)計應(yīng)該是基于

3、這個應(yīng)用平臺的整體風(fēng)格，這樣有利于產(chǎn)品外觀的整合。2. 界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)一軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)，例如：系統(tǒng)色調(diào)以藍(lán)色為主，我們的軟件界面的默認(rèn)色彩最好與之吻合，若使用與之大相徑庭的色彩，比如大紅、檸檬黃，色彩的強 烈變化會影響用戶的使用情緒，假想你買了一款從外觀到系統(tǒng)界面都很滿意的手機，操作的時候突然發(fā)現(xiàn)內(nèi)置的應(yīng)用軟件和系統(tǒng)界面不統(tǒng)一，你會有何感想呢第一感覺不好的東西我們的用戶還會去用它嗎所以我們要知道手機的外觀和系統(tǒng)界面已經(jīng)是由手機制造商根據(jù)用戶審 美習(xí)慣定制的，它應(yīng)該有他們的審美群體，我們要給這款手機做軟件就應(yīng)該有效地利用制造商基于此款手機的審美特

4、征，以贏得喜愛此款手機的用戶，使他們對系統(tǒng)界面的肯定和喜愛有效的轉(zhuǎn)移到我們的產(chǎn)品上來。當(dāng)然合理地結(jié)合系統(tǒng)界面進行設(shè)計還包括圖標(biāo)、按鈕的風(fēng)格及在不同操作狀態(tài)下的視覺效果。3. 操作流程的系統(tǒng)化手機用戶的操作習(xí)慣是基于系統(tǒng)的，我們的界面設(shè)計在操作流程的安排上，也得遵循系統(tǒng)的規(guī)范性， 讓用戶達到可以使用手機就會使用我們的軟件，簡化用戶操作流程！三、界面效果的個性化是不是我們追求整體性和一致性，就忽略軟件界面的個性化呢整體性和一致性是基于手機系統(tǒng)視覺效果的和諧統(tǒng)一而考慮，個性化是基于軟件本身的特征和用途而考慮。因此這一點也是不容忽視的！1. 特有的界面構(gòu)架軟件的實用性是軟件應(yīng)用的根本，我們設(shè)計應(yīng)該結(jié)合

5、軟件的應(yīng)用范疇，合理的安排版式，以求達到美觀 適用的目的，這一點不一定能與系統(tǒng)達到一致的標(biāo)準(zhǔn)，它應(yīng)該具有它所具有的行業(yè)標(biāo)準(zhǔn)，例如:證券交易、地 圖操作等界面特征，需要分析軟件應(yīng)用的特征和流程制定相對規(guī)范性的界面構(gòu)架。界面構(gòu)架的功能操作區(qū)、 內(nèi)容顯示區(qū)、導(dǎo)航控制區(qū)都應(yīng)該統(tǒng)一規(guī)范，不同功能模塊的相同操作區(qū)域的元素風(fēng)格應(yīng)該一致，讓用戶能夠 對不同的模塊的操作迅速掌握。從而也使整個界面統(tǒng)一在一個特有的整體之中。2. 專用的界面圖標(biāo)軟件的圖標(biāo)按鈕是基于自身應(yīng)用的命令集，它的每一個圖形內(nèi)容映射的是一個目標(biāo)動作，因此作為體現(xiàn) 目標(biāo)動作的圖標(biāo)，它應(yīng)該有強烈的表意性，制作過程中選擇具有典型行業(yè)特征的圖符，有助于

6、用戶的識別， 方便操作。圖標(biāo)的圖形制作不能太繁瑣，要適應(yīng)手機本身顯示面積很小的屏幕，在制作上盡量使用像素圖，確保圖形質(zhì)量清晰，如果針對立體化的界面，可考慮部分像素羽化的效果，以增強圖標(biāo)的層次感。3 界面色彩的個T生化設(shè)置色彩影響一個人的情緒，不同的色彩會讓人產(chǎn)生不同的心理效應(yīng)，反之不同的心理狀態(tài)所能接受的色彩 也是不同的，不斷變化的事物才能引起人的注意，界面設(shè)計的色彩個性化，目的就是用色彩的變換來協(xié)調(diào)用 戶的心理，讓用戶對軟件產(chǎn)品時常保持一種新鮮度，它是通過用戶根據(jù)自己的需要來改變默認(rèn)的系統(tǒng)設(shè)置， 選擇一種自己滿意的個性化設(shè)置，達到軟件產(chǎn)品與用戶之間的協(xié)調(diào)性。在眾多的軟件產(chǎn)品中都涉及到了界面

7、的換膚技術(shù)，在手機的軟件界面設(shè)計過程中，應(yīng)用這一個性設(shè)置可以更大的提升軟件的魅力，滿足用戶的多 方面需要！在具體操作實現(xiàn)的過程中，色彩的搭配顯得尤為重要，要考慮圖標(biāo)色彩與換膚色彩的色彩反差和 效果的統(tǒng)一，以不至于造成花、亂的界面效果。四、界面視覺元素的規(guī)范盡量使用較少的色深表現(xiàn)色彩豐富的圖形圖像，既確保數(shù)據(jù)量小又確保圖形圖像的效果完好，使圖形圖 像在軟件系統(tǒng)中所占數(shù)據(jù)量盡量減小，提高程序的工作效率。設(shè)計走向一、存在問題當(dāng)代無論手機幾面設(shè)計還是網(wǎng)頁設(shè)計都重點偏向于過度追求視覺效果，從而忽略了最重要的用戶體驗。無 論是設(shè)計的造型各異還是色彩絢爛對于用戶來說都是基于自己對產(chǎn)品的需求來傳達的介質(zhì)。所以，以用戶為 出發(fā)點的設(shè)計才是正確的。交互設(shè)計是至尖重要的一步?？紤]到用戶的操作習(xí)慣和個性化差異，用一種綜合 的方式來滿足絕大多數(shù)的用戶需求。二、解決方案設(shè)計的重點就是講用戶放在第一位，無論是排版還是交互。謹(jǐn)記用戶至上的唯一原則，將用戶體驗作為設(shè)計的核心。手機Ui設(shè)計是手機軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。置身于手機操作系統(tǒng)中人機交互的窗口，設(shè)計界面必須基于手機的物理特性和軟件的應(yīng)用特性進行合理