導航:首頁 > 操作系統 > android產品設計

android產品設計

發布時間:2023-01-17 01:58:20

Ⅰ 我准備做android的手機應用程序產品端設計,有個疑問,android手機屏幕尺寸沒有標准,那產品設計時怎麼辦

DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
int screenWidth = dm.widthPixels;
int screenHeight = dm.heightPixels;

Ⅱ Android UI 的設計規則

一. Launcher(啟動圖標):
1.在背景下易見;
2.尺寸 Phone: 48*48 dp
Google Play: 512*512 pixels
3.風格:任意輪廓。三維,正視圖,稍微透視看起來像從頂部往下看(使用戶有深度感)。
二. Action Bar(工具欄):工具欄圖標為圖片按鈕
1.尺寸: phone下為32*32dp
2.焦點區比例: 光學直角區可為24*24dp
3.風格: 象形,平淡,不要太詳細,光滑曲線或尖銳的形狀。若圖片偏窄,可轉動45度角以填充焦點區,筆畫寬度與空白寬度至少為2dp
4.顏色: #333333 激活:60%不透明 禁用:30%不透明
#FFFFFF 激活:80%不透明 禁用:30%不透明
三. Small/Contextual Icons(小的上下文圖標):用於為動作和狀態提供特殊項目
1.尺寸: 16*16dp
2.焦點區域與比例: 全部為16*16dp, 光學直角區域為12*12dp
3.風格: 中性,平淡,簡單。填充的形狀比簡單的筆畫易見。使用簡單的視覺暗示以便用戶能輕易讀懂。
4.顏色: 使用少量的非中性顏色。激活時與背景形成對比。
四. Notification Icons(通知圖標)
1.尺寸: 必須為24*24dp
2.焦點區域與比例: 全部區域24*24dp 光學直角區域22*22dp。
3.風格: 平實簡單,與啟動圖標一樣使用視覺暗示。
4.顏色: 全白,也可以使其根據系統變暗。

專題二、設計原則:
一. 使用戶著迷:
1.用驚艷吸引人:漂亮界面、動畫、聲音……
2.實際對象比按鈕和菜單更有趣:使用戶能直接觸摸和控制App中的對象
3.使成為自己的:既有默認的,又可以進行自定義設置
4.了解學慣用戶所需:學慣用戶愛好與習慣,而不是要求用戶單調的做
二. 讓生活簡單化:
1.保持簡潔:用短語
2.圖片比文字更快:用圖片解釋想法
3.替用戶做決定,但最終決定權在於用戶:不是一開始就問,先猜測,允許撤銷
4.只顯示用戶正需要的:將任務和信息分塊,隱藏不是必須的選項
5.用戶一直要知道自己在哪:在屏幕間用切換顯示關系,提供任務反饋
6.從不丟失:保存用戶花時間創建的,並讓他們可以從任何地方接入,記住設置、個人觸摸和創建
7.看起來一樣,功能也一樣:外觀、模式差不多的操作都要相近
8.重要的時候才打擾用戶:一個好的個人助手,會避免掉不重要的事情,使用戶能集中精力
三. 讓用戶興奮起來:
1.給用戶所有地方都能使用的技巧:使應用程序簡單易學
2.不是我的錯:紳士的讓用戶做修正,如果出錯,給出恢復指導但省略科技細節
3.給出鼓勵(回饋):將復雜任務切成易於完成的小步驟,在用戶動作後給出回饋,例如一個光暈
4.為用戶完成繁重的事務:使新手做他們認為自己不會做的事情,而且做得像專家一樣。例如多種照相功能的快捷鍵使業余愛好者通過簡單幾步就能完成
5.讓重要的事情更快:將App中最重要的部分更容易找到,更快使用,像照相機的快捷鍵、音樂播放器的暫停鍵等。
專題三、書寫風格:
一. 使用戶著迷:
1.保持簡潔:簡明、簡單、精確
2.保持簡單:使用簡短單詞、動詞和名詞
3.友好:用第二人稱你稱呼用戶,使用戶感覺安全、快樂和激情
4.重要的事放在前
5.避免重復

Ⅲ Android與iOS:應用程序用戶界面設計的差異和比較

移動領域的兩大風向標--Android和iOS,也是移動應用設計時最大的兩個競爭對手。Android與iOS在市場份額、受歡迎程度、使用人口統計方面數據不相上下,在這里,我們對比了Android和iOS之間的簡單設計差異,這將幫助我們弄清一個與另一個有何不同。
由於碎片化的原因,安卓系統的應用設計會有細微的差異。

