『壹』 鑳藉悓鏃剁敤浜 Android 鍜 iOS鐨凙PP UI璁捐℃庝箞鍋
銆閬靛驚榪欎簺姝ラわ紝浣犵殑 App 灝辮兘鍚屾椂鍦 iOS 鍜 Android 淇濇寔瀹岀編!
銆銆1. 鎬諱綋鐨勬牱寮
銆銆浠 iOS7 浠ュ悗錛孉pple 灝變竴鐩村湪閲囩敤鎵佸鉤鍖栫殑璁捐℃ā寮忥紝鍘婚櫎浜嗘墍鏈変笉蹇呰佺殑綰圭悊鍜岄槾褰辯瓑鏁堟灉鈥斺斿拰鏃╀簺騫撮棿鐨勭増鏈瀹屽叏涓嶅悓銆侴oogle 鐨勬柊 MD 璁捐¤勮寖鏈変簡涓浜涙洿鍔犵粏鑺傜殑瑙勫畾錛岄氳繃涓縐嶅彨鈥滅焊鐗団濈殑鏂規硶鏉ュ壋閫犳洿澶氱殑灞傜駭鍏崇郴銆
銆銆2. 瀹炰綋鎸夐挳
銆銆Android 鏈変竴涓榪斿洖鎸夐挳錛岀偣鍑誨畠鍙浠ヨ繑鍥炰笂涓涓灞忓箷銆
銆銆iPhone 涓婂垯娌℃湁榪欐牱涓涓鎸夐挳錛屾墍浠ラ渶瑕佹湁涓縐嶆柟寮忚兘澶熻╃敤鎴峰洖鍒板厛鍓嶇殑灞忓箷銆傞氬父鐨勮В鍐蟲柟妗堟槸鍦ㄥ睆騫曠殑宸︿笂瑙掓斁緗涓涓榪斿洖閿銆
銆銆3. 閫氱敤鍏冪礌
銆銆涓ょ嶅鉤鍙頒箣闂寸殑紜瀛樺湪鐫涓浜涢氱敤鐨勫厓緔狅紝姣斿傝寸姸鎬佹爮鍜屾爣棰樻爮錛屽畠浠浼氬嚭鐜板湪姣忎竴灞忕殑欏墮儴銆備綘涓嶅簲褰撴敼鍙樺艱埅鏍忕殑楂樺害錛屽傛灉浣犳兂璁 App 鐪嬭搗鏉ユ洿鍔犲師鐢熺殑璇濄傛墍浠ワ紝鎴戞帹鑽愪綘鍦ㄨ捐＄殑絎涓欏靛氨瀹氫箟濂芥爣棰樻爮鐨勬牱寮忥紝鐒跺悗鍦ㄥ叾浠栫殑灞忓箷涓婁嬌鐢ㄤ竴涓鍗犱綅鐨勬柟妗嗘潵鏇誇唬錛岃繖鏍瘋兘鐪佷笅涓嶅皯鏃墮棿錛屼絾鏄浣犲簲褰撳悜紼嬪簭鍛樿存槑鏍囬樻爮鍦ㄤ笉鍚岀殑灞忓箷涓婇兘鏄涓鏍風殑鏍峰紡銆
銆銆涓嶅悓騫沖彴涓婄殑瀵艱埅鏍忔湁涓瀹氱殑宸鍒銆傚湪 Android 涓婃枃鏈鏄宸﹀歸綈鐨勶紝鐒惰 iOS 涓婃槸灞呬腑瀵歸綈鐨勩傚湪 iOS 涓婏紝寰堝氫紒涓氶兘鐢ㄥ畠浠鐨 logo 鏉ユ浛鎹㈤栭〉鏍囬樻爮涓鐨勬枃瀛楋紝浣嗘槸鍦 Android 璁懼囦笂榪欎笉鏄涓涓濂界殑涓繪剰銆傜姸鎬佹爮(鏄劇ず浣犵殑緗戠粶銆佺數閲忓拰鏃墮棿淇℃伅)鏄緋葷粺緇勪歡錛屼綘涓嶉渶瑕佽冭檻璁捐″畠錛屽彧瑕佺『淇濆畠浠涓嶄細瀵逛粬浜洪犳垚璇瑙ｅ氨濂戒簡銆
銆銆4. 瀵艱埅
銆銆鎴栬竔OS 鍜 Android 騫沖彴涔嬮棿鏈澶х殑鍖哄埆灝卞湪浜庝粬浠鐨勫艱埅鏍峰紡浜嗐侫ndroid 涓婃渶涓昏佺殑瀵艱埅鏂瑰紡鏄鎶藉眽鑿滃崟錛孉ndroid 鐢ㄦ埛浠閫氬父鍦ㄨ繖涓鑿滃崟鍐呰繘琛岃煩杞銆傝屼笖鍦ㄦ暣涓 App 涓錛岃繖縐嶄綋楠屾槸涓璐鐨勩侫pple 鐨勫艱埅鏍峰紡鏇村懼悜浜 tab bar錛屽畠浣嶄簬灞忓箷鐨勫簳閮錛屽苟涓斾互涓縐嶅緢綆鍗曠殑鏂瑰紡瀹炵幇涓婇儴鍐呭圭殑鍒囨崲銆傚綋浣犺捐 App 鐨勭粨鏋勭殑鏃跺欙紝浣犲彲浠ヤ負涓嶅悓鐨勫鉤鍙拌捐′笉鍚岀殑瀵艱埅鏍峰紡銆
銆銆5. 瑕佷笉瑕佺敤鍗＄墖寮
銆銆鍦 UI 璁捐′腑錛屽崱鐗囨ｉ愭笎鎴愪負涓縐嶄富瑕佺殑 UI 璁捐℃牱寮忥紝瀹冧滑鍙浠ュ簲浠樺氱嶆儏鍐碉紝鑰屼笖緇欑敤鎴鋒彁渚涗簡涓縐嶈兘澶熷憟鐜版湁鏁堝唴瀹圭殑渚挎嵎鏂瑰紡銆傝嗚変笂錛屽崱鐗囬潪甯擱傚簲浜 Android 鐨 Material Design(瀹冧簨瀹炰笂婧愯嚜浜庣焊寮犵殑鐏墊劅)銆備嬌鐢ㄩ槾褰卞拰鍗＄墖涔嬮棿鐨勫悎鐞嗛棿璺濊兘澶熷壋寤轟竴縐嶈嚜鐒剁殑澶栬傘
銆銆鍦 iOS 涓婏紝浣跨敤鍗＄墖璁捐￠渶瑕佹洿鍔犵殑灝忓績璋ㄦ厧錛屽敖綆′竴浜涘ぇ鍨嬬殑 App錛岃稿 Facebook 鍜 pinterest 鐨勭『浣跨敤浜嗕竴縐嶇暐寰鍋忕 iOS 瑙嗚夎勮寖鐨勮捐￠庢牸銆侷nstagram 浣跨敤浜嗕竴縐嶅畬鍏ㄦ墎騫沖寲鐨勮捐￠庢牸錛屽敖綆′粠緇撴瀯鐨勮傜偣涓婄湅錛岀敤鎴風殑姣忎竴鏉℃帹閫侀兘鑳借瑙嗕負鏄涓寮犲崱鐗囷紝instagram 鐨勮捐″緢鍊煎緱浣犲幓鑺辨椂闂存彛鎽╋紝瀹冩槸濡備綍閬靛驚 iOS 瑙嗚夎勮寖鐨勩傚傛灉浣犺佸湪 iOS 騫沖彴涓婂簲鐢ㄩ槾褰憋紝浣犳渶濂藉皬蹇冭皚鎱庯紝灝介噺浣垮緱榪欎簺闃村獎涓嶆槸閭ｄ箞鐨勬槑鏄俱
銆銆6. 鎺掔増
銆銆iOS 緋葷粺涓婄殑榛樿ゅ瓧浣撴槸 Helvetica Neue錛屽湪 Android 涓婂垯鏄 Roboto銆傚敖綆¤繖涓ょ嶅瓧浣撳湪澶栬備笂鏈夋樉钁楃殑宸寮傦紝浣嗘槸榪欎袱涓瀛椾綋鐨勫昂瀵稿嵈鏄榪戜箮鐩稿悓鐨勩傚傛灉浣犳兂瑕佸湪璁捐＄殑鏃跺欒妭鐪佹椂闂達紝閭ｄ箞鐢ㄤ竴嬈懼瓧浣撳氨鍙浠ワ紝浣嗘槸瑕佸拰寮鍙戜漢鍛樻矡閫氬湪涓嶅悓鐨勫鉤鍙頒笂浣跨敤瀵瑰簲鐨勫瓧浣撱傝屽湪璁捐￠噸瑕佺殑甯冨矓緇撴瀯鍜屼嬌鐢ㄥぇ鍙峰瓧浣撴椂錛屾垜寤鴻浣犺繕鏄鍚屾椂鐢ㄨ繖涓ょ嶅瓧浣撴祴璇曟晥鏋溿
銆銆濡傛灉浣犳兂瑕佺簿鐩婃眰綺撅紝閭ｄ箞浣犲氨瑕佸逛笉鍚屽鉤鍙頒笂鐨勮捐¤勮寖鏇村姞娉ㄦ剰銆傛瘮濡傚備笅鍑犳潯錛
銆銆Android 鐨 MD 璁捐￠渶瑕佺敤鍒版洿澶氱殑絀烘牸鏉ヨ繘琛屽竷灞
銆銆鍦 MD 涓瀛椾綋澶у皬鐨勫彉鍖栦細鏇村姞澶氭牱
銆銆鍦 iOS 涓婏紝瀛椾綋娌￠偅涔堝氬ぇ灝忓樊寮傦紝浣嗘槸鍦ㄥ瓧浣撻噸閲忎笂(Font weight)鏈夋洿澶氱殑鍙樺寲錛屽悓鏍峰厑璁鎬綘鍒涘緩涓繪＄粨鏋
銆銆涓や釜騫沖彴閮戒嬌鐢ㄦ瘮杈冪粏鐨勫瓧浣撴潵鐜板疄姝ｆ枃鍐呭癸紝鐒惰岋紝鍦ㄤ笅闈㈢殑渚嬪瓙涓錛孉ndroid 浣跨敤浜嗚交(Lighr)鍜屽父瑙(Regular)瀛椾綋錛岃 iOS 浣跨敤浜嗙矖浣(Bold)鍜屽父瑙勫瓧浣
銆銆榪欐槸涓涓闈炲父綆鍗曠殑渚嬪瓙錛屽悜浣犲睍紺轟簡鎺掔増鏂歸潰鐨勪竴浜涚粏寰鐨勪笉鍚屽彲浠ュ艱嚧鍗拌薄涓婄殑宸ㄥぇ宸寮傗斺斾綘鑳藉緢蹇鍒嗚鯨浣犳槸鍦ㄧ敤 Android 鎵嬫満榪樻槸鍦ㄧ敤 iPhone!
銆銆7. 緗戞牸鍜岃Е鎽稿厓浠
銆銆iOS(@1x 涓 44px)鍜 Android(1:1 姣旂巼涓 48p)閮芥湁瀵瑰彲瑙︽懜鍏冧歡鐨勮捐¤勮寖銆侻D 瑙勮寖鍚屾牱寤鴻瀵規墍鏈夊厓緔犱嬌鐢 8dp 緗戞牸瀵歸綈銆
銆銆鍦ㄦ渶榪戠殑欏圭洰涓婏紝鎴戝彂鐜伴伒瀹 Android 鐨勮繖浜涜捐¤勮寖浼氭洿鍔犲畨鍏錛屽洜涓哄ぇ涓浜涚殑 48px 鐨勬寜閽鍦ㄤ袱涓騫沖彴涓婇兘琛ㄧ幇鑹濂斤紝鑰屼笖 MD 鐨勮勮寖鏇村姞鍏ㄩ潰錛岃繕緇忓父鏇存柊銆備笉綆℃庝箞璇達紝浣犻兘搴旇ュ湪璁捐′腑浣跨敤緗戞牸錛屼絾鏄鎴戜滑鍙戠幇瀹氫箟鏇村姞鏄庣『鐨 Android 緗戞牸浼氭洿濂界敤涓浜涖
『貳』 蘋果有什麼插件是可以讓圖標隨意放，要支持 ios8的
兼容iOS8插件：
1、NoSlowAnimations
這個可以說是必裝，給系統加速，讓原來緩慢動畫變快。有點副作用，就是聊天工具里的表情也變快放了，夠逗比。
2、Zeppelin
美化運營商圖標的，讓不再千篇一律的中國移動/聯通/電信，我的運營商我做主！
3、Alkaline
美化電池圖標，內置多種主題，讓電池圖標不那麼巨大。
4、DockShift
設置最下面一行圖標的背景，就是我們常說的Dock。
5、Barrel
讓翻動頁面時，圖標有3D特效，比較酷炫的插件，值得一試。
6、Flex2
知道八門神器嗎？它的作用類型，不過有些程序還是有兼容問題。
7、Virtual Home
解放HOME鍵的神器，你只需要摸TouchID，就可以和按下去一樣的效果，不過會導致iPhone6和6Plus的雙觸TouchID屏幕下降功能失效。
8、f.lux
調節屏幕的色溫，更好的保護眼睛。
9、SwipeSelection
針對iOS原生鍵盤的插件，可以讓你在鍵盤上滑動來移動輸入的游標，終於不用忍受按住出現放大鏡的繁瑣操作了。
10、換字體BytaFont 2
iOS8的字體和iOS7.1.2的兼容，中文字體是完全沒有問題的。
11、AndroidLock XT
和安卓機一樣，為鎖屏解鎖增加快捷功能，秒變安卓的感覺。
12、Apple File Conit "2"
必裝插件之一，使用iTools管理越獄文件的根本，不過還有bug，重啟之後需要重新安裝一次，否則iTools還是會提示未越獄。
13、BatteryLife
電池信息查看的插件，主要是可以看到電池的循環次數和健康度，僅供參考。
14、BetterFolders
桌面文件夾增強插件，可以開啟4乘4模式圖標，允許文件夾中嵌套文件夾，支持雙指合攏退出文件夾。
15、BetterPowerDown
關機功能增強插件，當你按下電源鍵之後，不光有滑動關機選擇，還有滑動重啟、注銷功能，建議安裝PowerAPP，節省電源鍵一些。
16、Bloard
功能就是讓自帶的輸入法鍵盤變成黑色款式，看上去更加美觀一些。
17、Blur Remover
將密碼解鎖的界面模糊效果替換成為透明的，但是現在有Cydia是不能設置密碼的，請大家自行注意啊！
18、BlurBar
Blurbar允許用戶在設置里選擇狀態欄大小、模糊程度、不透明度調節、更換顏色等操作，以此來配合壁紙的顯示效果，使主屏界面更加美觀。
19、BlurredMusicApp
可以將iphone自帶的音樂播放程序界面變成黑色磨砂玻璃效果，本人5S親測可用，無論是自帶音樂播放還是收聽ITUNES RADIO都有效果。唯一的遺憾好像是沒有設置選項可以調節。
20、CCHide
如果覺得控制中心裡的快捷啟動、AirDrop或者其他等等，不常用到覺得礙眼的，可以試試這個插件隱藏掉。
21、cylinder
提供45種炫酷的翻頁效果，各種充滿想像力的動態效果盡在其中。
22、Disable Parallax Effect
在不影響其他動畫效果的前提下，去除桌面的浮動效果，減少電量消耗。
23、Effects
為自帶的相機提供更多的拍照特效。
24、FakeClockUp
效果類似Noslowanimation，不過能加速的地方更多，老機器可以嘗試。
25、Folder Customizer
支持對文件夾背景顏色和透明度進行單獨設置，美化愛好者可以嘗試。
26、iCleaner
清理系統的垃圾文件，小容量設備可以試試看，建議不要隨意刪除系統的文件。
27、Icon Renamer
給桌面的圖標改顯示的名字，需要按住之後雙擊，不過好像還是有點BUG。
28、LabelShift
將桌面上圖標下面的文字向上或者向下調整，屬於美化一類。
29、LocationFaker
定位虛擬插件，可以讓你隨時去世界任何地方發微博微信，不過收費。
30、Lock Screen Tool
用來修改鎖屏時解鎖的文字，還可以設置鎖屏時間和日期的顯示，讓鎖屏簡潔美觀。
31、Lockify Pro
和上面一款應用類似，但是可以設置的更多，請自己探索吧。
32、LockKeyboard
將鎖屏風格的鍵盤應用到整個系統中。
33、LockSpeed
在鎖屏界面增加快捷撥號功能，對於經常打電話的人有一定幫助。
34、MobileTSS
在iOS上直接進行網路調試的工具，開發者有用。
35、Nitrous
讓第三方瀏覽器支持蘋果自家的加速引擎，加快網頁打開的速度。
36、No Glint
去除鎖屏是滑動解鎖幾個字的閃光效果，美化愛好者可以體驗。
37、NoCameraGrabber
去除鎖屏界面的快捷拍照圖標，但是功能得到保留。
38、NoPageDots7
去除主屏幕上的頁數符號顯示。
39、NoCoverFlow7
屏蔽封面流的功能，感覺完全沒必要。
40、NoUpdateCircles
取消app store中安裝及更新時那個轉的藍圈。
41、PasswordPilot
幫助你記錄所有用來登陸並購買應用的蘋果ID，方便切換。
42、SleekCode
設置解鎖屏幕輸入密碼時背景圖案的透明度和密碼鍵盤的背景，對於美化愛好者可以試驗。
43、StatusHUD 2
可以將音量狀態等放入你iPhone的狀態欄。
44、StatusModifier
對系統狀態欄各個元素進行設置，更改顯示的內容以及格式。
45、TimePasscode Pro
用當前時間作為解鎖屏幕的密碼，比較安全和方便。
46、TransparentVolume
將音量調節時候彈出窗口變成透明的樣式，可以調節透明度。
47、vColor
同樣是設置音量調節窗口的顏色和樣式。
48、WinterBoard
此物是支持iOS8的，但是主題還是需要根據iOS8進行更新後才能正常使用，部分主題兼容可用。另外，它和afc2不兼容，同時安裝會導致注銷之後進不去系統。
49、GIFViewer
為iOS8的相冊增加保存和參考GIF圖片的功能，據說對64位的CPU兼容不太好，大家注意備份數據後安裝。
50、PreThree
針對iPhone6和iPhone6Plus大屏幕的美化插件，讓那些桌面看上去模糊的圖標變清楚，已經針對iPhone6/6Plus優化過的應用圖標原生就是清楚的哦，因為大屏是用的3倍比例圖標，但是未升級的是2倍。
51、ColorSwitches8
美化插件，可以給系統里的開關設置顏色，質感其實很一般。
52、ForceReach
針對iPhone6/6Plus的圖標下沉功能補充插件，可以讓多個方向時實現輕觸兩次TouchID開啟圖標下落，可以取消啟動恢復功能，並在更多的場景下開啟。
53、ReachAll
讓沒有圖標下沉功能的設備也可以輕觸兩次TouchID開啟圖標下沉，比如5s；對於沒有TouchID的5c和5、4s，桌面上會有一個白色區域，觸摸它兩次也可以實現，比較蛋疼。
54、ForceGoodFit
針對iPhone6/6Plus的優化工具，讓那些沒有針對大屏優化的程序可以顯示更多的內容，推薦安裝。另外它需要Applist支持，如果不好使請自行安裝AppList哦！
55、LocalIAPStore
內購插件，對於64位CPU支持可能有問題，建議各位謹慎嘗試！
56、SBFlip
一款桌面旋轉的軟體，可以讓iPad支持iPhone6Plus的那種橫屏模式，固定Dock在屏幕右側。
57、ConvoPics
將iPhone6Plus的簡訊程序顯示聯系人頭像功能移植到所有iOS8設備上。
由於每日更新支持iOS8的插件較多，我們改成了每天發布專門的文章匯總前一天的插件，請大家自行查看！
最新插件文章：http://www.app111.com/yueyu/news/150-1/
手機訪問用戶請看這里：http://m.app111.com/yueyu/news/
不兼容插件：
1、Appsync補丁
2、Auxo2
3、Bitesms
4、Activator（有測試版，但是不穩定，詳見）
5、CCsetting（已更新支持，但是有不兼容問題，詳見）
6、Datameters（已更新支持）
7、Charginghelp
8、Kuaidial
9、搜狗號碼通
10、內購插件，請看第55個！
『叄』 UI設計師必備|Android設計尺寸規范
在UI設計領域，對Android設計尺寸的規范了解是每位設計師的必備技能。以下內容將詳細解析Android設計尺寸規范的關鍵要素。
首先，字體使用規范是設計的基礎。對於中文字體，推薦使用思源黑體或Noto字體（兩者實質相同），而英文字體則通常選用Roboto。值得注意的是，安卓系統中字型大小單位為SP。
在字體大小方面，針對720×1280的常見屏幕解析度，推薦的字體大小為24px、26px、28px、30px、32px、34px和36px等偶數值，最小字型大小為20px。
圖標設計方面，包括應用圖標和快捷圖標。方形圖標尺寸為高度152dp和寬度152dp，圓形圖標直徑為176dp，垂直長方形為高度176dp和寬度128dp，水平長方形則為高度128dp和寬度176dp。
對於快捷圖標，實際面積和總面積分別是高度44dp和寬度44dp，以及高度48dp和寬度48dp。系統圖標尺寸設定為高度24dp和寬度24dp。
在單位和度量方面，開發者需遵循Android平台的標准化單位，以確保設計的一致性和兼容性。
UI組件布局是設計的核心，列表組件需要考慮垂直邊框和水平外邊距，邊框左右外邊距為16dp，帶有圖標或頭像的內容則需有72dp的左邊距。垂直邊距則需注意狀態欄、工具欄、子標題和列表項之間的距離。
詳情視圖設計需關注用戶交互體驗，確保信息呈現清晰且易於操作。
最後，觸控區域尺寸直接影響用戶交互的舒適度，合理的尺寸設計能提升用戶體驗。
應用欄設計同樣重要，它不僅為用戶提供快捷操作入口，還對整體UI風格有著關鍵影響。