雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

移動(dòng)端ui設(shè)計(jì)方法是什么?設(shè)計(jì)原則有哪些

Time: 2021-04-12

用戶界面設(shè)計(jì)是非常重要的一項(xiàng)工作,在開展用戶界面設(shè)計(jì)時(shí)需要考慮到很多問題,這就需要進(jìn)行針對(duì)性的設(shè)計(jì),那么移動(dòng)端ui設(shè)計(jì)方法是什么?設(shè)計(jì)原則有哪些?下面一起看下吧。

  了解平臺(tái)

  正如同web設(shè)計(jì)師需要了解HTML/CSS一樣,作為移動(dòng)端UI設(shè)計(jì)師的你應(yīng)該了解移動(dòng)端APP的架構(gòu)。首先移動(dòng)端開發(fā)的語言和網(wǎng)頁設(shè)計(jì)就不太一樣,各個(gè)不同平臺(tái)有著各自的編程語言和接口,界面的構(gòu)成也無法使用CSS和標(biāo)簽來實(shí)現(xiàn)。

  你需要深入閱讀官方的開發(fā)文檔,明白APP的構(gòu)成,編譯方式,發(fā)布方式,了解設(shè)計(jì)的規(guī)則。這些東西不僅關(guān)系到你的應(yīng)用開發(fā)好壞,還會(huì)影響系統(tǒng)的 穩(wěn)定性,電池續(xù)航長(zhǎng)短等多種因素。作為移動(dòng)端UI設(shè)計(jì)師,你單了解設(shè)計(jì)是不夠的。當(dāng)然,從長(zhǎng)遠(yuǎn)來看,這對(duì)于你的職業(yè)生涯也很有好處。

  了解移動(dòng)端的技術(shù)構(gòu)成

  光了解平臺(tái)的基本特征是不夠的。接下來你需要了解它相關(guān)的技術(shù)構(gòu)成:位置服務(wù)(wifi,GPS等),藍(lán)牙(低功耗藍(lán)牙技術(shù)),信號(hào),前后攝像 頭,麥克風(fēng),陀螺儀,位置傳感器,加速度傳感器,指紋掃描儀(iPhone 5s),眼動(dòng)追蹤技術(shù),語音識(shí)別,人臉識(shí)別,等等等等。每一個(gè)新技術(shù)的背后以為著應(yīng)用程序更多的可能性,交互設(shè)計(jì)、使用體驗(yàn),甚至商業(yè)模式。

  移動(dòng)端的UI設(shè)計(jì)有其獨(dú)有的一套設(shè)計(jì)規(guī)則和約束。新技術(shù)的不斷加入促進(jìn)了移動(dòng)平臺(tái)的快速增長(zhǎng),而移動(dòng)端的UI設(shè)計(jì)也和傳統(tǒng)的平面海報(bào)/網(wǎng)頁設(shè)計(jì)不太一樣。

移動(dòng)端ui設(shè)計(jì)

移動(dòng)端ui設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  設(shè)計(jì)注意事項(xiàng)

  Flow大局觀

  在移動(dòng)設(shè)計(jì)中,我們需要完善的功能flow,對(duì)它認(rèn)知的價(jià)值使得flow在整個(gè)設(shè)計(jì)開發(fā)過程中始終走在前面。完善的flow不僅令功能產(chǎn)品更加易用,帶來良好的用戶體驗(yàn),與此同時(shí),也有助于提升開發(fā)效率,不到位的flow將帶來設(shè)計(jì)與開發(fā)的反復(fù),使團(tuán)隊(duì)蒙受損失。

  設(shè)計(jì)原則

  ◆布局結(jié)構(gòu)清晰

  清晰的布局結(jié)構(gòu)是對(duì)一個(gè)應(yīng)用是否可用的基本要求,功能布局層次鮮明,使得新用戶通過低成本的學(xué)習(xí)快速記憶掌握應(yīng)用的功能布局,能夠在短時(shí)間內(nèi)完成既定的任務(wù)。

  ◆內(nèi)容清晰

  保持圖標(biāo)的簡(jiǎn)約以及文字的可讀尺寸,切忌因?yàn)檫^于追求特效與視覺美感,忽略基本的可讀性。

  ◆適合的灰度與色彩對(duì)比度

  為不同的環(huán)境模式提供相應(yīng)的對(duì)比度設(shè)計(jì),以減少用戶的閱讀疲勞,其中仍需保持內(nèi)容的可讀性。

  移動(dòng)UI設(shè)計(jì)須知

  幫助用戶做出明智的選擇:例如,一段描述性文字并不總是能服務(wù)于標(biāo)題。標(biāo)題本身就應(yīng)該包含幫助用戶決定應(yīng)該點(diǎn)擊什么的正確的關(guān)鍵字??s略圖應(yīng)該在展示整幅圖像的同時(shí)保持自身的可識(shí)別性。

移動(dòng)端ui設(shè)計(jì)

移動(dòng)端ui設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  以上是小編為大家?guī)淼挠嘘P(guān)移動(dòng)端ui設(shè)計(jì)方法和原則的具體介紹,相信大家在看完之后也清楚了吧,歡迎關(guān)注我們的網(wǎng)站了解更多信息。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開