我們先來了解一下Android與iOS UI應用設計在扁平化設計和材質設計方面的對比。

人機界面指南主要基於三個原則。清晰、尊重和深度。簡單來說,該方法支持極簡主義,使用簡潔的元素,注重排版和扁平化色彩。

簡而言之,Android Material Design被認為是Flat設計的升級版,帶有擬態性(一種流行的設計概念,即讓所代表的物品與現實世界中的對應物相似)。

用Google設計副總裁 MatíasDuarte 的話來說,它是–

有了這些基礎知識,讓我們從7個方面研究兩個平台之間的差異。

目錄
1. 導航
2. 按鈕
3. 圖標和屏幕解析度
4. 字體
5. 控制項
6. 卡片
7. 警報

對於iOS應用程序,總是在「後退」按鈕旁邊提示上一個選項卡的名稱。在中間,顯示當前選項卡的名稱,而在右上角則顯示「編輯」或「完成」(控制按鈕)。
說到Android的設計規則,應用程序通常在抽屜菜單或後退按鈕(可選)之後的左上角顯示標題。移至右上方,總是有一個操作項,例如搜索圖標(也可以是多個,例如「收藏夾」圖標),其後是溢出菜單。

在iOS中,主導航始終顯示在底部,功能菜單專門用於存儲一次性功能。而在Android中,通常會在功能菜單中看到主要導航,或者以搜索欄,浮動操作按鈕等形式在整個界面中存在。

ios界面指南中,沒有類似抽屜導航菜單的標准控制項。iOS的全局導航被放置在應用屏幕的底部,一般位於最末位的 "更多"標簽下找到二級導航。
Android中,二次導航是一個抽屜,一旦按下功能菜單圖標,就會從左到右打開,同時產生一個深色的遮罩層。

有四種方法可以在iOS應用中實現「後退」操作:

在某些情況下,Android應用程序中給出了類似後退的操作,您可以通過該操作進入前一個標簽。但是,最常見和最簡單的方法是使用導航欄中的後退按鈕(Android 10中現在是可選的)。

iOS和Android中的按鈕風格最主要的設計區別在於,iOS中的按鈕遵循扁平化的設計模式,不帶陰影、支持標題大小寫。Android遵循Material Design,帶陰影且字母大寫。

另一個比較重要的按鈕是Floating action button(FAB行動呼籲按鈕)。例如安卓系統中Gmail的compose按鈕,iOS系統中社交媒體應用的新建文章按鈕。

兩種系統都使用8dp的網格來構建屏幕結構,而最常見的邊框是16dp。
在開發移動應用程序時,以預定義的尺寸設計圖標是非常關鍵的。這里有一個表,描述了所有的測量。

這些表格一開始可能會讓人有點不知所措,但是如果你知道基本尺寸,並且能夠使用倍數進行檢查和導出,會發現這並不復雜。

多年來,蘋果一直是Helvetica Neue字體的粉絲,然而在2015年,蘋果開始使用San Francisco,它更節省空間,非常適合手機、台式機和iOS Watch使用。

Android系統,一直使用Roboto作為標准系統字體。在可預見的未來,谷歌也沒有計劃改變這一深受喜愛的元素。

控制項設計包含搜索、CTA按鈕、選擇控制項和標簽等元素。每一個都滿足了這樣或那樣的目的,讓我們來看看他們的位置。

搜索功能對於兩個平台來說都非常重要,蘋果最近還在iMessage中加入了 "搜索欄 "。

在蘋果中,搜索選項有兩種類型--突出和隱藏。通常情況下,搜索圖標會顯示在上邊的選項卡上,而有時需要從上到下拖動屏幕才能顯示搜索欄。此外,如果要取消搜索查詢,可以按 "取消",如果要清除,可以用 "X"。

在安卓系統中,沒有隱藏的搜索欄,你總能在上層標簽中找到一個。如果要取消搜索,只需點擊"←"圖標即可,如果要清除查詢,則和iOS中的一樣。

浮動的動作按鈕(FAB)在Android中充當主要行動按鈕,可以出現在頂部應用欄或一些組件的邊緣。而iOS應用中的主要行動按鈕總是出現在頁面的右上角。

不過也有一些例外,少數iOS會在底部工具欄顯示CTA,而Android則在上部工具欄顯示。

