‘壹’ 鑳藉悓镞剁敤浜 Android 鍜 iOS镄𪞝PP UI璁捐℃庝箞锅
銆阆靛惊杩欎簺姝ラわ纴浣犵殑 App 灏辫兘钖屾椂鍦 iOS 鍜 Android 淇濇寔瀹岀编!
銆銆1. 镐讳綋镄勬牱寮
銆銆浠 iOS7 浠ュ悗锛孉pple 灏变竴鐩村湪閲囩敤镓佸钩鍖栫殑璁捐℃ā寮忥纴铡婚櫎浜嗘墍链変笉蹇呰佺殑绾圭悊鍜岄槾褰辩瓑鏁堟灉钬斺斿拰镞╀簺骞撮棿镄勭増链瀹屽叏涓嶅悓銆侴oogle 镄勬柊 MD 璁捐¤勮寖链変简涓浜涙洿锷犵粏鑺傜殑瑙勫畾锛岄氲繃涓绉嶅彨钬灭焊鐗団濈殑鏂规硶𨱒ュ垱阃犳洿澶氱殑灞傜骇鍏崇郴銆
銆銆2. 瀹炰綋鎸夐挳
銆銆Android 链変竴涓杩斿洖鎸夐挳锛岀偣鍑诲畠鍙浠ヨ繑锲炰笂涓涓灞忓箷銆
銆銆iPhone 涓婂垯娌℃湁杩欐牱涓涓鎸夐挳锛屾墍浠ラ渶瑕佹湁涓绉嶆柟寮忚兘澶熻╃敤鎴峰洖鍒板厛鍓岖殑灞忓箷銆傞氩父镄勮В鍐虫柟妗堟槸鍦ㄥ睆骞旷殑宸︿笂瑙掓斁缃涓涓杩斿洖阌銆
銆銆3. 阃氱敤鍏幂礌
銆銆涓ょ嶅钩鍙颁箣闂寸殑纭瀛桦湪镌涓浜涢氱敤镄勫厓绱狅纴姣斿傝寸姸镐佹爮鍜屾爣棰樻爮锛屽畠浠浼氩嚭鐜板湪姣忎竴灞忕殑椤堕儴銆备綘涓嶅簲褰撴敼鍙桦艰埅镙忕殑楂桦害锛屽傛灉浣犳兂璁 App 鐪嬭捣𨱒ユ洿锷犲师鐢熺殑璇濄傛墍浠ワ纴鎴戞帹钻愪綘鍦ㄨ捐$殑绗涓椤靛氨瀹氢箟濂芥爣棰樻爮镄勬牱寮忥纴铹跺悗鍦ㄥ叾浠栫殑灞忓箷涓娄娇鐢ㄤ竴涓鍗犱綅镄勬柟妗嗘潵镟夸唬锛岃繖镙疯兘鐪佷笅涓嶅皯镞堕棿锛屼絾鏄浣犲簲褰揿悜绋嫔簭锻樿存槑镙囬樻爮鍦ㄤ笉钖岀殑灞忓箷涓婇兘鏄涓镙风殑镙峰纺銆
銆銆涓嶅悓骞冲彴涓婄殑瀵艰埅镙忔湁涓瀹氱殑宸鍒銆傚湪 Android 涓婃枃链鏄宸﹀归绨镄勶纴铹惰 iOS 涓婃槸灞呬腑瀵归绨镄勚傚湪 iOS 涓婏纴寰埚氢紒涓氶兘鐢ㄥ畠浠镄 logo 𨱒ユ浛鎹㈤栭〉镙囬樻爮涓镄勬枃瀛楋纴浣嗘槸鍦 Android 璁惧囦笂杩欎笉鏄涓涓濂界殑涓绘剰銆傜姸镐佹爮(鏄剧ず浣犵殑缃戠粶銆佺数閲忓拰镞堕棿淇℃伅)鏄绯荤粺缁勪欢锛屼綘涓嶉渶瑕佽冭槛璁捐″畠锛屽彧瑕佺‘淇濆畠浠涓崭细瀵逛粬浜洪犳垚璇瑙e氨濂戒简銆
銆銆4. 瀵艰埅
銆銆鎴栬竔OS 鍜 Android 骞冲彴涔嬮棿链澶х殑鍖哄埆灏卞湪浜庝粬浠镄勫艰埅镙峰纺浜嗐侫ndroid 涓婃渶涓昏佺殑瀵艰埅鏂瑰纺鏄鎶藉眽凿滃崟锛孉ndroid 鐢ㄦ埛浠阃氩父鍦ㄨ繖涓凿滃崟鍐呰繘琛岃烦杞銆傝屼笖鍦ㄦ暣涓 App 涓锛岃繖绉崭綋楠屾槸涓璐镄勚侫pple 镄勫艰埅镙峰纺镟村惧悜浜 tab bar锛屽畠浣崭簬灞忓箷镄勫簳閮锛屽苟涓斾互涓绉嶅緢绠鍗旷殑鏂瑰纺瀹炵幇涓婇儴鍐呭圭殑鍒囨崲銆傚綋浣犺捐 App 镄勭粨鏋勭殑镞跺欙纴浣犲彲浠ヤ负涓嶅悓镄勫钩鍙拌捐′笉钖岀殑瀵艰埅镙峰纺銆
銆銆5. 瑕佷笉瑕佺敤鍗$墖寮
銆銆鍦 UI 璁捐′腑锛屽崱鐗囨i愭笎鎴愪负涓绉崭富瑕佺殑 UI 璁捐℃牱寮忥纴瀹冧滑鍙浠ュ簲浠桦氱嶆儏鍐碉纴钥屼笖缁欑敤鎴锋彁渚涗简涓绉嶈兘澶熷憟鐜版湁鏁埚唴瀹圭殑渚挎嵎鏂瑰纺銆傝呜変笂锛屽崱鐗囬潪甯搁傚簲浜 Android 镄 Material Design(瀹冧簨瀹炰笂婧愯嚜浜庣焊寮犵殑𨱔垫劅)銆备娇鐢ㄩ槾褰卞拰鍗$墖涔嬮棿镄勫悎鐞嗛棿璺濊兘澶熷垱寤轰竴绉嶈嚜铹剁殑澶栬伞
銆銆鍦 iOS 涓婏纴浣跨敤鍗$墖璁捐¢渶瑕佹洿锷犵殑灏忓绩璋ㄦ厧锛屽敖绠′竴浜涘ぇ鍨嬬殑 App锛岃稿 Facebook 鍜 pinterest 镄勭‘浣跨敤浜嗕竴绉岖暐寰锅忕 iOS 瑙呜夎勮寖镄勮捐¢庢牸銆侷nstagram 浣跨敤浜嗕竴绉嶅畬鍏ㄦ墎骞冲寲镄勮捐¢庢牸锛屽敖绠′粠缁撴瀯镄勮傜偣涓婄湅锛岀敤鎴风殑姣忎竴𨱒℃帹阃侀兘鑳借瑙嗕负鏄涓寮犲崱鐗囷纴instagram 镄勮捐″緢鍊煎缑浣犲幓鑺辨椂闂存彛鎽╋纴瀹冩槸濡备綍阆靛惊 iOS 瑙呜夎勮寖镄勚傚傛灉浣犺佸湪 iOS 骞冲彴涓婂簲鐢ㄩ槾褰憋纴浣犳渶濂藉皬蹇冭皑鎱庯纴灏介噺浣垮缑杩欎簺阒村奖涓嶆槸闾d箞镄勬槑鏄俱
銆銆6. 鎺掔増
銆銆iOS 绯荤粺涓婄殑榛樿ゅ瓧浣撴槸 Helvetica Neue锛屽湪 Android 涓婂垯鏄 Roboto銆傚敖绠¤繖涓ょ嶅瓧浣揿湪澶栬备笂链夋樉镢楃殑宸寮傦纴浣嗘槸杩欎袱涓瀛椾綋镄勫昂瀵稿嵈鏄杩戜箮鐩稿悓镄勚傚傛灉浣犳兂瑕佸湪璁捐$殑镞跺栾妭鐪佹椂闂达纴闾d箞鐢ㄤ竴娆惧瓧浣揿氨鍙浠ワ纴浣嗘槸瑕佸拰寮鍙戜汉锻樻矡阃氩湪涓嶅悓镄勫钩鍙颁笂浣跨敤瀵瑰簲镄勫瓧浣撱傝屽湪璁捐¢吨瑕佺殑甯冨眬缁撴瀯鍜屼娇鐢ㄥぇ鍙峰瓧浣撴椂锛屾垜寤鸿浣犺缮鏄钖屾椂鐢ㄨ繖涓ょ嶅瓧浣撴祴璇曟晥鏋溿
銆銆濡傛灉浣犳兂瑕佺簿鐩婃眰绮撅纴闾d箞浣犲氨瑕佸逛笉钖屽钩鍙颁笂镄勮捐¤勮寖镟村姞娉ㄦ剰銆傛瘆濡傚备笅鍑犳浔锛
銆銆Android 镄 MD 璁捐¢渶瑕佺敤鍒版洿澶氱殑绌烘牸𨱒ヨ繘琛屽竷灞
銆銆鍦 MD 涓瀛椾綋澶у皬镄勫彉鍖栦细镟村姞澶氭牱
銆銆鍦 iOS 涓婏纴瀛椾綋娌¢偅涔埚氩ぇ灏忓樊寮傦纴浣嗘槸鍦ㄥ瓧浣挞吨閲忎笂(Font weight)链夋洿澶氱殑鍙桦寲锛屽悓镙峰厑璁镐綘鍒涘缓涓绘$粨鏋
銆銆涓や釜骞冲彴閮戒娇鐢ㄦ瘆杈幂粏镄勫瓧浣撴潵鐜板疄姝f枃鍐呭癸纴铹惰岋纴鍦ㄤ笅闱㈢殑渚嫔瓙涓锛孉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风格有着关键影响。