androidui設計
A. android ui設計
下載安卓界面工具,打開界面工具,熟悉界面功能。
認真練習體會android的八種布局方式,其中absolutelayout,framelayout,Linearlayout,relativelayout,tablelayout.可以直接拖曳,布局方式
然後在布局基礎上放控制項,widgets有點擊類,編輯類,日期時間等。properties。是具體微調。
可以進行button,autocomplete等的設計。包括畫廊,日期時間,選項卡的設計。
最後一步,進行文件xml的保存,保存後的文件可以直接應用於android的UI設計。功能的實現主要依靠於code的控制。至此,android界面的簡單設計就完成了。
B. 安卓系統UI設計尺寸怎麼定
眾所周知,安卓系統是開源的,國內又有超多的手機廠商,小米、魅族、華為、oppo、三星等,每一個品牌有屬於自己的UI設計規范,但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體,英文字體為robot字體。
只使用偶數單位 24 pt,28 pt,36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思?
講圖標之前先來分析一下一排英文的意思:
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次數值越大,其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位,設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用,文字則用sp(放大像素),主要用於字體顯示best for textsize。
px是像素的意思, 不同設備顯示效果相同。
安卓各屏幕密度關系如下:
3、圖標
不同手機品牌的圖標的標志是不一樣的,對應不同大小屏幕的尺寸如下:
應用圖標的尺寸:
快捷圖標的尺寸:
系統圖標的尺寸:
4、應用欄的尺寸
從左到右依次是:① 應用欄高度:56dp;應用欄左右內邊距為16dp;應用欄圖標上下左內邊距為16dp;應用欄標題左內邊距為72dp;應用欄標題下邊距:20dp;
②應用欄高度為128dp;
③操作欄高度為56dp;標題欄高度:80dp;標題欄底部內邊距:8dp;描述區域高度:72dp;描述區底部內邊距:16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③子標題:48dp;④列表項:72dp
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③標題和列表項:48dp;④子標題:48dp;⑤內容區域間距離為8dp
6、界面適配
安卓多屏幕支持的基礎是它能夠管理應用程序的布局和點陣圖可繪制對象的渲染以適當的方式對當前屏幕配置的能力。該系統處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放點陣圖可繪制在屏幕密度正確呈現您的應用程序在每個屏幕的配置,來優化用戶界面設計,帶來更良好的用戶體驗。
如何做到安卓界面適配呢?大家一定要很清楚的了解解析度、屏幕大小、密度的關系;明白實際密度和系統密度的關系,dp、sp、px的區別;明白dp與px的轉換。這里不做過多闡述,後期寫一篇具體的~
安卓的界面規范就講到這里,要明白設計界面規范的意義是確保設計的統一性與合理性,規范維護的是項目的統一,為了項目利益最大化,高效化。所以作為UI設計師的我們,如果一點設計規范不遵守,全靠自己想當然,那就別發給前端人員啦,他也看不懂。
C. 手機UI設計的基本規范
大家都知道手機採用的:一個是蘋果的iOS系統,另一個就是谷歌公司的安卓系統。華為的鴻蒙系統雖然早就上線,但是還沒有真正運用在手機移動端上,小阿在這里期待著,希望有一天也能寫「華為『鴻蒙系統』的界面尺寸規范。」
這兩者之間有一個明顯的區別就是iOS系統是非開源的,簡單來說就是不能別隨意改動的,連圖標都是必須帶圓角的,對交互設計師很友好的。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③標題和列表項:48dp;④子標題:48dp;⑤內容區域間距離為8dp
6、切圖
上周我們講到iPhone 6與iPhone 6 Plus約是1.5的關系,而xhdpi的Android手機屏幕與xxdpi的屏幕剛好是1.5倍的關系,所以iPhone 6 Plus和xxhdip也可以共用一套切圖,掌握好尺寸關系,能讓工作變得簡單很多。
7、界面適配
安卓多屏幕支持的基礎是它能夠管理應用程序的布局和點陣圖可繪制對象的渲染以適當的方式對當前屏幕配置的能力。該系統處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放點陣圖可繪制在屏幕密度正確呈現您的應用程序在每個屏幕的配置,來優化用戶界面設計,帶來更良好的用戶體驗。
如何做到安卓界面適配呢?大家一定要很清楚的了解解析度、屏幕大小、密度的關系;明白實際密度和系統密度的關系,dp、sp、px的區別;明白dp與px的轉換。這里不做過多闡述,後期寫一篇具體的~
安卓的界面規范就講到這里,要明白設計界面規范的意義是確保設計的統一性與合理性,規范維護的是項目的統一,為了項目利益最大化,高效化。所以作為UI設計師的我們,如果一點設計規范不遵守,全靠自己想當然,那就別發給前端人員啦,他也看不懂。
所以作為UI設計,必須要要遵守設計規范,這樣才能做到設計有道可尋,希望以上回答對你了解手機界面設計規范有所幫助。
D. Android UI設計字體大小規范
Android UI設計字體,由於android廠商和設備之多,目前沒有特定的標准,但根據設備的尺寸,有一個建議的原則,如下:
sp和dp一樣,是android開發里特有的單位,設計師在做UI設計的時候通常最初是建立320*480這個尺寸的畫布開始的,這個尺寸的畫布在android解析度的分類中稱為mdpi,在這個尺寸下,ps里的1px就等於android中的1dp,同樣,這個時候1點的字就等於android中1sp。
E. Android UI 的設計規則
軟體界面設計相關的各項介紹
界面設計是為了滿足軟體專業化標准化的需求而產生的對軟體的使用界面進行美化優化規范化的設計分支。具體包括軟體啟動封面設計,軟
件框架設計,按鈕設計,面板設計,菜單設計,標簽設計,圖標設計,滾動條及狀態欄設計,安裝過程設計,包裝及商品化。
在設計的過程中有較多注意的關鍵問題,以下列出幾點:
(1)軟體啟動封面設計
應使軟體啟動封面最終為高清晰度的圖像,如軟體啟動封面需在不同的平台、操作系統上使用將考慮轉換不同的格式,並且對選用的色彩不
宜超過256 色,最好為216色安全色。軟體啟動封面大小多為主流顯示器解析度的1/6大。如果是系列軟體將考慮整體設計的統一和延續性。在上面應該醒目的標注製作或支持的公司標志、產品商標,軟體名稱,版本號,網址,版權聲明,序列號等信息,以樹立軟體形象,方便使用者或購買者在軟體啟動的時候得到提示。插圖宜使用具有獨立版權的,象徵性強的,識別性高的,視覺傳達效果好的圖形,若使用攝影也應該進行數位處理,以形成該軟體的個性化特徵。
(2)軟體框架設計
軟體的框架設計就復雜得多,因為涉及軟體的使用功能,應該對該軟體產品的程序和使用比較了解,這就需要設計師有一定的軟體跟進經驗,能夠快速的學習軟體產品,並且在和軟體產品的程序開發員及程序使用對象進行共同溝通,以設計出友好的,獨特的,符合程序開發原則的軟體框架。軟體框架設計應該簡潔明快,盡量少用無謂的裝飾,應該考慮節省屏幕空間,各種解析度的大小,縮放時的狀態和原則,並且為將來設計的按鈕,菜單,標簽,滾動條及狀態欄預留位置。設計中將整體色彩組合進行合理搭配,將軟體商標放在顯著位置,主菜單應放在左邊或上邊,滾動條放在右邊,狀態欄放在下邊,以符合視覺流程和用戶使用心理。
(3)軟體按鈕設計
軟體按鈕設計應該具有交互性,即應該有3到6種狀態效果:點擊時狀態;滑鼠放在上面但未點擊的狀態;點擊前滑鼠未放在上面時的狀態;點擊後滑鼠未放在上面時的狀態;不能點擊時狀態;獨立自動變化的狀態。按鈕應具備簡潔的圖示效果,應能夠讓使用者產生功能關聯反應,群組內按鈕應該風格統一,功能差異大的按鈕應該有所區別。
(4)軟體面板設計
軟體面板設計應該具有縮放功能,面板應該對功能區間劃分清晰,應該和對話框,彈出框等風格匹配,盡量節省空間,切換方便。
(5)菜單設計
菜單設計一般有選中狀態和未選中狀態,左邊應為名稱,右邊應為快捷鍵,如果有下級菜單應該有下級箭頭符號,不同功能區間應該用線條分割。
(6)標簽設計
標簽設計應該注意轉角部分的變化,狀態可參考按鈕。
(7)圖標設計
圖標設計色彩不宜超過64色,大小為16x16、32x32兩種,圖標設計是方寸藝術,應該加以著重考慮視覺沖擊力,它需要在很小的范圍表現出軟體的內涵,所以很多圖標設計師在設計圖標時使用簡單的顏色,利用眼睛對色彩和網點的空間混合效果,做出了許多精彩圖標。
(8)滾動條及狀態欄設計
滾動條主要是為了對區域性空間的固定大小中內容量的變換進行設計,應該有上下箭頭,滾動標等,有些還有翻頁標。狀態欄是為了對軟體當前狀態的顯示和提示。
(9)安裝過程設計
安裝過程設計主要是將軟體安裝的過程進行美化,包括對軟體功能進行圖示化。
(10)包裝及商品化
最後軟體產品的包裝應該考慮保護好軟體產品,功能的宣傳融合於美觀中,可以印刷部分產品介紹,產品界面設計。
圖標設計規范
數位設計引入了一種新的圖標設計樣式。以下是設計和創建樣式圖標的具體規范。
圖標樣式應該有趣、色彩豐富且充滿活力,因為現在的系統支持圖標是32點陣圖標,並且邊緣非常平滑。在矢量程序中繪制完每個圖標後,再用Adobe Photoshop進行處理可使圖像更加完美。本規范是專為設計者編寫的。在創建圖像時,建議您與高水平的圖形設計者一起工作,尤其是具有豐富的矢量和 3D軟體經驗的圖形設計者。
圖標設計概述的目的是讓您熟悉WindowsXP的新樣式,為創建圖標做好准備。
圖標樣式特性
(1) 色彩豐富,是對WindowsXP外觀的補充。
(2) 不同的角度和透視特性為圖像增添了動態活力。
(3) 元素的邊角十分柔和,並略微有些圓滑。
(4) 光源位於圖標的左上角,同時有環繞光照亮圖標的其它部分。
(5) 漸變效果使圖標具有立體感,進而使圖標的外觀更加豐滿。
(6) 投影使圖標更具對比度和立體感。
(7) 添加輪廓可使圖像更清晰。
(8) 日常對象(如計算機和設備)具有更現代化的個人外觀。
圖標尺寸
Windows XP圖標有四種尺寸,建議使用以下四種尺寸:
(1) 48x48像素
(2) 32x32像素
(3) 24x24像素
(4) 16x16像素
圖標色彩深度支持
WindowsXP支持32點陣圖標。32點陣圖標為24點陣圖像加上8位alpha通道。使圖標邊緣非常平滑,且與背景相融合。
每個WindowsXP圖標應包含以下三種色彩深度,以支持不同的顯示器顯示設置:
24點陣圖像加上8位alpha通道(32位)
8點陣圖像(256色),加上1位透明色
4點陣圖像(16色),加上1位透明色
調色板
圖標中使用的主要顏色。
對象的角度和分組
WindowsXP樣式圖標使用的透視網格:並非所有對象使用16?6的復雜圖像都能獲得較好效果。某些對象通常以直觀圖像顯示:文檔圖標、符號圖標(如警告或信息圖標)、單一對象圖標(如放大鏡)
除非創建重疊輔助對象可以更清楚地表達圖標的含義,否則就可讀性和完整性而言,還是應使用直觀圖像。還應考慮如何按組查看圖標,以便確定如何將對象分組。
投影
使用投影後,WindowsXP圖標將更清晰且更具立體感。可在Photoshop中實現這種效果,本指南的後面部分將對此進行描述。若要為圖像添加投影,請在 Photoshop中雙擊圖像的圖層,並選擇Drop Shadow。然後將Angle更改為135,Distance更改為 2,Size更改為2。此時投影為75%不透明黑色。
輪廓
繪制XP樣式圖標時,為圖像添加輪廓可使之更清晰,並可保證圖像在不同背景色上都具有較好效果。
概念
設計圖標時,請考慮以下因素:
使用已有概念以確保真實表達了用戶的想法。考慮圖標在用戶界面環境中以何種形式出現,以及如何作為圖標集的一部分使用。考慮圖形的
文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時,請盡可能使其大眾化。如果圖標中的圖像由多個對象組成,應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對於 16?6的尺寸大小,還可考慮刪除某些對象或簡化圖像使之更容易辨認。
透明工具
將Gif Movie Gear(GMG)打開一個對話框,其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顏色將更改為暗黃綠色(或在 GMG中選作
透明背景色的顏色)。重復所有4位和8位幀。若要保存圖標,請選擇 File->Save Icon As...。
創建工具欄
Windows工具欄圖標除不使用投影之外,使用的樣式與其它圖標相同。由於工具欄圖標非常小,建議您使用簡單的圖像。如果以直觀方式顯示
圖像即可清晰地表達圖標的含義,則不必使用其它復雜方式。
創建AVI
WindowsXP使用8位AVI。創建.avi文件的過程與創建圖標的過程相同-在Photoshop中准備圖像,然後將其拖動到GMG 中。請按以下指導創建8點陣圖標。若要使用GMG保存AVI,請轉至File->Export As->AVI file。創建.avi文件時,請考慮以下因素:使用品紅(R255 G0 B255)作為背景透明色。在Photoshop中,重要的一點是不要出現雜散像素。請將填充能力設置為0,並確認未選中取消鋸齒。
軟體人機界面
UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得
有個性有品味,還要讓軟體的操作變得舒適、簡單、自由,充分體現軟體的定位和特點。
美麗的事物常常會讓人無法抗拒。這就是為什麼產品出色的外觀設計對於電腦、汽車、日用品、傢具、食品、服裝等等幾乎所有商品的銷售與推廣,都有著舉足輕重的作用的原因。
同樣的道理,對於軟體公司來說,軟體產品就是他們的商品,而軟體界面就是他們產品的外觀,界面的美觀與否,直接關繫到了軟體產品的營銷成敗。
我們可以清楚地看到,微軟公司對軟體界面設計的重視。請回想一下您在第一次見到win2000時的情景,與nt4.0相比是否驚嘆他界面的美觀性與易用性?而您如果使用過xp系統,則會被其令人神奇的感官概念而震驚折服!金山公司的金山詞霸就是國內軟體成功的例子了,從金山詞霸3.0到金山詞霸2001 的變化堪稱經典。著名的網頁動畫製作軟體flash從3.0到4.0,僅僅修改了圖標和窗體,立即大為增色…
現今世界上成功的軟體公司都非常重視軟體界面的美化設計工作,因為他們深刻地知道,在激烈的市場競爭中,僅僅有強大的功能是遠遠不夠的,不足以戰勝強勁的對手。我們可以相象一下,您在挑選手機的時候,如果有兩款手機,性能相同,而第一款比第二款要美觀很多,那麼您將選擇哪一款呢?當然是美觀的那一款了。試想,您的客戶,也會拿您和您競爭對手的軟體做這樣的比較的。
現在的軟體企業都知道,廣告和市場推銷活動對市場營銷的作用是多麼的重要,並不遺餘力地打廣告、做活動、做推廣。但我們知道,這些活動的最終目的,是為了讓用戶購買並使用軟體產品,而用戶最終使用的也是您的產品,那麼為什麼不在軟體界面的美觀性上多下些工夫呢?在諸如家用電器、汽車、電腦等成熟的市場中,用非常精美的廣告去推廣一種功能強大卻醜陋無比的產品,是一種笑話。然而,這樣的笑話在軟體行業里卻屢見不鮮。這也是像中國足球一樣,中國軟體業與國外相比較存在的一個很大的差距。
實踐證明,各商家只要在產品美觀設計方面很小投入,將會有很大產出。其投入產出比,要比在功能領先性開發上的投入大得多。
在用戶把軟體買回去後,他們和您企業的聯系,或者說您企業形象在客戶眼中的表現,很大一部分是通過您軟體的界面來傳達的,那麼美觀友好的用戶界面對於宣傳您的企業文化,對於給客戶灌輸您的企業理念,對於您企業的宣傳運做都將是非常有益的。尤其如果您的公司做的是項目承包形式的業務,那麼無論是在競標的時候,還是在項目交付使用以後,美觀的界面都會給您的客戶以信心和良好的印象。
要成為一款有競爭力的軟體,不光要有強大的功能,也需要有一個友好的界面設計。縱觀當今的it行業,其軟體界面設計的發展趨勢大體上有如下幾種技術:
1. 命令語言用戶界面的發展。
根據其語言的特點,及人機交互的形式的分為
a. 形式語言
b. 自然語言。
c. 類自然語言。
2. 圖形用戶界面的廣泛應用
圖形用戶界面和人機交互過程極大地依賴視覺和手動控制的參與,因此具有強烈的直接操作特點
3. 直接操縱用戶界面技術的成熟。
用戶最終關心的是他欲控制和操作的對象,他只關心任務語義,而不用過多為計算機語義和句法而分心。對於大量物理的、幾何空間的以及形象的任務,直接操縱已表現出巨大的優越性。
4. 多媒體用戶界面及多通道用戶界面的發展大大豐富了計算機信息的表現形式。
5. 虛擬現實技術的應用
虛擬現實系統向用戶提供身臨其境(immerse)和多感覺通道(multi-sensory)體驗,作為一種新型人機交互形式,虛擬現實技術比以前任何人機交互形式都有希望徹底實現和諧的、以「人為中心」的人機界面。
F. Android UI設計的基本元素有哪些
移動端的App界面,不論是iOS還是Android ,一般都由四個元素組成,分別是:狀態欄(status bar)、導航欄(navigation)、主菜單欄(submenu)、內容區域(content)。
狀態欄:主要用於顯示信號、運營商、電量等手機狀態的區域;
導航欄:主要顯示當前界面的名稱,包含相應的功能或者頁面間的跳轉按鈕;
主菜單欄:類似於頁面的主菜單,提供整個應用的分類內容的快速跳轉;
內容區域:展示應用提供的相應內容;
需要注意的一點就是,由於Android在4.0之後移除了實體鍵而使用屏幕下方的虛擬鍵,所以,Android將iOS中的主菜單從下方移動到了上方,從而避免誤操作虛擬鍵。
說到這里,就不得不說,雖然android和iOS都是移動端的操作系統,但是他們在UI設計還是存在很大的差異性。這是為什麼呢? 其實這基本上都是因為iOS的閉源導致的,由於它的商業化,導致很多設計被申請了專利,Android在很多地方都必須有所不同,說的最多的就是iOS的彈性滾動,其實Android的ScrollView要實現這樣的效果,只需要修改一個參數的值即可,但是由於這個效果iOS申請的專利,所以Android就無法使用了。
G. iOS和安卓的UI設計有什麼區別
iOS與安卓設計上的差異主要從系統差異、成本考慮、用戶習慣3個方面來闡述。
一. 系統差異
1. 物理按鍵對返回的影響
安卓的物理按鍵以及屏幕導航按鍵的差異是安卓的返回鍵更加方便,
iOS只有home鍵,隨著全屏的出現,可能會打破這種差異。
因此在設計返回操作的時候需要考慮平台的差異性。
安卓比iOS增加了物理返回鍵、底部導航,有些設備可以隱藏底部導航。
全面屏的普及會慢慢打破這種因為物理按鍵造成的交互及設計差別,全面屏設計適配是要考慮底部按鍵的差異。
華為全面屏的幾種手勢:
安卓全面屏出現後,並沒有完全舍棄內置導航按鍵,還有純手勢、懸浮按鈕、內置導航條3種方式。隨著硬體的發展,安卓和iOS的交互操作會更加趨同,改變這種差異。
返回浮窗的UI表現:
iOS 手機只有一個「Home 」鍵,為方便用戶退出浮層需要增加了「取消」入口。
而 Android 手機本來就有「返回」虛擬鍵,所以多做一個「取消」的意義性不大。
2. 屏幕解析度造成的色調選擇
Material Design作為谷歌推出的全新的設計語言,和iOS對比,Material Design更加沉穩,iOS更加鮮艷。原因是因為iOS的屏幕解析度更高,對鮮艷顏色的還原度更好,安卓適應的機型比較多,顏色還原度沒有那麼好。
深色模式下考慮到用戶長期使用的體驗,因iOS的還原度高,背景使用#000000,安卓解析度的限制,文字顏色較淺,谷歌推薦背景色為#121212。有些平台護眼模式和深色模式用兩套,比如網易雲音樂。
. 軟體更新方式的不同
Android :由於安卓的開源特性,當有新版本時都會提示用戶更新,且每個產品內部都帶有「版本更新」入口。
更新的方式可分2種:
引導更新:彈出提示讓用戶更新 APP ,用戶點擊「更新」按鈕前往應用商店更新、或者在當前頁面更新並顯示下載進度。
強制更新:也是先提示用戶更新,只不過用戶點擊「更新」按鈕,即調起軟體安裝頁面。
iOS :而 iOS 端出於對用戶體驗的考慮,UI設計中IOS和安卓的設計差異是禁止向用戶提示版本更新信息的。這也是為什麼絕大部分的 iOS 產品,都是沒有「版本更新」入口的原因,即使有,點擊了也直接跳轉到 App Store 查看版本情況。
4. 切圖標注
XHDPI對應的是安卓2倍圖,XXHDPI對應的是安卓3倍圖,iOS的3倍圖和安卓的XXHDPI是一樣的。
iOS用375*667px做設計,有些也用750*1334px,原因有3點:
①開發同學不用換算,直接採用1倍圖就可以
②sketch切圖時導出更加方便
③極大提高了視覺還原和其他機型的適配
安卓用1080*1920px做設計,原因有3點:
①從中間尺寸向上和向下適配的時,調整幅度最小,最方便適配
②大屏幕時代依然以小尺寸作為設計尺寸,會限制設計師的設計視角
③用主流尺寸做設計,極大提高視覺還原和機型適配
5. 鍵盤差異引發的搜索框樣式
安卓鍵盤有些是系統自帶的,也有第三方的,例如搜狗輸入法,iOS更多是系統自帶的鍵盤。
很多輸入法在鍵盤的右側加入了更加明顯的搜索按鍵,但為了照顧一些用戶的操作習慣,安卓還是把搜索放在了搜索框後面。
二. 成本考慮
1. 開發成本
loading
iOS的loading自定義更加常見、個性化強,安卓很多都是用系統自帶的(轉圈的那種),主要是考慮開發成本。
TAB樣式
2個平台會有特有的控制項樣式。
安卓系統本身全局actionbar,若去實現其他的樣式,會破壞整體的封裝,開發成本更高。
iOS系統有自定義的tab切換樣式,開發人員只需要更改顏色、圓角,更加方便。
高斯模糊
毛玻璃在iOS比較常見,安卓開發成本高,建議不做這種效果。
2. 商業成本
一般iOS會讓用戶承擔30%的抽成,例如優酷、騰訊的VIP會員價格。
三. 用戶習慣
1. 長按側滑刪除
信息列表的側滑,在iOS中是很常見的操作,但是在安卓更習慣長按,如果改成側滑刪除,會增加用戶的理解成本。
2. 圖標設計
返回按鈕:一般iOS返回不帶橫線「<」,安卓喜歡帶有橫線,例如下圖,不過有些app會統一用一種。
分享按鈕:一把iOS會採用蘋果自帶的向上的形式,安卓喜歡用三個圈圈(看下圖)。
彈窗按鈕:有些安卓彈窗上的按鈕會遵循系統規則,在右側這種形式,iOS更喜歡居中。
bar標題位置:安卓上的標題跟隨著「返回」,在bar的左側,iOS會喜歡放在中間。
H. 安卓移動開發的前端UI設計可以使用哪些不同的布局,這些布局適用於哪些情況
沒懂啥意思,是前端還是ui?
UI的話就是隨便設計,使用什麼布局是技術的問題,安卓的布局就是以下六大基本布局
線性布局
線性布局在開發中使用最多,具有垂直方向與水平方向的布局方式,通過設置屬性「android:orientation」控制方向,屬性值垂直(vertical)和水平(horizontal),默認水平方向。
RelativeLayout
相對布局可以讓子控制項相對於兄弟控制項或父控制項進行布局,可以設置子控制項相對於兄弟控制項或父控制項進行上下左右對齊。
FrameLayout
幀布局或叫層布局,從屏幕左上角按照層次堆疊方式布局,後面的控制項覆蓋前面的控制項。
AbsoluteLayout
絕對布局中將所有的子元素通過設置android:layout_x 和 android:layout_y屬性,將子元素的坐標位置固定下來,即坐標(android:layout_x, android:layout_y) ,layout_x用來表示橫坐標,layout_y用來表示縱坐標。屏幕左上角為坐標(0,0),橫嚮往右為正方,縱嚮往下為正方。實際應用中,這種布局用的比較少,因為Android終端一般機型比較多,各自的屏幕大小。解析度等可能都不一樣,如果用絕對布局,可能導致在有的終端上顯示不全等。
TableLayout
表格布局,適用於多行多列的布局格式,每個TableLayout是由多個TableRow組成,一個TableRow就表示TableLayout中的每一行,這一行可以由多個子元素組成。
GridLayout(網格布局)
作為android 4.0 後新增的一個布局,與前面介紹過的TableLayout(表格布局)其實有點大同小異;
I. 安卓手機ui設計尺寸規范
眾所周知,安卓系統是開源的,國內又有超多的手機廠商,小米、魅族、華為、oppo、三星等,每一個品牌有屬於自己的UI設計規范,但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體,英文字體為robot字體。
只使用偶數單位 24 pt,28 pt,36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思?
講圖標之前先來分析一下一排英文的意思:
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次數值越大,其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位,設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用,文字則用sp(放大像素),主要用於字體顯示best for textsize。
px是像素的意思, 不同設備顯示效果相同。
從左到右依次是:① 應用欄高度:56dp;應用欄左右內邊距為16dp;應用欄圖標上下左內邊距為16dp;應用欄標題左內邊距為72dp;應用欄標題下邊距:20dp;
②應用欄高度為128dp;
③操作欄高度為56dp;標題欄高度:80dp;標題欄底部內邊距:8dp;描述區域高度:72dp;描述區底部內邊距:16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③子標題:48dp;④列表項:72dp