如果需要顯示一些選項,可以在iOS平台上使用選取器控制項,選取器一般出現在底部。
對於在Android平台上顯示很少的選項,通常使用一個出現在原地的下拉菜單,或者一個出現在中心的模態對話框,使用模態框時應用背景變暗。

據觀察,iOS系統並沒有一個視覺上類似於 "標簽"的控制項。它使用的是一個分段的按鈕。Android使用了"扁平化設計的tab"來實現同樣的效果。

卡片是圖片、文字、視頻的集合,還包括按鈕和評論。
在iOS中,卡片的特點是無陰影、全寬、無圓角。而在安卓系統中,卡片的設計有陰影、溝槽、圓角等功能。

安卓系統的提醒採用的是扁平化的按鈕樣式,具體尺寸可以在材質設計指南中找到。操作按鈕被放置在提醒的右下角。這些 "按鈕 "完全以文字為主(全大寫),讓用戶更容易理解。

至於iOS系統的提醒,則是用分割線隔開。它們基本採用句子或標題的形式,在獨立的區塊中呈現。它們被放置在彈出窗口的中心。

本文涵蓋了iOS和Android所有的初步差異,希望對你有所幫助,而設計一個iOS或Android的移動應用,總是有迭代的准則,所以,一定要保持信息的更新,及時調整自己的產品設計。

Q. 為什麼iOS和Android上的應用看起來不一樣?
品牌和意識形態的不同,已經波及到他們的操作系統的運作方式。兩個平台的UI設計已經成為品牌的符號化。

Q. 如何設計一個原生應用?
在設計原生應用時,必須始終遵守iOS UI應用設計指南和Material設計指南。這樣才能使應用與它所要針對的平台同步。另外,這些平台有不同的要求,所以你的應用必須滿足它們才能在應用商店上發布。

Q. iOS比Android更方便用戶使用嗎?
這個問題的答案是純主觀的。它是基於用戶的個人偏好。有些人可能會覺得iOS更實用,而有些人則在各方面都偏愛Android。

Ⅳ 如何做好android應用的界面設計

這段時間自己研究了挺多安卓的東西,有了更多的想法,在此描述一下。
方法/步驟
學習原生軟體的界面開發,而且最好還是看一些開源的,無論從設計的角度還是從開發的角度都是極好的。
比如優秀的作品很多,這些不開源學習界面就好,開源的可以看看系統的應用。和系統本身結合的非常好,設計風格和系統也很統一,給用戶較好的體驗。
2
確定整體產品色彩基調,色彩基調可以從產品功能中提取,也可以從產品LOGO中提取;
3
做出界面原型,包括功能布局、頁面交互等元素;
4
在界面原型基礎上進行色彩添加,進一步的細節調整;
5
有了好的外形基礎後,再就是回歸到用戶體驗。記住用戶才是第一位的。交互設計通常靠外形吸引用戶,但真正留住用戶的是細節上的人性化。讓這些極簡的設計細節控制用戶的生活習慣,最終讓用戶離不開它們!根據用戶使用體驗反饋再次修改界面,不斷完善。

Ⅳ android app 詳細設計文檔怎麼寫

:軟體需求文檔格式的標准寫法
1.引言
1.1
編寫目的
·
闡明開發本軟體的目的;
1.2
項目背景
·
標識待開發軟體產品的名稱、代碼;
·
列出本項目的任務提出者、項目負責人、系統分析員、系統設計員、程序設計員、程序員、資料員以及與本項目開展

Ⅵ 如何分析 iOS,Android 和 Windows Phone 的 UI 設計

iPhone、Galaxy S3 以及 Lumia 920是市場上如今最引人注目的三款智能手機,正好對應iOS、Android及Windows
Phone三大平台,盡管三大操作系統在市場份額、出貨量以及用戶認可方面都有著不小的差異。

但更能我們興趣,更有討論價值的其實是這三大平台在設計方面的差異,這不僅最終決定著用戶的體驗,也決定了開發者的參與熱情。

這篇文章從包括變局、導航邏輯、設計風格等六大方面的差異對三大平台的交互設計進行了較為深入的分析和討論,極具參考價值。

一,布局形式的差異

1)iOS 經典的「tab bar」

在 iOS 應用內如果要切換不同的模塊,或者頁面內要切換不同的欄目,往往都會用到「tab bar」這一形式的控制項。這個經典設計從 iOS
早期沿用至今,大部分 iOS 應用都是這樣設計的。當然,iOS 本身是很包容的,最近也很流行抽屜式導航。但是 tab bar
一直是最受歡迎也最好被用戶認知的方式:

