雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

安卓簡單ui設計小紅書界面的要求有哪些,介紹一些實用的UI界面設計工具

Time: 2021-08-18

小紅書,相信很多人都了解,作為一款讓大家熟悉種草的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設計小紅書界面(圖片來自網絡)


  實用的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設計小紅書界面

安卓簡單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設計小紅書界面的相關內容。雖說簡單設計一個界面不難,但是要清楚設計的要求,并且有熟悉的實用工具,才能做好設計工作。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開