小紅書,相信很多人都了解,作為一款讓大家熟悉種草的APP,在界面設計上有很多值得學習的地方。今天就讓faceui為大家介紹安卓簡單ui設計小紅書界面的要求有哪些,介紹一些實用的UI界面設計工具。
安卓簡單ui設計小紅書界面的要求有哪些
該界面為應用啟動后看到的第一個界面。各控件的要求:
1、標題字體大小20sp,與頂部距離20dp,居中。
2、圖片與上下控件的間距均為20dp,居中。
3、輸入框整體距左右屏幕各間距20dp,內容(包括提示內容)如圖所示,內容字體大小18sp。
4、按鈕與輸入框間距10dp,文字大小18sp。按鈕背景框左右邊框與文字間距10dp,上下邊框與文字間距5dp,圓角半徑180dp,背景色為**#3F51B5**。
5、四個單選按鈕整體居中,與輸入框間距10dp,字體大小18sp,各個單選按鈕之間間距10dp,默認選中的按鈕為第一個。
安卓簡單ui設計小紅書界面(圖片來自網絡)
實用的UI界面設計工具
1、Android Developers
優(yōu)勢:全面的Material design設計指南、資源
作為安卓系統(tǒng)開發(fā)的官方網站,Android 采用以紙墨為靈感的新設計理念,提供令人倍感心安的觸感?;贛aterial design, Android developer提供了十分全面的移動應用UI設計指南,包括圖標,顏色工具,運動,樣式,布局,組件,模式等,為最新的安卓界面設計提供了方向。其目標是”為用戶創(chuàng)建一種視覺語言,將優(yōu)秀設計的經典原則與技術和科學的創(chuàng)新和可能性相結合?!?/span>
2、Mockplus
優(yōu)勢:快速Android界面原型設計
Mockplus是一款簡單快速的Android/iOS手機界面原型設計工具,擁有豐富全面的Android手機應用界面設計組件和圖標庫。大到安卓應用界面設計模板庫,小到極具安卓特色的圖標、按鈕,使得Mockplus在移動應用原型界面設計方面具有先天優(yōu)勢。Material design風格的組件也和安卓官方的設計指南不謀而合。例如,安卓狀態(tài)欄、底部導航欄、以及安卓開關。設計人員即拖即用。簡單快速的交互方式也是其一大特色。組件之間交互,頁面之間交互,組件和頁面之間交互,交互命令面板中一目了然。
除了豐富的組件和圖標,還提供了豐富的真實應用和網頁設計模板供用戶學習和臨摹,從iOS到Android,移動應用到網頁,種類豐富,不失為Android應用界面設計的一款好工具。
3、Sketch
優(yōu)勢:完全為“界面”設計而準備
Sketch是一款輕量、易用的矢量設計工具,讓UI設計更簡單,更高效。該平臺簡化了專門用于UX / UI設計的Photoshop和Illustrator上使用的功能。 在Sketch出現(xiàn)在場景中之前,設計師必須在Photoshop和Illustrator之間切換,以獲取特定功能,如矢量和其他照片效果。 現(xiàn)在,Sketch使用戶能夠擺脫臃腫的功能,并專注于用戶體驗/用戶界面設計,充分發(fā)揮其UI設計的潛力。 Sketch最好的功能之一就是能夠安裝插件來補償軟件沒有附帶的功能。
4、Zeplin
優(yōu)勢:UI設計師與開發(fā)工程師的協(xié)作工具
Zeplin的操作很簡單, 用戶將Sketch制作的UI界面導入Zeplin,應用會自動進行一系列識別:右側會顯示UI界面的配色和字體等信息,當鼠標移到UI界面的圖標時,還會自動顯示功能圖標的位置、大小等參數(shù)。另外Zeplin還支持修改規(guī)則,比如添加色板、更改字體,以及編程語言在Obeject-C和Swift之間的轉換。用戶還可以直接在UI界面上進行標記,添加文字備注等。多人協(xié)作的情況下,這些更改都會同步到每個人。因此,Android界面設計人員可以節(jié)省時間專注于設計本身,而不會因為團隊協(xié)作花費巨大的時間成本。
安卓簡單ui設計小紅書界面(圖片來自網絡)
5、Iconjar
優(yōu)勢:圖標集合平臺
Iconjar這款軟件設計風格質樸,功能實用,支持 SVG/PNG/GIF 三種圖標格式,拖入式導入管理,可以設置多個“Set”組合來分類管理圖標。在單個圖標上右鍵或者雙擊圖標,你只能看到刪除選項,預覽功能還沒有,但你可以通過底部工具欄的圖標尺寸調節(jié)滑鈕來控制圖標顯示大小。軟件配有搜索、批量重命名/打標簽功能(按住 CMD 鍵多選圖標,然后在右側編輯欄設置圖標名和標簽)
其他Android UI界面設計工具:
1、ActionBarSherlock:一個獨立的設計庫,也是GitHub上很火的一個開源項目。
2、Nine Old Androids:實現(xiàn)非常復雜的動畫效果。
3、Pull To Refresh:下拉列表即可刷新當前頁面內容的效果。
4、Progress Wheel:一款能夠取代Android原生Indeterminate式可顯示具體進度的滾動式進度條。
5、ViewPagerIndicator:基于Patrik Akerfeld,兼容ViewPager和ActionBarSherlock的Android分頁指針小部件。
6、Android Universal Image Loader:一款為Android量身打造的開源UI組件。
7、ColorPicker:Android平臺的顏色拾取器。
8、Segmented Radio Button:一款可以在Android上實現(xiàn)iOS上分段控制效果的UI工具。
9、PhotoView:支持通過單點/多點觸摸來進行圖片縮放。
10、Smart Image View:取代Android自帶ImgageView組件。
以上就是faceui為大家介紹的關于安卓簡單ui設計小紅書界面的相關內容。雖說簡單設計一個界面不難,但是要清楚設計的要求,并且有熟悉的實用工具,才能做好設計工作。