2)Android 提供了 2 種視圖控制方式

在 Android 4.0 規范出來之後,Android 提出了 2
種視圖控制方式,一種是直接在導航欄的標題下加入一個觸控按鈕,點擊後會彈出切換欄目的菜單(圖中 2 標注的位置)

比如日歷應用點擊後可以切換不同的視圖,另外一種是直接在導航欄的下面加入了一個視圖控制欄(下右圖中 2 標注位置),和 iOS 的 tab bar
很像,不過是僅放在了上面,而且提倡支持手勢滑動切換:

3) Windows Phone 的創新

Windows Phone 與上面兩個平台就差距很大了,因為 Windows Phone 獨特的 Metro UI
提倡回歸傳統的閱讀體驗,像瀏覽報紙和雜志一樣瀏覽手機上的內容,更關注與內容而不是修飾,所以 Windows Phone
整體都給人一種像在看雜志的感覺。Windows Phone 的視圖控制通過一種叫做「全景視圖」的方式展開(下圖)。

實際上,4 個視圖的內容是在一個頁面上的,而且是一個頁面同時載入的。用戶的手機默認只顯示第一屏的內容,通過滑動把後面的內容拉出來。

這種視圖方式很創新,而且方便閱讀,不得不說瀏覽的體驗好了很多。但是需要注意的是:

•因為其實這3個欄目是同一頁面視圖,所以不要將內容放的過多,否則載入會很慢影響效率;

•對交互設計過程中的排版和視覺提出了很高的要求;

另外,Windows Phone 還提供了一種叫做樞軸的方式,樞軸和 iOS 的 tab bar
相差不是很大,只不過完全是通過滑動來切換欄目的:

(樞軸布局)

二,導航邏輯的差異

大家都知道 iOS 是沒有實體返回按鍵的,所有返回都是通過導航欄的 back 按鈕來完成。

在iOS的導航邏輯中,我們可以明顯的看出來,整個程序是一頁一頁的切換,就像一個幻燈片。而返回按鈕也就是切換到上一頁。所以,iOS
的返回控制的是頁面。

但是 Android 和 Windows Phone 就不是這樣了,Android 和 Windows Phone
是有物理返回按鈕的,點擊物理返回按鈕,控制的不光是一個頁面,而且包括了上一步的操作,比如說:

進入頁面 A,點擊文本框彈出鍵盤。那麼點擊返回按鍵就是收起鍵盤。

所以 Android 和 Windows Phone 的返回邏輯是按照時間流來判斷的,而不僅僅是頁面,返回按鈕控制的是動作。

需要特意提一下的是:Windows Phone 的返回邏輯不單限於應用內,還影響到應用之間。也就是說你當前正在桌面,再點擊一次
back,就會進入你上一次打開的應用。

另外在 Android 4.0 開始,提出了一個向上的概念,就是導航欄標題前面的一個小箭頭,點擊這個箭頭,是回到該頁面的上一個層級:

三,應用之間聯系的差異

眾所周知,iOS 是一個封閉的系統,而 Android 是一個開放的系統。

我們可以比喻 iOS 每一個應用都是一個小房間,每個應用都在自己的房間里做自己的事情,互相之間不進行任何來往。而 Android
則是一個大大的辦公區,每個應用雖然也有自己的工位,但是可以互相串門或者借用東西,而 Windows Phone 則遵循著和 iOS 差不多的方式。到了 iOS
6 的時候可以支持應用直接互相跳轉了,但那也僅限於你跳出去了,就不再回來了,也就是說到了那個房間你就是那個房間的人了,與之前的房間沒有關聯了。

這樣的差異意味著,iOS 和 Windows Phone
應用的許可權變得很低,身為應用的你既不能修改系統的一些屬性(除非越獄了),也不能修改其他應用的內容。而 Android
的一款應用不但可以控制系統的一些操作,還可以控制其他應用執行某些特定的操作。

這種差異會讓 Android
上的應用設計有了更多的可能,身為設計師的你可以根據這一特性設計很多不錯的功能,比如系統美化或者系統優化,殺毒,攔截電話等功能,而 iOS 和 Windows
Phone 就不能。但是這也讓 Android 系統面臨了很嚴峻的安全問題,所以Android上各種優化和殺毒軟體很流行。

