{"id":1086,"date":"2024-09-09T12:00:00","date_gmt":"2024-09-09T04:00:00","guid":{"rendered":"https:\/\/hsiehchengyi.com\/?post_type=blog&p=1086"},"modified":"2025-08-28T11:50:39","modified_gmt":"2025-08-28T03:50:39","slug":"same-app-on-different-platforms","status":"publish","type":"blog","link":"https:\/\/hsiehchengyi.com\/en\/blog\/same-app-on-different-platforms\/","title":{"rendered":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570"},"content":{"rendered":"
\"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570\"<\/figure>\n\n\n\n

\u300c\u9078\u7528\u7684\u958b\u767c\u6280\u8853\u300d\u53ca\u300c\u662f\u5426\u4f7f\u7528\u5e73\u53f0\u539f\u751fUI\u300d\u6703\u5f71\u97ffAPP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684\u756b\u9762\u5448\u73fe\u3002\u672c\u7bc7\u6587\u7ae0\u4ee5\u53f0\u7063\u5e38\u898b\u7684APP\u5982Facebook\u3001Chrome\u3001\u53f0\u5317\u7b49\u516c\u8eca\u7b49\u70ba\u4f8b\uff0c\u8a0e\u8ad6\u5404\u7a2eUI\u5143\u4ef6\u5728\u96d9\u5e73\u53f0\u4e0a\u7684\u5dee\u7570\uff0c\u4f9bUI\/UX\u8a2d\u8a08\u5e2b\u4f5c\u70ba\u8a2d\u8a08\u53c3\u8003\u3002<\/p>\n\n\n\n

\u203b\u672c\u6587\u4e2d\u4f7f\u7528iPhone\u53caSamsung\u624b\u6a5f\u4f5c\u70ba\u6bd4\u8f03\u8a2d\u5099\uff0c\u756b\u9762\u7d00\u9304\u6642\u9593\u7686\u70ba2024\u5e749\u6708\u3002\u56e0Android OEM\u5ee0\u5546\u4e4b\u500b\u5225\u8abf\u6574\u6240\u5e36\u4f86\u7684\u4ecb\u9762\u8a2d\u8a08\u5dee\u7570\u4e0d\u5728\u672c\u6587\u8a0e\u8ad6\u7bc4\u570d\u5167\u3002<\/p>\n\n\n\n

\n\n\n\n

Facebook, Instagram, Threads<\/h2>\n\n\n\n

Meta\u65d7\u4e0b\u7684\u7522\u54c1\u5927\u591a\u4f7f\u7528React Native\u88fd\u4f5cAPP\u4ecb\u9762\u3002\u5f97\u76ca\u65bcReact Native\u7684\u7279\u6027\uff0c\u901a\u5e38UI\u5143\u4ef6\u90fd\u80fd\u5728\u96d9\u5e73\u53f0\u7dad\u6301\u4e00\u81f4\u7684\u5916\u89c0\uff0c\u53ea\u6709\u4f7f\u7528\u5230\u5e73\u53f0\u539f\u751fUI\u6642\u624d\u6703\u6709\u7d30\u5fae\u7684\u5dee\u7570\u3002<\/p>\n\n\n\n

\u4ee5\u6700\u5e38\u898b\u7684\u5f48\u51fa\u5f0f\u8996\u7a97\u70ba\u4f8b\uff0c\u7576iOS\u7248\u672c\u7684Facebook\u4f7f\u7528\u5e73\u53f0\u539f\u751fAlert\u6642\uff0cAndroid\u7248\u672c\u540c\u6a23\u662f\u8abf\u7528\u5e73\u53f0\u539f\u751f\u7684Dialog\u5143\u4ef6\u5448\u73fe\uff0c\u53ea\u4e0d\u904e\u4f7f\u7528\u7684\u662fMaterial Design 2\u7684\u6a23\u5f0f\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
Facebook\u5728\u96d9\u5e73\u53f0\u7248\u672c\u4e2d\u4f7f\u7528\u539f\u751f\u5f48\u51fa\u5f0f\u5c0d\u8a71\u6846\u5411\u4f7f\u7528\u8005\u6e9d\u901a<\/figcaption><\/figure>\n\n\n\n

\u6709\u8da3\u7684\u662f\uff0c\u9ede\u64ca\u300c\u9650\u6642\u52d5\u614b\u300d\u5340\u584a\u7684\u8a2d\u5b9a\u6309\u9215\u6642\uff0cAndroid\u7248\u672c\u6703\u4ee5Bottom Sheet\u5448\u73fe\u9078\u55ae\uff0c\u800ciOS\u7248\u672c\u5247\u4f7f\u7528\u4e86\u985e\u4f3cPop-up buttons\u7684\u6a23\u5f0f\u5448\u73fe\u3002\u9019\u662f\u975e\u5e38\u5c11\u898b\u7684\u7279\u4f8b\uff0c\u56e0\u70ba\u5728\u5176\u4ed6\u4f7f\u7528\u5230Bottom Sheet\u7684\u756b\u9762\u4e2d\uff0c\u96d9\u5e73\u53f0\u7684UI\u5448\u73fe\u90fd\u6703\u7dad\u6301\u4e00\u81f4\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

\u5728\u300c\u5207\u63db\u5e33\u865f\u300d\u756b\u9762\u4e2d\uff0ciOS\u7248\u672c\u7684Facebook\u8abf\u7528\u4e86\u539f\u751f\u7684Sheet\uff0c\u800cAndroid\u7248\u672c\u4e5f\u4f7f\u7528\u4e86\u5c0d\u61c9\u7684\u539f\u751f\u5143\u4ef6\uff08\u6216\u53ef\u80fd\u4f7f\u7528\u4e86\u81ea\u884c\u5ba2\u88fd\u5316\u7684View\uff09\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

\u7576\u9047\u4e0a\u300c\u9078\u64c7\u6642\u9593\u8207\u65e5\u671f\u300d\u60c5\u5883\u6642\uff0ciOS\u7248\u672c\u7684Instagram\u4f7f\u7528\u4e86\u7cfb\u7d71\u539f\u751f\u7684Pickers\uff0c\u800cAndroid\u7248\u672c\u5247\u770b\u4e0d\u51fa\u6a23\u5f0f\u4f86\u6e90\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
iOS\u7248\u672c\u7684Instagram\u4f7f\u7528\u4e86\u539f\u751f\u7684Picker<\/figcaption><\/figure>\n\n\n\n

\u5982\u540c\u5927\u90e8\u5206\u7684APP\uff0ciOS\u7248\u672c\u7684Threads\u4f7f\u7528\u4e86\u7cfb\u7d71\u539f\u751f\u7684Navigation Bar\uff0c\u800cAndroid\u7248\u672c\u5247\u662f\u4f7f\u7528\u8207\u4e4b\u547c\u61c9\u7684Top App Bar\uff0c\u5169\u8005\u7684\u5dee\u7570\u53ea\u5728\u65bc\u756b\u9762\u6a19\u984c\u7684\u4f4d\u7f6e\u4e0a\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
\u96d9\u5e73\u53f0\u7248\u672c\u7684Threads\u4ecb\u9762\u5927\u591a\u7dad\u6301\u4e00\u81f4\uff0c\u50c5\u5c0e\u89bd\u5217\u6709\u8f03\u5927\u7684\u4e0d\u540c<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Raindrop<\/h2>\n\n\n\n

Raindrop\u662f\u4e00\u6b3e\u7ba1\u7406\u7db2\u9801\u66f8\u7c64\u7684APP\u3002\u7531\u65bc\u9019\u6b3eAPP\u5728\u96d9\u5e73\u53f0\u7248\u672c\u4e2d\u5e7e\u4e4e\u90fd\u662f\u4f7f\u7528\u7cfb\u7d71\u539f\u751f\u5143\u4ef6\u69cb\u6210\uff0c\u56e0\u6b64\u5f88\u9069\u5408\u62ff\u4f86\u8209\u4f8b\u3002<\/p>\n\n\n\n

\u9996\u5148\u662f\u4e3b\u756b\u9762\u3002\u5f88\u660e\u986f\u5730\uff0c\u96d9\u5e73\u53f0\u7248\u672c\u7686\u63a1\u7528\u4e86\u5e73\u53f0\u7684\u539f\u751f\u5143\u4ef6\u88fd\u4f5c\uff0c\u624d\u6703\u6709\u5982\u6b64\u660e\u986f\u7684\u756b\u9762\u5dee\u7570\u3002iOS\u9019\u908a\u63a1\u7528\u4e86List\u5448\u73fe\u8cc7\u6599\u593e\u5217\u8868\uff0c\u4e26\u4e14icon\u4e5f\u904b\u7528\u4e86\u5e73\u53f0\u539f\u751f\u63d0\u4f9b\u7684SF Symbols\uff1b\u53e6\u4e00\u65b9\u9762\uff0cAndroid\u9019\u908a\u4f7f\u7528\u4e86\u76f8\u61c9\u7684List\u5143\u4ef6\u69cb\u6210\uff0c\u4f46icon\u65b9\u9762\u5c31\u770b\u4e0d\u51fa\u4f86\u662f\u4f7f\u7528\u4f55\u7a2eicon\u5eab\u6216\u662f\u81ea\u884c\u7e6a\u88fd\u7684\u7248\u672c\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
Raindrop APP\u591a\u4ee5\u539f\u751f\u5143\u4ef6\u69cb\u6210\uff0c\u56e0\u6b64\u5149\u662f\u4e3b\u756b\u9762\u5c31\u5448\u73fe\u4e86\u4e0d\u5c11\u7684\u5dee\u7570<\/figcaption><\/figure>\n\n\n\n

\u9664\u6b64\u4e4b\u5916\uff0c\u7531\u65bc\u524d\u8ff0\u63d0\u53ca\u7684Navigation Bar\/Top App Bar\u5dee\u7570\uff0c\u4e5f\u5c0e\u81f4\u4e86\u6309\u9215\u4f4d\u7f6e\u5206\u4f48\u3001\u756b\u9762\u4f48\u5c40\u7684\u5fae\u5999\u4e0d\u540c\u3002iOS\u7248\u672c\u7684\u641c\u5c0b\u5217\u9810\u8a2d\u662f\u96b1\u85cf\u5728Navigation Bar Title\u7684\u4e0b\u65b9\uff0c\u53ea\u6709\u4f4d\u65bc\u756b\u9762\u9802\u7aef\u4e26\u4e14\u5411\u4e0b\u62d6\u66f3\u6642\u624d\u6703\u986f\u793a\u3002\u56e0\u6b64\u76f8\u6bd4\u65bcAndroid\u7248\u672c\u4f86\u8aaa\uff0c\u53ef\u7701\u4e0b\u4e00\u500bicon\u7684\u7a7a\u9593\u3002\u9019\u500b\u7701\u4e0b\u7684\u7a7a\u9593\u88ab\u7528\u4f86\u653e\u7f6e\u300c\u65b0\u589e\u9805\u76ee\u300d\u7684\u6309\u9215\u3002\u5c0d\u7167Android\u9019\u908a\uff0c\u9019\u500b\u300c\u65b0\u589e\u9805\u76ee\u300d\u7684\u6309\u9215\u88ab\u653e\u7f6e\u65bc\u756b\u9762\u7684\u53f3\u4e0b\u65b9\uff0c\u8b8a\u6210\u4e86Floating Action Button\uff08FAB\uff09\u7684\u6a23\u5f0f\u3002\u4e0d\u50c5\u5982\u6b64\uff0c\u9ede\u64caiOS\u7684\u300c\u65b0\u589e\u9805\u76ee\u300d\u6309\u9215\u6703\u53eb\u51faPop-up buttons\u4f9b\u4f7f\u7528\u8005\u9078\u64c7\u8981\u65b0\u589e\u7684\u9805\u76ee\u7a2e\u985e\uff0c\u4f46Android\u9019\u908a\u7684FAB\u50c5\u6709\u300c\u65b0\u589e\u66f8\u7c64\u300d\u55ae\u4e00\u529f\u80fd\uff0c\u5176\u9918\u7684\u9805\u76ee\u88ab\u6253\u6563\u81f3\u5176\u4ed6\u4f4d\u7f6e\u7684icon\u4e2d\uff0c\u9019\u6216\u8a31\u662f\u51fa\u65bc\u70ba\u7b26\u5408Material Design Guideline\u6240\u505a\u7684\u8abf\u6574\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

\u548c\u4e0a\u500b\u6848\u4f8b\u985e\u4f3c\uff0c\u5728iOS\u4e2d\u6703\u547c\u53eb\u51faPop-up buttons\u7684\u64cd\u4f5c\uff0c\u5728Android\u7248\u672c\u4e2d\u6539\u4ee5\u6eff\u7248\u7684View\u66ff\u4ee3\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Dcard<\/h2>\n\n\n\n

Android\u7248\u672c\u7684Dcard\u5c07\u300c\u641c\u5c0b\u300dicon\u914d\u7f6e\u65bcTop App Bar\u4e0a\uff0c\u800ciOS\u7248\u672c\u5247\u4ee5\u641c\u5c0b\u5217\u66ff\u4ee3\u3002\u5373\u4f7f\u5169\u8005\u5916\u89c0\u4e0d\u540c\uff0c\u4f46\u5b83\u5011\u4e26\u6c92\u6709\u529f\u80fd\u4e0a\u7684\u5dee\u7570\uff0c\u9ede\u64ca\u5f8c\u7686\u6703\u5f15\u5c0e\u4f7f\u7528\u8005\u81f3\u6eff\u7248\u641c\u5c0b\u9801\u9762\u3002\u53e6\u5916\uff0c\u96d9\u7248\u672c\u756b\u9762\u5e95\u90e8\u7684Tab Bar\/Navigation Bar\u52d5\u756b\u6709\u7d30\u5fae\u5730\u4e0d\u540c\uff0cAndroid\u9019\u908a\u4f7f\u7528\u4e86\u5e73\u53f0\u5e38\u898b\u7684\u6c34\u6ce2\u7d0b\u52d5\u756b\uff0c\u800ciOS\u5247\u4ee5\u6de1\u5316\u52d5\u756b\u5448\u73fe\u3002\u9664\u6b64\u4e4b\u5916\uff0c\u96d9\u7248\u672c\u756b\u9762\u53f3\u4e0b\u65b9\u7684\u300c\u65b0\u589e\u300d\u6309\u9215\u63a1\u7528\u4e86\u4e0d\u540c\u7a0b\u5ea6\u7684\u5713\u89d2\uff0c\u4e0d\u78ba\u5b9a\u9019\u662f\u5426\u6709\u4efb\u4f55\u8a2d\u8a08\u4e0a\u7684\u8003\u91cf\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

\u529f\u80fd\u8868\u9801\u662f\u96d9\u7248\u672c\u5dee\u7570\u8f03\u70ba\u660e\u986f\u7684\u9801\u9762\u3002Android\u7248\u672c\u7684\u6309\u9215\u63a1\u7528\u4e86Material Design 2\u7684\u6a23\u5f0f\uff0c\u5916\u89c0\u8f03\u70ba\u65b9\u6b63\uff1b\u800ciOS\u7248\u672c\u5247\u4f7f\u7528\u8f03\u5927\u7684\u5713\u89d2\u4f86\u8868\u793a\u6309\u9215\uff0c\u4e14\u6c92\u6709\u9670\u5f71\u8a2d\u8a08\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
\u529f\u80fd\u8868\u9801\u662f\u96d9\u7248\u672cDcard\u5dee\u7570\u8f03\u70ba\u660e\u986f\u7684\u90e8\u5206<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Google Chrome<\/h2>\n\n\n\n

iOS\u7248\u672c\u7684Google Chrome\u4f7f\u7528\u4e86Sheet\u642d\u914dList\u88fd\u4f5c\u8a2d\u5b9a\u9801\u9762\uff0c\u5c0d\u7167\u4e4b\u4e0b\uff0cAndroid\u7248\u672c\u5247\u540c\u6a23\u4f7f\u7528\u4e86\u5e73\u53f0\u539f\u751f\u7684Top App Bar\u642d\u914dList\u4f86\u88fd\u4f5c\u3002\u7531\u65bcGoogle\u7cfb\u5217APP\u5927\u591a\u662f\u539f\u751f\u5b89\u88dd\u65bcAndroid\u624b\u6a5f\u4e2d\u4e26\u4e14\u6df1\u5ea6\u8207\u7cfb\u7d71\u9ad4\u9a57\u6574\u5408\uff0c\u56e0\u6b64\u80fd\u6bd4\u8f03\u7684\u756b\u9762\u5be6\u5728\u4e0d\u591a\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

<\/p>\n\n\n\n

\u767c\u7968\u5b58\u647a<\/h2>\n\n\n\n

iOS\u7248\u672c\u4e2d\u4f7f\u7528\u539f\u751f\u6a23\u5f0f\u7684Segmented Control\u4f9b\u4f7f\u7528\u8005\u5207\u63db\u9801\u7c64\uff0c\u53e6\u4e00\u65b9\u9762\uff0cAndroid\u7248\u672c\u4e5f\u4f7f\u7528\u4e86\u539f\u751f\u7684Tab Control\u9054\u6210\u76f8\u540c\u529f\u80fd\u3002\u53e6\u5916\uff0c\u76f8\u6bd4\u65bcAndroid\u7248\u672c\u4f7f\u7528\u4e86\u4e00\u81f4\u7684\u85cd\u8272\uff0ciOS\u9019\u908a\u4e0d\u77e5\u9053\u70ba\u4f55\uff0c\u53ea\u6709Navigation Bar\u63a1\u7528\u4e86\u8f03\u70ba\u660e\u4eae\u7684\u5bf6\u85cd\u8272\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Airbnb<\/h2>\n\n\n\n

\u8207Meta\u76f8\u4f3c\uff0cAirbnb\u4e5f\u63a1\u7528React Native\u69cb\u5efa\u4f7f\u7528\u8005\u4ecb\u9762\uff0c\u56e0\u6b64\u5728\u96d9\u5e73\u53f0\u7248\u672c\u7684\u9ad4\u9a57\u5e7e\u4e4e\u53ef\u8aaa\u662f\u5b8c\u5168\u4e00\u81f4\uff0c\u4e0d\u6127\u662f\u6642\u5e38\u88ab\u62ff\u4f86\u7576\u4f5c\u8a2d\u8a08\u6848\u4f8b\u7684\u6a19\u7aff\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n
\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

\u552f\u4e00\u53ef\u60dc\u7684\u662f\uff0ciOS\u7248\u672c\u7684\u6703\u4ee5Sheet\u5f62\u5f0f\u53eb\u51fa\u4e0b\u62c9\u9078\u55ae\uff0c\u800cAndroid\u7248\u672c\u5247\u4ee5\u985e\u4f3cDropdown menus\u7684\u6a23\u5f0f\u5448\u73fe\uff0c\u4e8c\u8005\u5728\u7f8e\u89c0\u7a0b\u5ea6\u4e0a\u6709\u4e0d\u5c0f\u7684\u5dee\u8ddd\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
Android\u7248\u672c\u7684Airbnb\u4f7f\u7528\u4e86\u63a5\u8fd1\u539f\u751f\u7684Dropdown Menu\u6a23\u5f0f\uff0c\u7f8e\u89c0\u7a0b\u5ea6\u4e0a\u8207iOS\u7248\u672c\u76f8\u6bd4\u6709\u4e0d\u5c11\u5dee\u8ddd<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

TickTick<\/h2>\n\n\n\n

TickTick\u4f7f\u7528iOS\u539f\u751f\u7684Color Picker\u9078\u64c7\u984f\u8272\uff0c\u800cAndroid\u7248\u672c\u770b\u8d77\u4f86\u61c9\u8a72\u662f\u4ee5\u81ea\u884c\u8a2d\u8a08\u7684View\u5be6\u73fe\u76f8\u540c\u529f\u80fd\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

<\/p>\n\n\n\n

\u53f0\u5317\u7b49\u516c\u8eca<\/h2>\n\n\n\n

\u5982\u679c\u9700\u8981\u986f\u793a\u5730\u5716\uff0c\u591a\u6578\u7684APP\u90fd\u548c\u300c\u53f0\u5317\u7b49\u516c\u8eca\u300d\u4e00\u6a23\uff0c\u5728\u96d9\u5e73\u53f0\u4e0a\u4ee5\u5404\u81ea\u7684\u5730\u5716\u7cfb\u7d71\uff08\u5373Apple Map\u548cGoogle Map\uff09\u986f\u793a\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23
\u904b\u7528\u4e86\u5730\u5716\u7684APP\u5927\u591a\u9078\u64c7\u4ee5Apple Map\u53caGoogle Map\u5728\u96d9\u5e73\u53f0\u4e0a\u5448\u73fe\u5c0d\u61c9\u4ecb\u9762<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Pinterest<\/h2>\n\n\n\n

\u5373\u4fbf\u5b98\u65b9\u4e26\u672a\u8868\u660ePinterest Mobile APP\u63a1\u7528\u4f55\u7a2e\u6280\u8853\u88fd\u4f5c\uff0c\u4f46\u5176\u5728iOS\u3001Android\u96d9\u5e73\u53f0\u4e0a\u4ecb\u9762\u5e7e\u4e4e\u7dad\u6301\u4e00\u81f4\u3002<\/p>\n\n\n\n

\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n
\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Klook<\/h2>\n\n\n\n

Klook\u8207Pinterest\u540c\u6a23\u5728\u96d9\u5e73\u53f0\u64c1\u6709\u9ad8\u5ea6\u4e00\u81f4\u9ad4\u9a57\u3002\u7121\u8ad6\u662f\u9801\u9762\u4e92\u52d5\u908f\u8f2f\u3001\u6309\u9215\u3001\u52d5\u756b\uff0c\u7686\u7121\u660e\u986f\u7684\u843d\u5dee\u3002<\/p>\n\n\n\n

\n
\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n
\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n\n\n\n
\"\u627f\u9091\u724c\u8a2d\u8a08\u79d8\u8a23<\/figure>\n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

\u7d50\u8ad6<\/h2>\n\n\n\n

\u5728\u4efb\u4f55\u5e73\u53f0\u4e0a\u63d0\u4f9b\u4e00\u81f4\u7684\u4ecb\u9762\u64cd\u4f5c\u9ad4\u9a57\uff0c\u662f\u6211\u5011\u8eab\u70baUI\/UX\u8a2d\u8a08\u5e2b\u7684\u6838\u5fc3\u76ee\u6a19\u3002\u7136\u800c\u5be6\u52d9\u4e0a\uff0c\u6700\u7d42\u756b\u9762\u5448\u73fe\u537b\u6703\u53d7\u5230\u591a\u91cd\u56e0\u7d20\u7684\u5f71\u97ff\u3002\u5728\u9019\u4e9b\u56e0\u7d20\u4e2d\uff0c\u6709\u662f\u4e0d\u53ef\u907f\u514d\u7684\u3001\u6709\u4e9b\u662f\u7121\u53ef\u539a\u975e\u7684\u3001\u6709\u4e9b\u5247\u662f\u53ef\u4ee5\u6539\u9032\u7684\u3002\u5373\u4fbf\u672c\u6587\u5c55\u793a\u4e86\u591a\u500bAPP\u8a2d\u8a08\u6848\u4f8b\uff0c\u4f46\u9019\u4e26\u4e0d\u4ee3\u8868\u9069\u7528\u65bc\u6240\u6709\u5c08\u6848\u3002\u7531\u65bc\u6bcf\u500b\u670d\u52d9\u7684\u670d\u52d9\u5e73\u53f0\u3001\u7bc4\u570d\u3001\u5c08\u6848\u6642\u9593\u3001\u958b\u767c\u6280\u8853\u3001\u9650\u5236\u7686\u4e0d\u540c\uff0c\u56e0\u6b64\u8a2d\u8a08\u5e2b\u5fc5\u9808\u638c\u63e1\u7522\u54c1\u6838\u5fc3\u76ee\u6a19\u3001\u9748\u6d3b\u61c9\u5c0d\u5404\u7a2e\u60c5\u5883\u3001\u8207\u4e0d\u540c\u5718\u968a\u7dca\u5bc6\u6e9d\u901a\u5408\u4f5c\uff0c\u624d\u80fd\u5728\u8a2d\u8a08\u7a3f\u8207\u73fe\u5be6\u9593\u627e\u5230\u5e73\u8861\u9ede\u3002<\/p>","protected":false},"featured_media":1087,"comment_status":"closed","ping_status":"closed","template":"","blog_category":[29],"blog_tags":[34,36],"class_list":["post-1086","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-exclusive-design-tips","blog_tags-optimize-ios-experience","blog_tags-optimize-android-experience"],"acf":[],"yoast_head":"\n\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hsiehchengyi.com\/en\/blog\/same-app-on-different-platforms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer\" \/>\n<meta property=\"og:description\" content=\"\u300c\u9078\u7528\u7684\u958b\u767c\u6280\u8853\u300d\u53ca\u300c\u662f\u5426\u4f7f\u7528\u5e73\u53f0\u539f\u751fUI\u300d\u6703\u5f71\u97ffAPP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684\u756b\u9762\u5448\u73fe\u3002\u672c\u7bc7\u6587\u7ae0\u4ee5\u53f0 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hsiehchengyi.com\/en\/blog\/same-app-on-different-platforms\/\" \/>\n<meta property=\"og:site_name\" content=\"Hsieh Cheng Yi | UIUX Designer\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-28T03:50:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2024\/09\/exlusive-tips-ep3-cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/\",\"url\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/\",\"name\":\"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/exlusive-tips-ep3-cover.jpg\",\"datePublished\":\"2024-09-09T04:00:00+00:00\",\"dateModified\":\"2025-08-28T03:50:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/exlusive-tips-ep3-cover.jpg\",\"contentUrl\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/exlusive-tips-ep3-cover.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/blog\\\/same-app-on-different-platforms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\\\/\\\/hsiehchengyi.com\\\/ja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/\",\"name\":\"Hsieh Cheng Yi | UIUX Designer\",\"description\":\"\u64c1\u62b1\u8a2d\u8a08\u8207\u958b\u767c\u96d9\u8996\u89d2\u7684\u8a2d\u8a08\u5e2b\",\"publisher\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/#\\\/schema\\\/person\\\/5985c00aa7e87f949a42bda6b6a4b214\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/en\\\/#\\\/schema\\\/person\\\/5985c00aa7e87f949a42bda6b6a4b214\",\"name\":\"Hsieh Cheng-Yi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/profile-square.jpg\",\"url\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/profile-square.jpg\",\"contentUrl\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/profile-square.jpg\",\"width\":512,\"height\":512,\"caption\":\"Hsieh Cheng-Yi\"},\"logo\":{\"@id\":\"https:\\\/\\\/hsiehchengyi.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/profile-square.jpg\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hsiehchengyi.com\/en\/blog\/same-app-on-different-platforms\/","og_locale":"en_US","og_type":"article","og_title":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer","og_description":"\u300c\u9078\u7528\u7684\u958b\u767c\u6280\u8853\u300d\u53ca\u300c\u662f\u5426\u4f7f\u7528\u5e73\u53f0\u539f\u751fUI\u300d\u6703\u5f71\u97ffAPP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684\u756b\u9762\u5448\u73fe\u3002\u672c\u7bc7\u6587\u7ae0\u4ee5\u53f0 […]","og_url":"https:\/\/hsiehchengyi.com\/en\/blog\/same-app-on-different-platforms\/","og_site_name":"Hsieh Cheng Yi | UIUX Designer","article_modified_time":"2025-08-28T03:50:39+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2024\/09\/exlusive-tips-ep3-cover.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/","url":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/","name":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570 - Hsieh Cheng Yi | UIUX Designer","isPartOf":{"@id":"https:\/\/hsiehchengyi.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/#primaryimage"},"image":{"@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/#primaryimage"},"thumbnailUrl":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2024\/09\/exlusive-tips-ep3-cover.jpg","datePublished":"2024-09-09T04:00:00+00:00","dateModified":"2025-08-28T03:50:39+00:00","breadcrumb":{"@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/#primaryimage","url":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2024\/09\/exlusive-tips-ep3-cover.jpg","contentUrl":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2024\/09\/exlusive-tips-ep3-cover.jpg","width":1920,"height":1080,"caption":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570"},{"@type":"BreadcrumbList","@id":"https:\/\/hsiehchengyi.com\/blog\/same-app-on-different-platforms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/hsiehchengyi.com\/ja\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/hsiehchengyi.com\/en\/blog\/"},{"@type":"ListItem","position":3,"name":"\u6316\u6398\u540c\u4e00APP\u5728iOS\u3001Android\u5e73\u53f0\u4e0a\u7684UI\u5143\u7d20\u5916\u89c0\u5dee\u7570"}]},{"@type":"WebSite","@id":"https:\/\/hsiehchengyi.com\/en\/#website","url":"https:\/\/hsiehchengyi.com\/en\/","name":"Hsieh Cheng Yi | UIUX Designer","description":"Product designer with developer mindset.","publisher":{"@id":"https:\/\/hsiehchengyi.com\/en\/#\/schema\/person\/5985c00aa7e87f949a42bda6b6a4b214"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hsiehchengyi.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/hsiehchengyi.com\/en\/#\/schema\/person\/5985c00aa7e87f949a42bda6b6a4b214","name":"Hsieh Cheng-Yi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2025\/09\/profile-square.jpg","url":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2025\/09\/profile-square.jpg","contentUrl":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2025\/09\/profile-square.jpg","width":512,"height":512,"caption":"Hsieh Cheng-Yi"},"logo":{"@id":"https:\/\/hsiehchengyi.com\/wp-content\/uploads\/2025\/09\/profile-square.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/blog\/1086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/types\/blog"}],"replies":[{"embeddable":true,"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/comments?post=1086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/media\/1087"}],"wp:attachment":[{"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/media?parent=1086"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/blog_category?post=1086"},{"taxonomy":"blog_tags","embeddable":true,"href":"https:\/\/hsiehchengyi.com\/en\/wp-json\/wp\/v2\/blog_tags?post=1086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}