『壹』 如何查看android ui界面布局
分別為: 線性布局 Linearlayout
相對布局 RelativeLayout
表格布局 TableLayout(現在已經過時了)
絕對布局 AbsolutelyLayout
幀布局 FrameLayout
常用的布局類型主要是: 線性布局和網格布局(GrideLayout),接下來詳細的說明一下,這兩種布局的特點。
『貳』 【Android】UI(二)Android常用的基礎布局容器
Android 的UI 可以分為兩類,一類叫做ViewGroup容器,一類叫做View視圖
View視圖:(TextView,Button,ImageView)都是常用常見的視圖.
ViewGroup容器:內部可以承載、放置、添加View視圖
線性布局就是 從左到右 或 從上到下 按 順序排列 的一種布局。下面講一講LinearLayout的基礎屬性。
相對布局在擺放子視圖位置時,按照 指定的參考系 來擺放子視圖的位置, 默認以屏幕左上角(0,0)位置 作為 參考系 擺放位置
使用layout_below使得後面一個組件位於前面一個組件的下方
配合layout_toRightOf使得後面一個組件位於前面一個組件的右方
組件的默認位置都是左上角,組件之間可以重疊。像千層餅一樣,一層壓著一層 可以設置上下左右的對齊、水平垂直居中、設置方式與線性布局相似
參考: 2021Android從零入門到實戰(Kotlin版)
『叄』 能同時用於 Android 和 iOS的APP UI設計怎麼做
一些建議:
1. 總體的樣式
從 iOS7 以後,Apple 就一直在採用扁平化的設計模式,去除了所有不必要的紋理和陰影等效果——和早些年間的版本完全不同。Google 的新 MD 設計規范有了一些更加細節的規定,通過一種叫「紙片」的方法來創造更多的層級關系。
2. 實體按鈕
Android 有一個返回按鈕,點擊它可以返回上一個屏幕。
13. 麵包菜單、載入圖片
不幸的數字 13(註:最後的晚餐的在場人數)。通常來說,警告框和表示載入的圖標留給開發者做決定。你或許已經經歷過彈出框和警告框的設計和 App 的其他部分樣式完全脫節的情況。那是因為通常 iOS 和 Android 平台都有對這些情況的默認的處理方案,但是你也可以利用你的方案進行替代。在這里,讓你的設計能被真實還原的最好的方式就是和開發人員多進行溝通。
14. 通用 UI 控制
復選框,單選框和輸入框,以及開關都是應該有著原生感覺的控制項。像警告框和對話框一樣,這些控制項保持默認樣式的話能夠給用戶帶來熟悉感和信任感。盡可能多地使用原生控制項,用戶自然知道如何使用他們,並且在涉及到敏感信息和支付事宜的時候能夠更信任你的 App。
在同一個設計稿中同時呈現出原生 iOS 和 Android 的感覺也並非一件不可能的任務。嘗試在設計之初就注意到這些差別,並且注意對控制項的使用,並且在設計過程中和開發人員保持緊密的聯系。
閱讀下面的東西會對你有幫助:
iOS Human interface guidelines
Android material design guidelines
UI 庫
這些 UI 庫能夠幫助你剩下很多的防治和調整原生控制項的時間。你可以從庫中抽取出你要的部分並將它們用於你的 iOS 或 Android 設計稿中。
An excellent PSD template for iOS from Teehan + Lax
Android Material Design PSD Template
icon
即使你要自己繪制 icon,或者是請專門的 icon 設計師幫你繪制,你也有可能用到它們(做你的佔位符吧!)。icon 設計本身就是一件有分量的工作,如果你不想讓 icon 設計佔用你太多的工作時間,我推薦你使用這些我在 icon8 上看見的不錯的 icon。在 flation.com 上你能找到更多的通用 icon。
Line icons which are great for iOS design
Flat icons that work well with material design
模型
Mockup 在你想別人展示你的設計稿的時候是一項非常好用的工具。這些模型有好幾種類別。當你要展示 Android 設計稿的時候,你要小心選擇這些模型。我傾向於使用 Nexus,因為它是 Google 自己設計的手機,對於其他的廠商來說沒有傾向性。
『肆』 Android UI規范是什麼
從事UI設計行業的朋友都知道,每一張設計稿都是有規范尺寸的,並且IOS的和Android還不同,IOS UI設計規范為375*667 1x的尺寸,那麼Android UI規范是什麼呢,下面讓我們一起來了解一下。
在做Android UI設計的時候,畫布的尺寸我們一般都是選擇360*640 1x,也就是說是選擇720*1280這個尺寸。
我們從上到下來進行了解,最上邊的是狀態欄,狀態欄的高度是25。
在狀態欄中肯定就是信號、電源以及時間這些了,每個Android定製系統的擺放樣式都不同,這一點不用糾結。
狀態欄下邊就是導航欄了,導航欄起到的是導航作用,高度是45px。
導航欄中間一般都是有文字來起到提醒作用的,導航文字的大小一般都是18px。
在最下方就是我們的標簽欄了,標簽欄的作用就是給用戶提供切換界面的作用,標簽欄的高度為50px。
在標簽欄中擺放的肯定就是我們的ICON圖標了,要注意,圖標的切圖點擊區域不能夠小於24px。
一些ICON圖標的下方還會有文本,這里文本的大小一般就是10或者是11px了,因為范圍有限。
本文尺寸均為1x。