iOS和Android的UI设计有什么区别？ 安卓和IOS的区别，UI设计初学者福利
UI\u9762\u8bd5\u9898\uff1aiOS\u548c\u5b89\u5353\u7684UI\u8bbe\u8ba1\u6709\u4ec0\u4e48\u533a\u522b\u5728\u8bbe\u8ba1UI\u754c\u9762\u4ee5\u53ca\u56fe\u6807\u7684\u65f6\u5019\uff0c\u8fd9\u4e24\u4e2a\u4e3b\u8981\u7684\u533a\u522b\u6709\u8fd9\u51e0\u4e2a\u65b9\u9762\uff1a
1\u3001\u8bbe\u8ba1\u89c4\u8303\u4e0d\u540c\u3010\u8bbe\u8ba1\u5c3a\u5bf8\u3001ico\u5c3a\u5bf8\u3001\u5b57\u4f53\u3001\u754c\u9762\u7b49\u3011
2\u3001\u8981\u8bbe\u8ba1\u7684\u6309\u94ae\u4e0d\u540c\u3010ios\u53ea\u6709\u4e00\u4e2a\u6309\u952e\u3011
3\u3001\u5bfc\u822a\u6761\u8bbe\u8ba1\u4e0d\u540c\u3010\u6807\u7b7e\u680f\u7684\u6a21\u5f0f\u548c\u62bd\u5c49\u5f0f\u6a21\u5f0f\u3011
4\u3001\u6392\u7248\u3001\u5b57\u4f53\u98ce\u683c\u4e0d\u540c
5\u3001\u884c\u52a8\u8868\u5355\u4e0d\u540c
6\u3001\u4e00\u4e9b\u901a\u7528\u7684\u63a7\u4ef6\u4e0d\u540c
\u4e0d\u8fc7\u73b0\u5728\u6709\u5f88\u591a\u76f8\u4e92\u878d\u5408\u7684\u3002
\u8981\u8be6\u7ec6\u8bf4\u7684\u8bdd\uff0c\u7ec6\u8282\u8fd8\u662f\u86ee\u591a\u7684\u3002\u6211\u7b49\u4ee5\u540e\u5199\u7bc7\u6587\u7ae0\uff0c\u4e13\u95e8\u6765\u4ecb\u7ecd\u4e0b
1. \u5e94\u7528\u7684\u8bbe\u5907\u4e0d\u540c\uff1a
\u3000\u3000IOS\u548c\u5b89\u5353\u6700\u5927\u7684\u533a\u522b\u5728\u4e8e\u672c\u8eab\u6240\u5e94\u7528\u7684\u8bbe\u5907\u4e0d\u540c\u3002IOS\u7cfb\u7edf\u4e3b\u8981\u662f\u5e94\u7528\u5728iPhone\u3001IPad\u3001itouch\u8bbe\u5907\u4e0a\u7684\u64cd\u4f5c\u7cfb\u7edf\uff0c\u5b89\u5353\u7cfb\u7edf\u4e3b\u8981\u662f\u5e94\u7528\u5728\u5b89\u5353\u667a\u80fd\u624b\u673a\u4e0a\u7684\u64cd\u4f5c\u7cfb\u7edf\u3002
\u3000\u30002. \u9762\u5411\u4eba\u7fa4\u4e0d\u540c\uff1a
\u3000\u3000IOS\u7cfb\u7edf\u9762\u5411\u7684\u662f\u4e2d\u9ad8\u5c42\u6536\u5165\u7684\u4eba\u7fa4\uff0c\u6709\u4eba\u79f0\u5b83\u4e3a\u201c\u9ad8\u5bcc\u5e05\u201d\u7cfb\u7edf\uff0c\u800c\u5b89\u5353\u7cfb\u7edf\u5219\u662f\u9762\u8bd5\u4e2d\u4f4e\u5c42\u7684\u5927\u4f17\u4eba\u7fa4\uff0c\u6709\u4eba\u79f0\u5b83\u4e3a\u201c\u5c4c\u4e1d\u7cfb\u7edf\u201d\u3002
\u3000\u30003.\u7cfb\u7edf\u7684\u5f00\u653e\u6027\u533a\u522b\uff1a
\u3000\u3000\u5b89\u5353\u62e5\u6709\u81ea\u5df1\u7684\u5f00\u6e90\u8ba1\u5212AOSP(Android Open Source Project)\uff0c\u53ea\u8981\u9075\u5faaGPL\u548cApache Licence 2.0\u5f00\u6e90\u534f\u8bae\uff0c\u90a3\u4e48\u4f60\u5c31\u53ef\u4ee5\u4f7f\u7528\u5b89\u5353\u6e90\u4ee3\u7801\u8fdb\u884c\u4e8c\u6b21\u5f00\u53d1\u3002\u800c\u5b89\u5353\u7531\u4e8e\u6e90\u4ee3\u7801\u5f00\u653e\uff0c\u81ea\u7136\u53ef\u73a9\u6027\u4e5f\u6bd4iOS\u9ad8\u3002\u6b64\u5916\uff0c\u5b89\u5353\u6bd4iOS\u5f00\u653e\u4e86\u66f4\u591a\u7684\u5e94\u7528\u63a5\u53e3API\uff0c\u53ef\u4ee5\u5f88\u81ea\u7136\u5730\u5229\u7528\u5b89\u5353\u5b9e\u73b0\u5f88\u591a\u5728iOS\u4e0a\u4e0d\u6298\u817e\u5c31\u6ca1\u6cd5\u505a\u7684\u529f\u80fd\u3002\u5728\u5b89\u5353\uff0c\u53ef\u4ee5\u968f\u5fc3\u968f\u610f\u5730\u66f4\u6362\u8f93\u5165\u6cd5\uff0c\u968f\u610f\u7528\u4efb\u4f55\u6d4f\u89c8\u5668\u6253\u5f00\u94fe\u63a5\uff0c\u968f\u610f\u4ece\u4efb\u4f55\u9014\u7ecf\u5b89\u88c5\u7a0b\u5e8f\uff0c\u968f\u610f\u8c03\u7528\u7b2c\u4e09\u65b9\u7a0b\u5e8f\u5206\u4eab\u6587\u4ef6\u2014\u2014\u8fd9\u4e9b\u5728iOS\u4e0a\u4e0d\u8d8a\u72f1\u90fd\u505a\u4e0d\u5230\uff0c\u5373\u4f7f\u8d8a\u72f1\u4e5f\u672a\u5fc5\u6bd4\u5b89\u5353\u505a\u5f97\u66f4\u597d\u3002
\u3000\u30004. \u7cfb\u7edf\u7684\u5b89\u5168\u6027\u533a\u522b\uff1a
\u3000\u3000IOS\u7cfb\u7edf\u662f\u4e00\u6b3e\u6bd4\u8f83\u5f3a\u5927\u7684\u64cd\u4f5c\u7cfb\u7edf\uff0c\u5728IOS\u7cfb\u7edf\u8fd0\u884c\u7684\u7a0b\u5e8f\u4e0d\u7ba1\u7a0b\u5e8f\u591a\u5927\u90fd\u4e0d\u4f1a\u9020\u6210\u6b7b\u673a\uff0c\u73a9\u8d77\u6765\u975e\u5e38\u7684\u6d41\u7a0b\uff0c\u800c\u4e14\u7cfb\u7edf\u7684\u5b89\u5168\u6027\u6bd4\u8f83\u9ad8\u3002
\u3000\u3000\u5b89\u5353\u7cfb\u7edf\u662f\u5c5e\u4e8e\u4ee3\u7801\u7cfb\u7edf\uff0c\u5982\u679c\u6240\u6709\u7684\u5e94\u7528\u7a0b\u5e8f\u9700\u8981\u4e0b\u8f7d\u4e0b\u6765\u4e4b\u540e\u624d\u80fd\u73a9\uff0c\u7cfb\u7edf\u7528\u4e45\u4e4b\u540e\u4f1a\u7ecf\u5e38\u51fa\u73b0\u5361\u673a\u6216\u8005\u662f\u6b7b\u673a\u7684\u73b0\u8c61\uff0c\u800c\u4e14\u5b89\u5353\u7cfb\u7edf\u8fd8\u5b58\u5728\u6076\u610f\u7684\u63d2\u4ef6\u5728\u7cfb\u7edf\u4e0a\u81ea\u52a8\u8fd0\u884c\uff0c\u7cfb\u7edf\u6f0f\u6d1e\u591a\uff0c\u5bfc\u81f4\u4e2a\u4eba\u8d44\u6599\u88ab\u76d7\u3001\u7cfb\u7edf\u8017\u7535\u5927\uff0c\u6d41\u91cf\u6d88\u8017\u5927\u7b49\uff0c\u7cfb\u7edf\u5b89\u5168\u6027\u76f8\u5bf9\u6765\u8bf4\u6bd4\u8f83\u4f4e\u3002
\u3000\u30005. \u5f00\u53d1\u96be\u5ea6\u4e0d\u540c\uff1a
\u3000\u3000\u82f9\u679c\u63d0\u4f9b\u5b8c\u6574\u9ad8\u6548xcode,sdk\u7b49\u5f00\u53d1\u73af\u5883\uff0cios\u7cfb\u7edf\u4e00\u8109\u76f8\u627f\uff0cios\u7248\u672c\u4e4b\u95f4\u7684\u8f6f\u4ef6\u901a\u7528\uff0c\u5373\u5f00\u53d1\u4e00\u6b3e\u4ea7\u54c1\u82f9\u679c\u6240\u6709\u8bbe\u5907\u90fd\u80fd\u8fd0\u884c\u3002\u5176\u786c\u4ef6\u7684\u5f3a\u5927\u4e5f\u8ba9\u5f00\u53d1\u53d8\u7684\u66f4\u52a0\u5bb9\u6613\u3002
Android的IU设计是根据IOS的模板来进行的，偏苹果风。
Android的设计是开放的，各个手机厂商生产着不同型号的手机，五花八门。而iOS则是封闭的，很多权限是不开放给开发者，开发设计者必须遵循苹果制定的规范。
iOS对屏幕反应的优先级是最高的，而Android的相对迟缓很多。
iOS基于GPU加速，而Android需要适应不同的手机硬件，需要满足各种差异配置，所以很多图形特效大多都要靠程序本身进行加速和渲染。
安卓机制效率低，Android的编程语言是JAVA，而iOS的则为Objective-C。
关于排版，iOS喜欢在居中排布Android更喜欢左对齐
安卓里可以看到各种浮窗，流量，清理内存等等。iOS暂时不支持这样的浮窗。
绛旓細1銆佸厛浠庤璁＄灏哄寮濮嬭锛Android鐨璁捐绋垮昂瀵告垜浠夋嫨鐨勬槸360*640锛岃IOS鐨勮璁＄灏哄涓375*667銆2銆佷粠涓婂埌涓嬪紑濮嬩簡瑙ｏ紝鏈涓婃柟鐨勬槸鐘舵佹爮锛孉ndroid鐘舵佹爮鐨勯珮搴︿负25px锛孖OS鐘舵佹爮鐨勯珮搴︿负20px銆3銆佹帴涓嬫潵灏辨槸瀵艰埅鏍忥紝Android瀵艰埅鏍忕殑楂樺害涓45px锛孖OS瀵艰埅鏍忕殑楂樺害涓49px锛屼袱涓増鏈腑瀵艰埅鏂囧瓧閮芥槸18...
绛旓細Android鐨back閿紝鍦ㄥぇ閮ㄥ垎鎯呭喌涓嬶紝鍜岄〉闈笂鐨勮繑鍥炲姛鏁堜竴鏍枫備笉杩囷紝Android鐨刡ack閿彲浠ュ湪搴旂敤浠跺垏鎹紝杩樺彲浠ヨ繑鍥炰富灞忓箷銆傝繖涓iOS閲岄潰鐨勯敭涓嶈兘鍦ㄥ簲鐢ㄩ棿鐩存帴鍒囨崲銆5 鍔ㄦ晥 涓よ呯殑鍔ㄦ晥浼间箮宸埆涓嶅ぇ锛宨OS鏈夌殑锛屽畨鍗撻兘鏈夈俰OS瀹炵幇鐨勯氬父鏇村姞娴佺晠锛屽崱椤胯緝灏戙備袱鑰呴兘寮鸿皟妯℃嫙鐜板疄涓栫晫鐨勫姩鐢绘晥鏋滐紝姣斿鐗╀綋杩愬姩鏈変竴...
绛旓細浜屻佸畨鍗撶晫闈㈣鑼 浼楁墍鍛ㄧ煡,瀹夊崜绯荤粺鏄紑婧愮殑,鍥藉唴鍙堟湁瓒呭鐨勬墜鏈哄巶鍟,灏忕背銆侀瓍鏃忋佸崕涓恒乷ppo銆佷笁鏄熺瓑,姣忎竴涓搧鐗屾湁灞炰簬鑷繁鐨刄I璁捐瑙勮寖,浣嗘槸鎴戜滑涓昏鍒嗘瀽UI鐣岄潰灏哄瑙勮寖銆 1銆佸瓧浣 瀹夊崜绯荤粺涓枃閲囩敤鐨勬槸鎬濇簮榛戜綋,鑻辨枃瀛椾綋涓簉obot瀛椾綋銆 鍙娇鐢ㄥ伓鏁板崟浣 24 pt,28 pt,36 pt绛夊瓧浣撳ぇ灏 2銆乵dpi銆乭dpi銆 xhdpi銆...
绛旓細Android涓鑸斁鍦ㄩ〉闈㈤《绔紝鍙互閫氳繃婊戝姩椤甸潰鏉ュ垏鎹ab锛屽綋鐒禩ab鍙互鐐瑰嚮鍒囨崲锛孴ab澶氱殑璇濓紝Tab鏈韩涔熷彲浠ユ粦鍔ㄣ傛瘮濡傝睂璞嗚崥锛岀櫨搴﹁创鍚э紝QQ銆傛讳箣锛孉ndroid鍟ラ兘鍙互鏈夈UI璁捐瑙勮寖涓嶄竴鏍锋瘮濡傜幇鍦ㄩ氬父璁捐鐨勫昂瀵稿姣斿涓嬶細iOS锛 750*1334 鎴栬 1242*2208android锛720*1280 鎴栬 1080*1920鍗曟潯item鐨勬搷浣渋OS鍗曟潯item...
绛旓細鏈鍚庯紝娉ㄦ剰缂╂斁鍚庣殑鍥炬爣瑕佺粏璋冧竴涓嬨傜敱浜庤浆鎹㈡湁璇樊锛屽叡鐢ㄤ竴濂楁晥鏋滃浘鏄湁涓瀹氱殑椋庨櫓鐨勶紝渚嬪UI缁嗚妭涓婄殑椋庨櫓銆傚紑鍙戝墠锛岃璁″笀涓庢妧鏈汉鍛樿鍏堝叡鍚岀‘璁ゆ閫傞厤鏂规锛屽叏绋嬫矡閫氾紝鍙婃椂鏀规UI鏂归潰鐨勯棶棰樸傛柟妗堜簩 IOS涓嶢ndroid 鍏辩敤涓濂楁晥鏋滃浘 750*1334 涓婇潰鎻愬埌锛750*1334 640*1136 640*960鍚屼负@2x锛屾墍浠...
绛旓細1. 鎬讳綋鐨勬牱寮 浠 iOS7 浠ュ悗锛孉pple 灏变竴鐩村湪閲囩敤鎵佸钩鍖栫殑璁捐妯″紡锛屽幓闄や簡鎵鏈変笉蹇呰鐨勭汗鐞嗗拰闃村奖绛夋晥鏋溾斺斿拰鏃╀簺骞撮棿鐨勭増鏈畬鍏ㄤ笉鍚屻侴oogle 鐨勬柊 MD 璁捐瑙勮寖鏈変簡涓浜涙洿鍔犵粏鑺傜殑瑙勫畾锛岄氳繃涓绉嶅彨鈥滅焊鐗団濈殑鏂规硶鏉ュ垱閫犳洿澶氱殑灞傜骇鍏崇郴銆2. 瀹炰綋鎸夐挳 Android 鏈変竴涓繑鍥炴寜閽紝鐐瑰嚮瀹冨彲浠ヨ繑鍥炰笂涓涓...
绛旓細瀵逛簬瀛︾敓鏉ヨiOS绯荤粺濂借繕鏄瀹夊崜绯荤粺濂 瀹夊崜鏇村ソ涓鐐癸紝鑻规灉鍔熻兘濂藉涓嶅鏈垚骞翠汉寮鏀剧殑锛UI璁捐瀵逛簬鎴戞潵璇寸幇鍦ㄦ櫄浜嗗悧 UI璁捐灏辨槸浣跨敤鑰呬粙闈㈢殑鎰忔濓紝璁捐瑙嗚锛屼簰鍔ㄦ柟闈傚拰缇庡伐涓嶅悓锛孶I鍋忛噸浜庝簰鍔ㄣ備絾鏄瑙嗚鏂归潰涔熼渶瑕佹湁涓瀹氱殑璁よ瘑銆俈IBE UI绯荤粺涓ユ牸鏉ヨ灞炰簬瀹夊崜绯荤粺鍚 鎮ㄥソ銆 鏍规嵁鎮ㄧ殑鎻忚堪锛孷IBE...
绛旓細鍋氫竴濂楄璁＄鍏煎Android鍜宨OS鍙屽钩鍙板氨寰椾簡瑙ｄ竴涓婣ndroid鍜宨Phones骞冲彴鐨勫樊寮傛槸寰堟湁蹇呰鐨勩瀹夊崜鍜孖OS绯荤粺鐨勫尯鍒垎涓轰互涓嬪嚑鐐癸細1.鎬讳綋椋庢牸 浠巌OS7寮濮嬶紝鑻规灉鎽掑純浜嗗皾璇曞湪鏃╂湡鐨刬Phone涓娇鐢ㄧ殑鎷熺墿鍖栵紙skeuomorphic锛夎璁￠鏍硷紝杞悜鎵佸钩鍖栬璁°傝岃胺姝岀殑鎯呭喌鍗寸浉鍙嶃傝胺姝屾柊鎺ㄥ嚭鐨凪aterialDesign鎸囧崡鍊惧悜浜庤惀閫犳洿...
绛旓細Android鐨IU璁捐鏄牴鎹IOS鐨勬ā鏉挎潵杩涜鐨勶紝鍋忚嫻鏋滈銆侫ndroid鐨勮璁℃槸寮鏀剧殑锛屽悇涓墜鏈哄巶鍟嗙敓浜х潃涓嶅悓鍨嬪彿鐨勬墜鏈猴紝浜旇姳鍏棬銆傝iOS鍒欐槸灏侀棴鐨勶紝寰堝鏉冮檺鏄笉寮鏀剧粰寮鍙戣咃紝寮鍙戣璁¤呭繀椤婚伒寰嫻鏋滃埗瀹氱殑瑙勮寖銆俰OS瀵瑰睆骞曞弽搴旂殑浼樺厛绾ф槸鏈楂樼殑锛岃孉ndroid鐨勭浉瀵硅繜缂撳緢澶氥俰OS鍩轰簬GPU鍔犻燂紝鑰孉ndroid闇瑕侀傚簲涓...
绛旓細璁捐鎬濊矾鐨勪笉鍚屸斺斿紑鍙戜笌灏侀棴 濡傛灉鍙兘鐢ㄤ竴瀵硅瘝鏉ユ鎷 Android 鍜 iOS 绯荤粺鐨勪笉鍚岋紝閭ｅ簲璇ユ槸寮鏀句笌灏侀棴锛屼篃姝ｆ槸杩欎袱涓埅鐒朵笉鍚岀殑绯荤粺鐗规у甫鏉ヤ簡璁捐鎬濊矾鐨勪笉鍚屻Android 鐨寮鏀惧甫鏉ヤ簡澶氭牱鍖栬璁＄殑鍚屾椂锛堜娇鐢ㄨ嚜瀹氫箟鎺т欢鍑犱箮娌℃湁涓嶈兘瀹炵幇鐨勮璁℃晥鏋滐級锛屽悓鏃朵篃甯︽潵浜嗏滄潅涔辨棤绔犫濅箣鎰熷拰浼楀鍥犱负涓嶇粺涓鑰...
