首頁 > 開發者 > 手機程式開發

APP UI 設計

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

案例：為餐廳設計具有點餐功能的手機APP

一 功能點：

1.手機登入

2.套餐

3.推薦

4.小吃

5.飲料

6.購物車

7.設定：個人頭像，訂餐記錄，會員等級，promotion

二 繪製思維導圖

使用軟體：MindManager

類似這樣

三 手繪互動圖

就是把頁面設計手繪出來

四 軟體繪製互動圖

軟體工具：axureRP ，Origami(Mac 系統)，MockingBot

五 確定視覺風格

1.純色的視覺風格

 

模糊背景圖

手繪 插畫 （兒童類APP展示）

漸層介面

常用工具：Sketch只支援MAC,Firework,PS,Ai

六標註/切片

給開發人員確定頁面的字型大小，字間距，字型顏色之類的。很重要，使用軟體像素大廚

七 產品封裝

產品封裝主要分為四個部分

Banner,產品介紹，互動邏輯，視覺規範，介面展示

Banner地區

產品介紹

 互動邏輯

視覺規範

 

 介面展示

 

APP UI 設計

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More