小紅書(shū)，相信很多人都了解，作為一款讓大家熟悉種草的APP，在界面設(shè)計(jì)上有很多值得學(xué)習(xí)的地方。今天就讓faceui為大家介紹安卓簡(jiǎn)單ui設(shè)計(jì)小紅書(shū)界面的要求有哪些，介紹一些實(shí)用的UI界面設(shè)計(jì)工具。

　　安卓簡(jiǎn)單ui設(shè)計(jì)小紅書(shū)界面的要求有哪些

　　該界面為應(yīng)用啟動(dòng)后看到的第一個(gè)界面。各控件的要求：

　　1、標(biāo)題字體大小20sp，與頂部距離20dp，居中。

　　2、圖片與上下控件的間距均為20dp，居中。

　　3、輸入框整體距左右屏幕各間距20dp，內(nèi)容（包括提示內(nèi)容）如圖所示，內(nèi)容字體大小18sp。

　　4、按鈕與輸入框間距10dp，文字大小18sp。按鈕背景框左右邊框與文字間距10dp，上下邊框與文字間距5dp，圓角半徑180dp，背景色為**#3F51B5**。

　　5、四個(gè)單選按鈕整體居中，與輸入框間距10dp，字體大小18sp，各個(gè)單選按鈕之間間距10dp，默認(rèn)選中的按鈕為第一個(gè)。

安卓簡(jiǎn)單ui設(shè)計(jì)小紅書(shū)界面（圖片來(lái)自網(wǎng)絡(luò)）

　　實(shí)用的UI界面設(shè)計(jì)工具

　　1、Android Developers

　　優(yōu)勢(shì)：全面的Material design設(shè)計(jì)指南、資源

　　作為安卓系統(tǒng)開(kāi)發(fā)的官方網(wǎng)站，Android 采用以紙墨為靈感的新設(shè)計(jì)理念，提供令人倍感心安的觸感。基于Material design, Android developer提供了十分全面的移動(dòng)應(yīng)用UI設(shè)計(jì)指南，包括圖標(biāo)，顏色工具，運(yùn)動(dòng)，樣式，布局，組件，模式等，為最新的安卓界面設(shè)計(jì)提供了方向。其目標(biāo)是”為用戶(hù)創(chuàng)建一種視覺(jué)語(yǔ)言，將優(yōu)秀設(shè)計(jì)的經(jīng)典原則與技術(shù)和科學(xué)的創(chuàng)新和可能性相結(jié)合。”

　　2、Mockplus

　　優(yōu)勢(shì)：快速Android界面原型設(shè)計(jì)

　　Mockplus是一款簡(jiǎn)單快速的Android/iOS手機(jī)界面原型設(shè)計(jì)工具，擁有豐富全面的Android手機(jī)應(yīng)用界面設(shè)計(jì)組件和圖標(biāo)庫(kù)。大到安卓應(yīng)用界面設(shè)計(jì)模板庫(kù)，小到極具安卓特色的圖標(biāo)、按鈕，使得Mockplus在移動(dòng)應(yīng)用原型界面設(shè)計(jì)方面具有先天優(yōu)勢(shì)。Material design風(fēng)格的組件也和安卓官方的設(shè)計(jì)指南不謀而合。例如，安卓狀態(tài)欄、底部導(dǎo)航欄、以及安卓開(kāi)關(guān)。設(shè)計(jì)人員即拖即用。簡(jiǎn)單快速的交互方式也是其一大特色。組件之間交互，頁(yè)面之間交互，組件和頁(yè)面之間交互，交互命令面板中一目了然。

　　除了豐富的組件和圖標(biāo)，還提供了豐富的真實(shí)應(yīng)用和網(wǎng)頁(yè)設(shè)計(jì)模板供用戶(hù)學(xué)習(xí)和臨摹，從iOS到Android，移動(dòng)應(yīng)用到網(wǎng)頁(yè)，種類(lèi)豐富，不失為Android應(yīng)用界面設(shè)計(jì)的一款好工具。

　　3、Sketch

　　優(yōu)勢(shì)：完全為“界面”設(shè)計(jì)而準(zhǔn)備

　　Sketch是一款輕量、易用的矢量設(shè)計(jì)工具，讓UI設(shè)計(jì)更簡(jiǎn)單，更高效。該平臺(tái)簡(jiǎn)化了專(zhuān)門(mén)用于UX / UI設(shè)計(jì)的Photoshop和Illustrator上使用的功能。 在Sketch出現(xiàn)在場(chǎng)景中之前，設(shè)計(jì)師必須在Photoshop和Illustrator之間切換，以獲取特定功能，如矢量和其他照片效果。 現(xiàn)在，Sketch使用戶(hù)能夠擺脫臃腫的功能，并專(zhuān)注于用戶(hù)體驗(yàn)/用戶(hù)界面設(shè)計(jì)，充分發(fā)揮其UI設(shè)計(jì)的潛力。 Sketch最好的功能之一就是能夠安裝插件來(lái)補(bǔ)償軟件沒(méi)有附帶的功能。

