iOS和Android的app界面设计规范(750×1334)
目前，很多UI设计师的UI设计稿是先做iPhone6(750×1334)的，目的是向上适配iPhone6Plus，同时向下适配iPhone5和iPhone4的尺寸。这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全。
iOS篇
————————————————————————————————————
界面尺寸
☆ 状态栏(status bar)：就是电量条，其高度为：40px；
☆ 导航栏(navigation)：就是顶部条，其高度为：88px；
☆ 主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px；
☆ 内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
| 设备|App Store|程序应用|主屏幕|spotlight搜索|标签栏|工具栏和导航栏|
| :-------------:|:-------------:| :-----:|:-----:|:-----:|
|iPhone6 plus（@3x）|1024 1024px|180 180px|144×144px|87×87 px|75 75px|66 66px|
|iPhone6（@2x）|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px|
|iPhone5 - 5s - 5c（@2x） |1024 1024px|120 120px|144×144px|58 58px|75 75px |44 44px|
|iPhone4 - 4s（@2x）|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px|
|iPad3 - 4 - Air - Air2 - mini2|1024 1024px|180 180px|144×144px|100 100px|50 50px|44 44px|
|iPad1 - 2|1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|
|iPad mini |1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|
字体
iPhone 上的字体英文为： HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。
百度用户体验部做过一个小调查， 对于app字体大小的调查结论如下：
绛旓細鍏舵父鐜╃殑涔愯叮鏄湪浜庢娊鍗℃満鍒跺拰鍗＄墝闃靛鐨勬惌閰嶄笂闈㈡墠鏄繖娆炬父鎴忕殑涔愯叮鎵鍦紝涓嶄粎浠呮槸杩欎袱涓钩鍙颁簰閫氬搱锛岃繖娆炬父鎴忔槸PC\IOS\瀹夊崜涓夊钩鍙颁簰閫氱殑锛屽氨绠楁槸鐢佃剳鐜╁涔熸槸鍙互鍜屼究鎼哄紡绉诲姩璁惧鐨勭帺瀹朵竴璧风帺鐨勩傚ぉ澶╃偒鑸炶繖娆捐烦鑸炵殑娓告垙鑷劧涔熸槸寮鏀句簡涓や釜骞冲彴锛屼笉杩囬檺鍒舵槸鍚屽ぇ鍖烘墠琛岋紝涔熷氨鏄骞冲彴浜掗氾紝浣嗘槸澶у尯涓...
绛旓細鍦╥Phone涓婂畨瑁Android妯℃嫙鍣紝鐒跺悗鍦ㄦā鎷熷櫒涓畨瑁匒ndroid App銆傜洰鍓嶅競鍦轰笂鏈変竴浜涘彲鐢ㄧ殑妯℃嫙鍣紝渚嬪iAndroid銆丄ppetize绛夈備娇鐢ㄧ涓夋柟搴旂敤鍟嗗簵銆傛湁涓浜涚涓夋柟搴旂敤鍟嗗簵鍙互鎻愪緵Android App鐨勪笅杞藉拰瀹夎锛屼緥濡俆utuApp銆丄ppValley绛夈備絾鏄渶瑕佹敞鎰忓畨鍏ㄩ棶棰橈紝鍙粠鍙俊鐨勫簲鐢ㄥ晢搴椾笅杞紸pp銆傛嫇灞曠煡璇嗭細iPhone鏄鑻规灉鍏徃锛...
绛旓細寮鍙戜竴涓IOS鍜屽畨鍗撶殑APP瑕佸灏戦挶 濡備粖锛屼笉灏戜紒涓氶兘鎯虫嫢鏈夊睘浜庤嚜宸变紒涓氭垨浜у搧鐨勬墜鏈篈PP锛屼絾鍏朵腑鏈鍥版壈浼佷笟涓荤殑闂灏辨槸锛氬紑鍙戜竴娆炬墜鏈篈PP鍒板簳闇瑕佸灏戦挶锛熺畝鍗曠偣鏉ヨ锛岃瑙嗘墜鏈篈PP鐨勯渶姹傚強璐ㄩ噺鑰岃█锛屼环浣嶄竴鑸湪鍑犲崈鍒板崄鍑犱竾宸﹀彸锛屾洿楂樼鐨勪环鏍兼洿楂樸備粖澶╋紝鎴戜滑灏辨潵璇︾粏鍒嗘瀽涓涓嬭繖涓棶棰橈紝璇风户缁線涓嬬湅鍚...
绛旓細鏈澶х殑鍖哄埆鏄android搴旂敤鏄紑婧愮殑锛屼簩鑰呯殑鍖哄埆濡備笅锛1銆佷袱鑰呰繍琛屾満鍒朵笉鍚岋細IOS閲囩敤鐨勬槸娌欑洅杩愯鏈哄埗锛屽畨鍗撻噰鐢ㄧ殑鏄櫄鎷熸満杩愯鏈哄埗銆2銆佷袱鑰呭悗鍙板埗搴︿笉鍚岋細IOS涓换浣曠涓夋柟绋嬪簭閮戒笉鑳藉湪鍚庡彴杩愯锛涘畨鍗撲腑浠讳綍绋嬪簭閮借兘鍦ㄥ悗鍙拌繍琛岋紝鐩村埌娌℃湁鍐呭瓨鎵嶄細鍏抽棴銆3銆両OS涓敤浜嶶I鎸囦护鏉冮檺鏈楂橈紝瀹夊崜涓暟鎹鐞嗘寚浠ゆ潈闄...
绛旓細move to iOS銆侻ove to iOS鏄竴娆惧厤璐瑰簲鐢紝鍙敮鎸Android 4.0鍙婃洿楂樼殑Android鐗堟湰銆2015骞9鏈17鏃ワ紝闄OS 9澶栵紝鑻规灉褰撳湴鏃堕棿鍛ㄤ笁杩樺彂甯冧簡Move to iOS鈥斺斿府鍔╃敤鎴峰皢搴旂敤鐢盇ndroid杩佺Щ鍒iOS鐨涓娆惧伐鍏凤紝杩欎篃鏄嫻鏋滃紑鍙戠殑棣栨Android搴旂敤銆傚伐鍏蜂娇鐢細Move to iOS鐨勮璁＄洰鏍囨槸浣跨敤鎴疯兘鏂逛究鍦版妸鏁版嵁鐢...
绛旓細瑙ｅ喅鏂规锛1. 瀵绘壘iOS鐗堟湰锛氬鏋滄煇娆惧畨鍗撹蒋浠舵湁瀵瑰簲鐨刬OS鐗堟湰锛屼綘鍙互灏濊瘯鍦App Store涓悳绱㈠苟涓嬭浇璇ヨ蒋浠剁殑iOS鐗堟湰銆備緥濡傦紝璁稿娴佽鐨勫簲鐢ㄥ寰俊銆佹姈闊崇瓑閮芥湁iOS鍜孉ndroid涓や釜鐗堟湰銆2. 浣跨敤璺ㄥ钩鍙版湇鍔★細瀵逛簬鏌愪簺鐗瑰畾绫诲瀷鐨勮蒋浠舵垨鏈嶅姟锛屼緥濡備簯瀛樺偍鎴栧湪绾跨紪杈戝伐鍏凤紝浣犲彲浠ヨ冭檻浣跨敤璺ㄥ钩鍙版湇鍔°傝繖浜涙湇鍔￠氬父...
绛旓細寮鍙戜竴涓IOS鍜屽畨鍗撶殑APP瑕佸灏戦挶 濡備粖锛屼笉灏戜紒涓氶兘鎯虫嫢鏈夊睘浜庤嚜宸变紒涓氭垨浜у搧鐨勬墜鏈篈PP锛屼絾鍏朵腑鏈鍥版壈浼佷笟涓荤殑闂灏辨槸锛氬紑鍙戜竴娆炬墜鏈篈PP鍒板簳闇瑕佸灏戦挶锛熺畝鍗曠偣鏉ヨ锛岃瑙嗘墜鏈篈PP鐨勯渶姹傚強璐ㄩ噺鑰岃█锛屼环浣嶄竴鑸湪鍑犲崈鍒板崄鍑犱竾宸﹀彸锛屾洿楂樼鐨勪环鏍兼洿楂樸備粖澶╋紝鎴戜滑灏辨潵璇︾粏鍒嗘瀽涓涓嬭繖涓棶棰橈紝璇风户缁線涓嬬湅鍚...
绛旓細android涓ios鐨刟pp娴嬭瘯鐨勫尯鍒涓嬶細1銆併佸崌绾ф祴璇曪細鍙互琚崌绾х殑蹇呰鏉′欢锛氭柊鏃х増鏈叿鏈夌浉鍚岀殑绛惧悕锛涙柊鏃х増鏈叿鏈夌浉鍚岀殑鍖呭悕锛涙湁涓涓爣绀虹鍖哄垎鏂版棫鐗堟湰锛堝鐗堟湰鍙凤級锛屽浜Android鑻ユ湁鍐呯疆鐨勫簲鐢ㄩ渶妫鏌ュ崌绾т箣鍚庡唴缃枃浠舵槸鍚﹀尮閰嶏紙濡傚唴缃殑杈撳叆娉曪級銆2銆 澶氬垎杈ㄧ巼娴嬭瘯锛孉ndroid绔20澶氱锛宨os杈冨皯銆3銆佹墜鏈烘搷浣...
绛旓細鐢ㄦ埛鍦ㄤ娇鐢ˋPP杞欢鐨勬椂鍊欏鏄撴硠闇蹭釜浜轰俊鎭紝瀹冪殑瀹夊叏鎬х浉瀵硅緝浣庛?鏃犺鏄瀹夊崜绯荤粺杩樻槸IOS绯荤粺锛屽畠浠兘瀛樺湪鐫浼樼偣锛屼篃浼撮殢鐫涓嶈冻銆傞殢涔嬶紝瀹夊崜杞欢涓嶪OS杞欢鏄瓨鍦ㄥ緢澶氬尯鍒殑锛屼簩鑰呴棿鏄钩琛屽彂灞曠殑銆傚綋鐒讹紝闅忕潃绉诲姩浜掕仈缃戠殑缁х画鍙戝睍锛屾墜鏈篈PP杞欢鐨勪笉鏂洿鏂颁笌寮鍙戯紝甯傞潰涓婂皢浼氬嚭鐜版洿澶鐨凙PP杞欢 ...
绛旓細瑕佷娇鐢ˋirDroid鍦瀹夊崜鎵嬫満鍜鑻规灉鎵嬫満涔嬮棿浼犺緭鏂囦欢锛岃鎸夌収浠ヤ笅姝ラ鎿嶄綔锛氬畨瑁匒irDroid搴旂敤鍦ㄥ畨鍗撴墜鏈轰笂锛屽墠寰搴旂敤涓嬭浇骞跺畨瑁 AirDroid 搴旂敤銆傚湪鑻规灉鎵嬫満涓婏紝鍓嶅線 App Store 涓嬭浇骞跺畨瑁 AirDroid 搴旂敤銆傚鏋滄槸鍙戦佺粰鑷繁鐨勬墜鏈猴紝鍙2閮ㄦ墜鏈洪兘鐧婚檰鍚屼竴涓处鍙凤紝濡傛灉鏄湅鍙嬬殑鎵嬫満锛屽彲鍒╃敤闄勮繎璁惧鍔熻兘锛屾垨鑰呮坊鍔...
