網(wǎng)站地圖|客服中心|設(shè)為首頁|加入收藏

行業(yè)新聞

首頁 > 新聞 > 移動(dòng)端網(wǎng)站 > 移動(dòng)APP設(shè)計(jì)指南

移動(dòng)APP設(shè)計(jì)指南

  如果您想設(shè)計(jì)一款移動(dòng)APP,但是無從下手,不要擔(dān)心,本文將提供一些指南,助您開啟一段移動(dòng)APP的設(shè)計(jì)之旅。


移動(dòng)APP設(shè)計(jì)指南


  移動(dòng)APP設(shè)計(jì)是什么?廣義上講,APP設(shè)計(jì)師負(fù)責(zé)把APP設(shè)計(jì)的好看,好用。移動(dòng)APP涵蓋用戶界面和用戶體驗(yàn)。設(shè)計(jì)師負(fù)責(zé)APP的整體風(fēng)格,包括顏色、字體,按鈕的類型、窗口小部件等。那我們從哪里開始呢?

  一、選擇使用平臺(tái)

  鑒于您將要設(shè)計(jì)一款APP,首先要選擇使用平臺(tái)。如果不太確定怎么選擇,那么選擇您所熟悉的。如果您使用的是Android,那就選Android,如果您用的是iOS設(shè)備,那就從那里著手;蛘撸憧梢詾閮烧叨甲鲈O(shè)計(jì),但最好不要貪多嚼不爛——至少在開始的時(shí)候不要貪多嚼不爛。

  二、選擇工具

  Photoshop,AdobeXD 和 Sketch 都是不錯(cuò)的選擇。一旦確定了平臺(tái),接下來就該選擇使用的工具了。不管平臺(tái)是什么,選用的工具都是一樣的。APP設(shè)計(jì)常用的工具有AdobePhotoshop, AdobeXD 和 Sketch.一開始你可能覺得Photoshop很好用,但是對(duì)于移動(dòng)APP的設(shè)計(jì)來說,你最好選用AdobeXD或Sketch.最大的原因是這兩個(gè)工具在構(gòu)建時(shí)考慮到了設(shè)計(jì)和原型。它們幫助您簡化設(shè)計(jì)流程,并針對(duì)UI和UX設(shè)計(jì)人員,而Photoshop更適合于圖像處理。這里需要注意的一點(diǎn)是:如果您計(jì)劃進(jìn)行跨平臺(tái)開發(fā)或支持,AdobeXD是上上選,因?yàn)镾ketch只在macOS上可用。

  三、操作系統(tǒng)設(shè)計(jì)指南

  在您開始設(shè)計(jì)之前,您首先需要了解平臺(tái)的“可操作”和“不可操作”。一般來說,不同操作系統(tǒng)的移動(dòng)APP設(shè)計(jì)有一些相似之處:比如,目標(biāo)驅(qū)動(dòng)的設(shè)計(jì),保持簡單(少即是多),保持流暢,可讀性是關(guān)鍵,尊重的平臺(tái)等。最后一條,尊重平臺(tái)要比你想象的重要,當(dāng)用戶下載并安裝一個(gè)應(yīng)用程序到他們的設(shè)備上時(shí),他們希望它以一種他們熟悉和直觀的方式運(yùn)行。當(dāng)一個(gè)應(yīng)用程序違反了90%的特定于操作系統(tǒng)的設(shè)計(jì)規(guī)則時(shí),用戶很可能會(huì)刪除它。

  您不僅需要考慮 iOS 和 Android 具有的不同導(dǎo)航模式,還需要考慮按鈕、字體選擇和UI對(duì)象的位置——所有這些在不同的平臺(tái)上都是不一樣的。

  四、線框和應(yīng)用流程

  使用專用的線框工具,或堅(jiān)持使用筆和紙。在設(shè)計(jì)APP的外觀和感覺之前,必須對(duì)其流量控制和結(jié)構(gòu)進(jìn)行處理。這是線框發(fā)揮作用的地方。線框可幫助您了解用戶如何導(dǎo)航和使用應(yīng)用程序。它們的設(shè)計(jì)簡單,重點(diǎn)是流量和可用性?梢栽赟ketch或AdobeXD中創(chuàng)建線框圖。使用這些工具進(jìn)行線框圖繪制,您可以相對(duì)輕松地將低保真線框圖轉(zhuǎn)換為高保真預(yù)覽圖。

  五、模型和原型

  一旦您完成了線框圖的工作,就要將其與開發(fā)團(tuán)隊(duì)和/或您的客戶端討論,確定之后,就可以制作一些模型和原型了。如果使用相同的設(shè)計(jì)工具創(chuàng)建線框圖和移動(dòng)APP設(shè)計(jì),這一步通常會(huì)更容易。許多工具,包括UXPin,都提供了用開發(fā)人員所需的詳細(xì)信息注釋線框圖的方法,從而消除了任何不確定因素。

  進(jìn)行APP的設(shè)計(jì)的同時(shí)最好構(gòu)建共享資源庫。因?yàn)槟谶@里創(chuàng)建的標(biāo)準(zhǔn)按鈕、圖標(biāo)和其他元素可能在您設(shè)計(jì)的其他應(yīng)用程序中很有用,所以請(qǐng)確保將它們保存下來。

  六、了解開發(fā)限制

  設(shè)計(jì)師也向開發(fā)人員提供設(shè)計(jì)元素和可視資產(chǎn)。像圖標(biāo),背景,徽標(biāo)甚至字體之類的東西都是設(shè)計(jì)師可能交給開發(fā)人員的東西。一旦開發(fā)人員擁有了他們需要的一切,他們的工作就是采用該設(shè)計(jì)(各個(gè)部分)并使其發(fā)揮作用。然而,有時(shí)候,設(shè)計(jì)師并不了解開發(fā)人員面臨的限制。當(dāng)這種情況發(fā)生時(shí),一切就會(huì)亂了套。作為移動(dòng)應(yīng)用程序設(shè)計(jì)人員,您可以完全忽略開發(fā)人員和開發(fā)過程,但最好還是要了解開發(fā)人員面臨的挑戰(zhàn)和限制,不管他們使用的是什么工具,還是操作系統(tǒng)和/或應(yīng)用程序?qū)⑦\(yùn)行在哪些設(shè)備上。有了這些知識(shí),您可以更有效地設(shè)計(jì)移動(dòng)APP,減少開發(fā)人員的阻力,同時(shí)培養(yǎng)更協(xié)作的工作環(huán)境。

  如果您不了解移動(dòng)APP的設(shè)計(jì),希望本文會(huì)給您一些啟發(fā),如果您已經(jīng)對(duì)移動(dòng)APP的開發(fā)了如執(zhí)掌,也歡迎您分享!
  • 基于用戶創(chuàng)新

    界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……

  • 服務(wù)設(shè)計(jì)思維

    互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶、不同……

  • 洞察用戶心理

    洞察用戶有意識(shí)和無意識(shí)的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……

  • 查看更多 >>