　　4、Zeplin

　　優(yōu)勢(shì)：UI設(shè)計(jì)師與開(kāi)發(fā)工程師的協(xié)作工具

　　Zeplin的操作很簡(jiǎn)單， 用戶(hù)將Sketch制作的UI界面導(dǎo)入Zeplin，應(yīng)用會(huì)自動(dòng)進(jìn)行一系列識(shí)別：右側(cè)會(huì)顯示UI界面的配色和字體等信息，當(dāng)鼠標(biāo)移到UI界面的圖標(biāo)時(shí)，還會(huì)自動(dòng)顯示功能圖標(biāo)的位置、大小等參數(shù)。另外Zeplin還支持修改規(guī)則，比如添加色板、更改字體，以及編程語(yǔ)言在Obeject-C和Swift之間的轉(zhuǎn)換。用戶(hù)還可以直接在UI界面上進(jìn)行標(biāo)記，添加文字備注等。多人協(xié)作的情況下，這些更改都會(huì)同步到每個(gè)人。因此，Android界面設(shè)計(jì)人員可以節(jié)省時(shí)間專(zhuān)注于設(shè)計(jì)本身，而不會(huì)因?yàn)閳F(tuán)隊(duì)協(xié)作花費(fèi)巨大的時(shí)間成本。

安卓簡(jiǎn)單ui設(shè)計(jì)小紅書(shū)界面（圖片來(lái)自網(wǎng)絡(luò)）

　　5、Iconjar

　　優(yōu)勢(shì)：圖標(biāo)集合平臺(tái)

　　Iconjar這款軟件設(shè)計(jì)風(fēng)格質(zhì)樸，功能實(shí)用，支持 SVG/PNG/GIF 三種圖標(biāo)格式，拖入式導(dǎo)入管理，可以設(shè)置多個(gè)“Set”組合來(lái)分類(lèi)管理圖標(biāo)。在單個(gè)圖標(biāo)上右鍵或者雙擊圖標(biāo)，你只能看到刪除選項(xiàng)，預(yù)覽功能還沒(méi)有，但你可以通過(guò)底部工具欄的圖標(biāo)尺寸調(diào)節(jié)滑鈕來(lái)控制圖標(biāo)顯示大小。軟件配有搜索、批量重命名/打標(biāo)簽功能（按住 CMD 鍵多選圖標(biāo)，然后在右側(cè)編輯欄設(shè)置圖標(biāo)名和標(biāo)簽）

　　其他Android UI界面設(shè)計(jì)工具：

　　1、ActionBarSherlock：一個(gè)獨(dú)立的設(shè)計(jì)庫(kù)，也是GitHub上很火的一個(gè)開(kāi)源項(xiàng)目。

　　2、Nine Old Androids：實(shí)現(xiàn)非常復(fù)雜的動(dòng)畫(huà)效果。

　　3、Pull To Refresh：下拉列表即可刷新當(dāng)前頁(yè)面內(nèi)容的效果。

　　4、Progress Wheel：一款能夠取代Android原生Indeterminate式可顯示具體進(jìn)度的滾動(dòng)式進(jìn)度條。

　　5、ViewPagerIndicator：基于Patrik Akerfeld，兼容ViewPager和ActionBarSherlock的Android分頁(yè)指針小部件。

　　6、Android Universal Image Loader：一款為Android量身打造的開(kāi)源UI組件。

　　7、ColorPicker：Android平臺(tái)的顏色拾取器。

　　8、Segmented Radio Button：一款可以在Android上實(shí)現(xiàn)iOS上分段控制效果的UI工具。

　　9、PhotoView：支持通過(guò)單點(diǎn)/多點(diǎn)觸摸來(lái)進(jìn)行圖片縮放。

　　10、Smart Image View：取代Android自帶ImgageView組件。

　　以上就是faceui為大家介紹的關(guān)于安卓簡(jiǎn)單ui設(shè)計(jì)小紅書(shū)界面的相關(guān)內(nèi)容。雖說(shuō)簡(jiǎn)單設(shè)計(jì)一個(gè)界面不難，但是要清楚設(shè)計(jì)的要求，并且有熟悉的實(shí)用工具，才能做好設(shè)計(jì)工作。