四,多任務的差異

多任務的差異用一句話來形容就是:iOS 和 Windows Phone 都是假的多任務,而 Android 是真的多任務。

如果你設計的應用有下載,那麼 iOS 和 Windows Phone 切換到後台下載就被暫停了,而
Android 不但不會暫停,你還可以設計一些偷偷在後台運行的功能!

五,解析度的差異

親,你知道Android現在有多少種解析度嗎?

(TECH2IPO 註:此數據圖顯示的是 2011 年 Android 手機狀況,現在,相關問題已經有所緩解和減輕。)

適配一直是 Android
很頭痛的問題,身為前端往往要為不同的解析度調效果而保證界面不會變形和模糊。而解析度問題不僅僅影響視覺這一塊,對交互設計也有很大的影響。因為這些手機往往屏幕比例也是不同的,你需要考慮不同的長寬比下,你的界面布局應該是怎樣的。所以在設計
Android 的時候,你不能要求把界面布局寫死,應該盡量保證每個控制項都是浮動的,而且自己能評估出各種古怪的布局下的效果。

iOS 和 Windows Phone 就會好很多。iOS 解析度分為 320x480,640x960,640x1136,Windows Phone
解析度分為
480x800,800x1280,800x1136。雖然看起來也蠻多的,但是界面的比例基本上沒有什麼變化。所以對於交互上的布局影響並不是很大,視覺設計師也可以通過腳本縮小裁圖簡單的解決問題。

六,設計風格的差異

設計風格是這 3
個客戶端自己獨特的個性,設計風格不單影響的是視覺設計的層面,對交互設計也非常的重要。尤其是在考慮動效,擬物化交互的時候需要重視。iOS
的設計風格偏向擬物化風格,這個擬物化不光是視覺上做出很多擬物的小按鈕小控制項的,為了配合視覺,你往往在交互上也可以加一些生動有趣的內容。

比如說像最新的
Path,進入商店時遮陽板會有一個收起的效果,小卡片也會根據重力感應而搖擺。如果交互上就能體現出平台的設計風格的話,無疑會非常討好用戶,增加產品細節上的亮點。

Android 平台就簡單一些了,在整體的布局和交互形式和 iOS 差不多的情況下,盡量的簡潔,呈現一種科幻的風格即可以了。Android
平台盡量少用擬物化的動效,因為 Android 系統對於動畫效果的渲染比較差,如果太復雜的話可能會讓界面非常的卡。

Windows Phone 平台則有著很大的不同,Metro UI
的理念要求設計者更多的考慮如何展現內容,使用平滑的過渡動畫。而且還對設計者的排版和平面設計提出了一些考驗。所以建議交互設計的人好好讀讀WindowsPhone界面設計准則,並且平時就積累一些Windows
Phone界面的視覺界面感覺,不然視覺設計師很可能會埋怨你哦!

Ⅶ iOS與Android的產品設計應該注意哪些方面

都是機密

Ⅷ 同一個產品在Android和IOS端是設計兩套UI,還是設計一套

一般情況下是設計一套,切不同倍數的圖,然後根據實際情況微調部分,現在乣改的很少了,前一兩年是因為蘋果沒有返回鍵,就一定要注意適配

閱讀全文

與android產品設計相關的資料

熱點內容
安卓快手下載怎麼沒有下載到本地 瀏覽:228
怎麼在安卓手機登繪旅人 瀏覽:404
桌面文件全部加密 瀏覽:401
6s怎麼外接u盤需要什麼app 瀏覽:131
linux查看文件許可權命令 瀏覽:685
安卓手游存檔怎麼用 瀏覽:761
linuxyum安裝ftp 瀏覽:690
村委會主任可以推行政命令嗎 瀏覽:102
電腦文件夾封面多張圖片 瀏覽:263
網吧總伺服器叫什麼 瀏覽:922
多個演算法解決同一個問題 瀏覽:455
小車解壓後我的購車發票呢 瀏覽:977
做app開發用什麼雲伺服器 瀏覽:177
linux網卡子介面 瀏覽:985
21歲職高畢業學程序員怎麼學 瀏覽:321
vs如何對單個文件編譯 瀏覽:6
為什麼有的電腦不能安裝python 瀏覽:75
金蝶迷你版加密狗檢測到過期 瀏覽:186
硬體描述語言編譯結果 瀏覽:655
程序員逆天改命 瀏覽:19