ããç°å¨æå¾å¤äº§å为äºéä½è®¾è®¡ææ¬å¹¶ä¿æå¤å¹³å°ä½éªçä¸è´æ§ï¼é½ä»¥iOS为主åä¸å¥äº¤äºè®¾è®¡ï¼åºç¨äºiOSåAndroid两个平å°ãä½æ¯å¨æ 注ä¸åå¾çç¯èï¼å¦ä½é«æçä¸å¼å对æ¥ï¼ä¼¼ä¹å¹¶æ²¡æä»ä¹æ´é«æçåæ³ãå¾å¤å¢éçåæ³æ¯å
åä¸å¥iOSçUI+æ 注+åå¾ï¼åå¨iOSçåºç¡ä¸ç¼©æ¾ä¸å¥AndroidçUI+æ 注+åå¾ãäºå®ä¸è¿æ ·çåæ³æ¯ä½æï¼ä¸æ æçã为ä»ä¹ä¸å¦ä½åå¢ï¼
ããé¦å
æ¬æ大åææ¯ï¼äº¤äºä»¥iOSç设计为主导ï¼åºç¨äºiOSåAndroid两个平å°ãæ¬ææè¿°çæ¹æ³æ´éç¨äºäººåèµæºè¾ä¸ºå®ä¹ç设计å¢éã
ãã对äºè®¾è®¡ç¯èã
ããæ对iOSåAndroid使ç¨åä¸å¥iOSç交äºè®¾è®¡è¿ç§åæ³ä¸ç½®å¯å¦ï¼æ¯ç«å¥½å¤äººé½å·²ç»è¿ä¹å¹²äºãèå¾å¤æ
åµä¸ï¼å°åºç¨ä¸å¥äº¤äºè¿æ¯ä¸¤å¥ï¼è¿ä¸ªé®é¢æ¯è¢«è®¾è®¡é¨é¨çè¯è¯æã项ç®çå¨æã人åèµæºçå¤ä¸ªå ç´ å½±åçï¼å¹¶ä¸æ¯ç®åçèæé®é¢ãæ以è¿éä¸è®¨è®ºå°åºä¸å¥äº¤äºå¯¹ä¸å¯¹ï¼åªè®¨è®ºè¿ç§æ
åµä¸æä¹å¹²æ´»ã
ããé£ä¹æ¢ç¶æ¯åä¸å¥è®¾è®¡ï¼å¦æä»
ä»
æ¯ä¸ºäºè¾¾å°ç交ä»ç©æ åï¼è¾åºä¸¤å¥å ä¹å®å
¨ä¸æ ·çiOSåAndroidçUIå¾ï¼è¿ç§äºæ
ç¥æ¾èç¼ãæ®ææç¥æä¸äºè®¾è®¡å¢éé½å¨ä¸æçç¸å°è¿ä¹å¹²çã
ããæ¥ç设计ç¯èç交ä»ç©ã
ããiOSåAndroidå¼åéè¦ç设计交ä»ç©è³å°è¦æï¼é«ä¿çUIå¾ï¼æ 注ï¼åå¾ã
ããé«ä¿çUIå¾æèµ·å°çä½ç¨æ¯ï¼å¼åä¼åç
§å
¶ç»é¡µé¢ï¼ä»
ä»
æ¯è·ç¥é¡µé¢æ ·åçä¸ä¸ªæ段ï¼å¹¶éä»ä¹é«ç²¾åº¦çäºæ
ãä»
ä»
åºäºè¿ä¸æ¡ï¼è®¾è®¡å¸å°±æ²¡æå¿
è¦åºiOSåAndroid两å¥æ ·åä¸æ ·åªæ¯å¤§å°ä¸åçå¾çï¼å¯¹äºå¼åæ¥è¯´ï¼ä»ä»¬åªéè¦çå°é¡µé¢æ ·åå³å¯ã
ããæ 注ååå¾çä½ç¨æ¯ï¼å¼åä¼æç
§æ 注ç尺寸ï¼æåå¾æç
§é«ä¿çUIå¾çææ¾æ¹å¼åå°çé¢ä¸ãé£ä¹é®é¢æ¥äºï¼iOSçå¼ååAndroidå¼åæéè¦çæ 注ååå¾æ¯ä¸ä¸æ ·çãå¦ä½å¨ä¸å¥iOSçé«ä¿çUIå¾ä¸ååºä¸¤å¥æ 注ååå¾å¢ï¼
ããä¼æå¨ç¥iOS设计çåç´ å°ºå¯¸æ¯640*960/1136ï¼Android主æµçhdpi模å¼ä¸çåç´ å°ºå¯¸æ¯480*800ãå¦å¾ï¼ä»ä»¬çæ¢ç®å
³ç³»æ¯ï¼iOSåç´ å°ºå¯¸ç75%æ¯Androidçåç´ å°ºå¯¸
ããäºæ¯å¾å¤è®¾è®¡å¢éå°±åºäºè¿ä¸ª75%çå
³ç³»å»åAndroidçå¾äºï¼ä½æ¯è¿ä¸æ¯ä¸ªå¥½æ¹æ³ï¼è¿æ¯ä¸ä¸ªè®¾è®¡åå¼å没ææ为好åºåçç¶æä¸æ使ç¨çæ¹æ³ã
ããæ们ç¥éAndroidå¼åæ使ç¨çåä½å¹¶éåç´ ï¼èæ¯ä¸ä¸ªå«ådp/spçåä½ï¼äººå®¶åæ ¹å°±ä¸ç¨åç´ ï¼ä½ è´¹å²å天è°ä¸ä¸ª480*800åæå¥ç¨å¢ï¼ä½ ç»ä»æ 注ä¸ï¼è¿ä¸ªå®½åº¦300åç´ ï¼åæå¥ç¨å¢ï¼è®¾è®¡ä¸æå¼åï¼å¼åä¹ä¸æ设计ï¼Androidä¸æiOSï¼iOSä¹ä¸æAndroidï¼å¾å¤åå¿å°±å¨è¿ç§âç©éµå¼çå½¼æ¤çä¸ç解âä¸ååå¹²çã
ããå
³äºdpä¸dpiçæ¦å¿µï¼è¯·åèæç« ï¼
http://www.zhihu.com/question/19625584ããæ们以480*800åç´ å°ºå¯¸ä¸åç设计å¾ä¸ºåºåãå¼åå°é¨ä»¶å°ºå¯¸æ¢ç®ædp尺寸çæ¹æ³æ¯ï¼åç´ å°ºå¯¸*2/3ãè¿ä¹æ¯ä¸ºä»ä¹è¦è®©Androidé¨ä»¶å°ºå¯¸è½è®©3æ´é¤çåå ãæ以å¨hdpi模å¼ï¼480*800åç´ å°ºå¯¸è®¾è®¡å¾ä¸ï¼å¼åçå°300px宽度çæ 注ï¼ä¼å®ä¹å
¶ä¸ºå®½200dpï¼å°è¿éAndroidå¼åæå¾å°ä¸ä¸ªä»ä»¬çæ£ä¼ç¨äºå¼åçæ°å¼ã
ããè¿æ´ä¸ªè¿ç¨ï¼è®¾è®¡å¸åiOS尺寸å¾å¹¶æ 注ï¼è®¾è®¡å¸è°æ´iOS尺寸å¾ä¸ºAndroid尺寸并æ 注pxï¼Androidå¼åçç设计å¸äº¤ä»çæ 注ï¼åå°å
¶æ¢ç®ædpï¼å¾é¿çä¸ä¸ªè¿ç¨ã
ããå
¶å®ç»è¿ä»¥ä¸æ´ä¸ªè¿ç¨ä¹åï¼æ们已ç»å¾åºäºä¸ä¸ªæ´ç®åçæ¢ç®å
³ç³»ï¼iOSåç´ å°ºå¯¸*75%=Androidåç´ å°ºå¯¸ï¼Androidåç´ å°ºå¯¸*2/3=Androidçdp尺寸ãè¿èå¾åºï¼iOSåç´ å°ºå¯¸*75%*2/3=Androidçdp尺寸ãæ以ï¼iOSéä¸ä¸ªå®½600pxçä¸è¥¿ï¼å¨Androidçhdpi模å¼ä¸ï¼æ£å¥½300dpï¼æ£å¥½æ¯50%ï¼å¾å®¹æç®æ¯å§ï¼
ããå¨è¿ä¸ªå
³ç³»çæ导ä¸ï¼æ们å¯ä»¥å¨åä¸å¥UIå¾ä¸åéç¨äºä¸¤ä¸ªå¹³å°çæ 注ãåªè¦Androidçå¼åç¥éï¼æ 注600pxçä¸è¥¿ï¼å¨hdpi模å¼ä¸çäº300dpè¿ä¸ªæ¢ç®å
³ç³»ï¼ä¸åé½ç®åäºãå½ç¶ï¼å¹³å°çåºå«è¦çæï¼ä¾å¦iOS使ç¨åè¿å¶è²å¼ï¼Android使ç¨16è¿å¶ï¼iOSå¯ä»¥ç»å¶åè§åé´å½±ï¼Androidæ´å¾åäºç¨.9.pngçãè¿äºå·®å¼è¦å¨åä¸å¥æ 注ä¸ä½ç°åºæ¥ï¼è®©ä¸¤ç«¯çå¼åååæéãï¼å¦æä½ åç°æ 注软件ä¸æ æ³å¨åä¸å¼ å¾ä¸æ åè¿å¶ååå
è¿å¶è²å¼ï¼ä½ å¯ä»¥ç¨æåæ 注æ¿ä»£å
¶ä¸ä¸ä¸ªï¼qqçæªå±å·¥å
·ä¸ä¹æ¯å¸¦è²å¼æ示çï¼åæ³å¾å¤ä¸åèµè¿°ãï¼
ããè³æ¤ï¼å·²ç»å¯ä»¥åä¸å¥æ 注ï¼è®©AndroidåiOSçå¼åå
±å使ç¨äºãå½ç¶åææ¯ä½ è¦åè¯å¼åè¿ä¸ªæ 注æä¹çï¼æä¹ç¨ï¼