淺析iOS界面設(shè)計(jì)方法交互設(shè)計(jì)

1、淺析iOS界面設(shè)計(jì)方法交互設(shè)計(jì)-電腦資料眼看移動(dòng)互聯(lián)網(wǎng)之風(fēng)吹遍祖國(guó)大地，各種移動(dòng)應(yīng)用接踵而來(lái)，作為互聯(lián)網(wǎng)設(shè)計(jì)師，若能掌握一些基本設(shè)計(jì)原則，將會(huì)對(duì)新平臺(tái)帶來(lái)的的挑戰(zhàn)輕松應(yīng)對(duì)！今天就以iPhone為起點(diǎn)，讓咱們來(lái)分析一下iOS界面的設(shè)計(jì)方法開始前先整理下思路，目前移動(dòng)互聯(lián)網(wǎng)的界面設(shè)計(jì)有2種：即移動(dòng)webUI和移動(dòng)客戶端UI,對(duì)于設(shè)計(jì)而言，移動(dòng)web滿足人們高效快速的信息瀏覽，注重排版和信息整合；而客戶端可以實(shí)現(xiàn)更加豐富的交互體驗(yàn)，注重層級(jí)關(guān)系和操作引導(dǎo)。思路捋順了，接下來(lái)就開始一層層把它們展開吧WebiS計(jì)iphone擁有緊致的尺寸，目前有480X320和640X960兩種分辨率。它包含了完整的S

2、afari瀏覽器，可以完整顯示HTMLXMLJW頁(yè)。利用多點(diǎn)觸摸可以做到跟桌面平臺(tái)一樣的網(wǎng)頁(yè)瀏覽體驗(yàn)。但受“屏幕小、觸屏操作、網(wǎng)速限制”的限制，web的設(shè)計(jì)需要考慮諸如：精簡(jiǎn)布局、降低圖片加載、減少輸入等等。具體辦法似乎可以這么做：1、對(duì)原有信息進(jìn)行整合重組，橫向排列、避免分欄。2、動(dòng)作傳感器可以感應(yīng)用戶橫握手機(jī)時(shí)自動(dòng)轉(zhuǎn)為橫屏顯示，因此信息排版要做到自適應(yīng)寬度，橫屏480（960），豎屏320（640）3、精簡(jiǎn)精簡(jiǎn)精簡(jiǎn)！在小小的顯示屏上，所有主元素都要盡量的“夠大”，因此頁(yè)面只需展示核心功能，去掉不必要的”設(shè)計(jì)元素”（使用色塊或簡(jiǎn)單背景圖），使頁(yè)面易操作、瀏覽順暢?？蛻舳薝I設(shè)計(jì)iphone中

3、的AppStor提供上萬(wàn)種應(yīng)用下載，每個(gè)應(yīng)用即有一套獨(dú)立的UI。包括：應(yīng)用圖標(biāo)、閃屏、功能界面等1、圖標(biāo)設(shè)計(jì)a、圖形元素盡可能不超過(guò)2個(gè)，并且不可平均分布，突出主視覺(jué)b、桌面極少使用淺色，因此配色盡量以明亮淺色為主，以免被背景吸收掉c、為了讓圖標(biāo)更加自然融合其中，符合ios平臺(tái)的透視標(biāo)準(zhǔn)，盡量使用正面垂直角度，光源自上而下，輸出：iOS會(huì)為圖標(biāo)自動(dòng)生成圓角投影，可直接輸PNG：57x57px114X114512X51290度直角（不要使用alpha透明度）2、歡迎界面歡迎界面（閃屏）像是應(yīng)用的一道門，在使用前給用戶一個(gè)預(yù)示，它通常包含圖標(biāo)、版本號(hào)、加載進(jìn)度等信息。設(shè)計(jì)可以根據(jù)產(chǎn)品風(fēng)格隨意發(fā)揮，

4、與圖標(biāo)呼應(yīng)，強(qiáng)化產(chǎn)品的印象。3、功能界面遵守IOS的交互習(xí)慣，功能界面的結(jié)構(gòu)通常自上而下，分別是“導(dǎo)航欄、標(biāo)簽欄、工具欄”導(dǎo)航欄主要顯示“當(dāng)前狀態(tài)、返回、編輯、設(shè)置”等基本操作。工具欄作為熱點(diǎn)觸摸區(qū)域，用來(lái)展示主菜單。形式可以：文字、圖標(biāo)、圖標(biāo)+文字（不可超過(guò)5欄）標(biāo)簽欄是主要展示區(qū)，也是設(shè)計(jì)的重點(diǎn)。根據(jù)不同功能的界面、常見有以下幾種設(shè)計(jì)方式：列表視圖適合目錄、導(dǎo)航等多層級(jí)的界面。將信息一級(jí)級(jí)的收起，最大化的展示分類信息。分層的界面利用iPhone本身獨(dú)有的特性讓其固定，或垂直、水平滾動(dòng)，節(jié)省空間。擬物化設(shè)計(jì)適合實(shí)現(xiàn)獨(dú)立功能的界面設(shè)計(jì)，界面的細(xì)節(jié)逼真寫實(shí)。以現(xiàn)實(shí)的元素和操作喚起用戶共鳴。耶本次分享完畢！有句話說(shuō)吃進(jìn)去的是糧食拉出來(lái)的是思想，更確切的說(shuō)法應(yīng)該是“吃進(jìn)去的是積累，拉出來(lái)的是經(jīng)驗(yàn)