最新新聞Latest News

中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營銷
很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問題:一、我們起步比別人晚,我們的……
做企業(yè)網(wǎng)站到底做給誰看?
設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶,常常搞不清楚誰會(huì)真正看你的企業(yè)網(wǎng)……
傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開始
移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
網(wǎng)站建設(shè)和運(yùn)營五大細(xì)節(jié)決定用戶黏性
網(wǎng)站的成功離不開搜索引擎優(yōu)化,更離不開最基礎(chǔ)最根本的用戶群體,如何……
2015年值得關(guān)注的電子商務(wù)5大趨勢
線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢仍將繼續(xù)!

本站搜索關(guān)鍵詞:移動(dòng)APP設(shè)計(jì)指南 | 北京網(wǎng)站建設(shè) | 北京網(wǎng)站建設(shè)公司 | 北京網(wǎng)站建設(shè)中心 | 高端網(wǎng)站建設(shè) | 電商網(wǎng)站建設(shè) | 企業(yè)網(wǎng)站建設(shè) | 手機(jī)網(wǎng)站建設(shè) | 微站官網(wǎng)建設(shè) | APP開發(fā)

銷售熱線

7x24小時(shí)全國售前咨詢熱線:010-57281389

7x24小時(shí)全國售后服務(wù)熱線:13020085953 15313016798

手機(jī) | 微信同號(hào):18600846206   QQ:523313456

立即咨詢 網(wǎng)站建設(shè)業(yè)務(wù)咨詢|客服熱線:010-57281389 13020085953

點(diǎn)這里給我發(fā)消息 電子郵箱:cnet99@cnet99.com

營業(yè)地址(東部):北京市朝陽區(qū)伊莎文心廣場A座3層B-22

位置分享

營業(yè)地址(西部):北京市豐臺(tái)區(qū)汽車博物館東路1號(hào)諾德中心9-605

標(biāo)準(zhǔn)網(wǎng)站,網(wǎng)站建設(shè),域名注冊(cè),虛擬主機(jī),獨(dú)享主機(jī),企業(yè)云郵箱,網(wǎng)站維護(hù)一條龍,北京網(wǎng)站建設(shè)中心


  掃一掃 加微信
  微信號(hào):cnet99com

  掃一掃 加關(guān)注
  微信平臺(tái)

天潤智力-專注于互聯(lián)網(wǎng)平臺(tái)建設(shè)與服務(wù)領(lǐng)域 中國互聯(lián)網(wǎng)平臺(tái)建設(shè)服務(wù)提供商

萬網(wǎng)阿里云金牌首席合作伙伴站點(diǎn) 全線代理萬網(wǎng)阿里云產(chǎn)品及服務(wù)

中國萬網(wǎng)正式通過ISO9001國際標(biāo)準(zhǔn)質(zhì)量體系認(rèn)證

Copyright©1999-2024 天潤智力 備案/許可證編號(hào) 京ICP備2020040216號(hào)-3

公安部備案號(hào) 11010502032413