{"id":252,"date":"2026-10-17T04:50:38","date_gmt":"2026-10-16T20:50:38","guid":{"rendered":"http:\/\/ziyuan.nuyun.cn\/?p=252"},"modified":"2026-10-17T06:04:19","modified_gmt":"2026-10-16T22:04:19","slug":"ui%e8%ae%be%e8%ae%a1%e5%85%a5%e9%97%a8%ef%bc%9a%e7%a7%bb%e5%8a%a8%e7%ab%afapp%e7%95%8c%e9%9d%a2%e8%ae%be%e8%ae%a1%e8%a7%84%e8%8c%83%e8%a6%81%e7%82%b9","status":"publish","type":"post","link":"https:\/\/ziyuan.nuyun.cn\/index.php\/2026\/10\/17\/ui%e8%ae%be%e8%ae%a1%e5%85%a5%e9%97%a8%ef%bc%9a%e7%a7%bb%e5%8a%a8%e7%ab%afapp%e7%95%8c%e9%9d%a2%e8%ae%be%e8%ae%a1%e8%a7%84%e8%8c%83%e8%a6%81%e7%82%b9\/","title":{"rendered":"UI\u8bbe\u8ba1\u5165\u95e8\uff1a\u79fb\u52a8\u7aefApp\u754c\u9762\u8bbe\u8ba1\u89c4\u8303\u8981\u70b9"},"content":{"rendered":"<p>\u505a App \u754c\u9762\u4e0d\u662f\u753b\u5f97\u597d\u770b\u5c31\u884c\uff0c\u8981\u9075\u5b88\u5e73\u53f0\u89c4\u8303\u3002\u4e0b\u9762\u662f iOS \u548c Android \u8bbe\u8ba1\u7684\u6838\u5fc3\u8981\u70b9\u3002<\/p>\n<h2>\u4e00\u3001\u5c3a\u5bf8\u89c4\u8303<\/h2>\n<ul>\n<li><strong>iPhone<\/strong>\uff1a\u4e3b\u6d41\u8bbe\u8ba1\u7a3f\u7528 390\u00d7844\uff08iPhone 14\uff09\uff0c@2x \u6216 @3x \u51fa\u56fe\u3002<\/li>\n<li><strong>Android<\/strong>\uff1a\u7528 360\u00d7800 dp \u8bbe\u8ba1\u7a3f\uff0cmdpi\/hdpi\/xhdpi\/xxhdpi \u591a\u5957\u5207\u56fe\u3002<\/li>\n<li>\u72b6\u6001\u680f\u9ad8\u5ea6 44pt\uff0c\u5e95\u90e8 Home Indicator 34pt\u3002<\/li>\n<\/ul>\n<h2>\u4e8c\u3001\u5b57\u4f53\u89c4\u8303<\/h2>\n<ul>\n<li>iOS \u7528\u82f9\u65b9\uff08PingFang SC\uff09\uff0cAndroid \u7528\u601d\u6e90\u9ed1\u4f53\u3002<\/li>\n<li>\u6807\u9898 17-20pt\uff0c\u6b63\u6587 14-16pt\uff0c\u8f85\u52a9\u6587\u5b57 12pt\u3002<\/li>\n<li>\u5b57\u91cd\u4e0d\u8981\u4e71\u7528\uff1a\u6807\u9898 Semibold\uff0c\u6b63\u6587 Regular\u3002<\/li>\n<\/ul>\n<h2>\u4e09\u3001\u95f4\u8ddd\u4e0e\u5706\u89d2<\/h2>\n<ul>\n<li>\u5de6\u53f3\u8fb9\u8ddd\u4e00\u822c 16px\uff0c\u5c4f\u5e55\u8fb9\u5230\u5185\u5bb9\u7684\u8ddd\u79bb\u3002<\/li>\n<li>\u5361\u7247\u5706\u89d2 12-16px\uff0c\u73b0\u4ee3 App \u8d8b\u52bf\u662f\u5706\u89d2\u8d8a\u6765\u8d8a\u5927\u3002<\/li>\n<li>\u5143\u7d20\u95f4\u8ddd\u7528 8 \u7684\u500d\u6570\uff088\u300116\u300124\u300132\uff09\uff0c\u6574\u9f50\u3002<\/li>\n<\/ul>\n<h2>\u56db\u3001\u8272\u5f69\u89c4\u8303<\/h2>\n<ul>\n<li>\u4e3b\u8272\u4e00\u4e2a\uff08\u54c1\u724c\u8272\uff09\uff0c\u7528\u4e8e\u6309\u94ae\u3001\u5173\u952e\u6587\u5b57\u3002<\/li>\n<li>\u6587\u5b57\u4e09\u7ea7\u8272\uff1a\u6807\u9898\u9ed1\u3001\u6b63\u6587\u7070\u3001\u8f85\u52a9\u6d45\u7070\u3002<\/li>\n<li>\u6210\u529f\u7eff\u3001\u8b66\u544a\u6a59\u3001\u9519\u8bef\u7ea2\uff0c\u5168 App \u7edf\u4e00\u3002<\/li>\n<\/ul>\n<h2>\u4e94\u3001\u65b0\u624b\u7ec3\u4e60\u5efa\u8bae<\/h2>\n<ol>\n<li>\u4e0b\u8f7d\u4e00\u4e2a\u4f60\u559c\u6b22\u7684 App\uff0c\u7528 Figma \u753b\u5b83\u7684\u9996\u9875\u3002<\/li>\n<li>\u91cf\u6bcf\u4e2a\u5143\u7d20\u7684\u5c3a\u5bf8\u3001\u989c\u8272\u3001\u95f4\u8ddd\u3002<\/li>\n<li>\u5bf9\u6bd4\u8bbe\u8ba1\u7a3f\uff0c\u627e\u5dee\u8ddd\u3002<\/li>\n<\/ol>\n<p>UI \u8bbe\u8ba1\u662f\u6709\u6807\u51c6\u7b54\u6848\u7684\uff0c\u5148\u6a21\u4eff\u6210\u719f\u4ea7\u54c1\uff0c\u518d\u8c08\u521b\u65b0\u3002<\/p>\n<h2>\u7248\u6743\u4e0e\u5546\u7528\u6ce8\u610f\u4e8b\u9879<\/h2>\n<p>\u4f7f\u7528\u8bbe\u8ba1\u7d20\u6750\u65f6\uff0c\u7248\u6743\u662f\u6700\u5bb9\u6613\u51fa\u95ee\u9898\u7684\u73af\u8282\uff0c\u4e00\u5b9a\u8981\u7559\u610f\u3002<\/p>\n<ul>\n<li><strong>\u770b\u6e05\u695a\u6388\u6743\u534f\u8bae<\/strong>\uff1a\u514d\u8d39\u7d20\u6750\u4e5f\u5206&#8221;\u53ef\u5546\u7528&#8221;\u548c&#8221;\u4ec5\u9650\u4e2a\u4eba&#8221;\uff0c\u5546\u7528\u524d\u786e\u8ba4\u3002<\/li>\n<li><strong>\u7f72\u540d\u8981\u6c42<\/strong>\uff1a\u6709\u4e9b\u514d\u8d39\u7d20\u6750\u8981\u6c42\u7f72\u540d\u4f5c\u8005\uff0c\u4f7f\u7528\u65f6\u6309\u8981\u6c42\u6807\u6ce8\u3002<\/li>\n<li><strong>\u4e0d\u8981\u76f4\u63a5\u5356\u7d20\u6750<\/strong>\uff1a\u514d\u8d39\u7d20\u6750\u53ef\u4ee5\u7528\u6765\u505a\u8bbe\u8ba1\u4f5c\u54c1\uff0c\u4f46\u4e0d\u80fd\u6253\u5305\u8f6c\u5356\u3002<\/li>\n<li><strong>\u5b57\u4f53\u7248\u6743<\/strong>\uff1a\u5546\u7528\u5b57\u4f53\u4e00\u5b9a\u8981\u4e70\u6388\u6743\u6216\u7528\u514d\u8d39\u5546\u7528\u5b57\u4f53\u3002<\/li>\n<\/ul>\n<h2>\u65b0\u624b\u5e38\u89c1\u9519\u8bef<\/h2>\n<p>\u521a\u505a\u8bbe\u8ba1\u65f6\u5bb9\u6613\u72af\u7684\u51e0\u4e2a\u9519\uff0c\u63d0\u524d\u77e5\u9053\u80fd\u5c11\u8d70\u5f2f\u8def\u3002<\/p>\n<ul>\n<li><strong>\u989c\u8272\u592a\u591a<\/strong>\uff1a\u4e00\u5f20\u8bbe\u8ba1\u4e0d\u8981\u8d85\u8fc7 3 \u79cd\u4e3b\u8272\uff0c\u5426\u5219\u6742\u4e71\u3002<\/li>\n<li><strong>\u5b57\u4f53\u592a\u591a<\/strong>\uff1a\u6574\u5957\u8bbe\u8ba1\u7528 1-2 \u79cd\u5b57\u4f53\u5c31\u591f\u4e86\u3002<\/li>\n<li><strong>\u5bf9\u9f50\u6df7\u4e71<\/strong>\uff1a\u6240\u6709\u5143\u7d20\u7edf\u4e00\u5bf9\u9f50\uff0c\u89c6\u89c9\u624d\u6574\u9f50\u3002<\/li>\n<li><strong>\u4e0d\u7559\u767d<\/strong>\uff1a\u5185\u5bb9\u585e\u6ee1\u6574\u4e2a\u753b\u5e03\u4f1a\u5f88\u62e5\u6324\uff0c\u9002\u5f53\u7559\u767d\u66f4\u9ad8\u7ea7\u3002<\/li>\n<\/ul>\n<h2>\u603b\u7ed3\u4e0e\u884c\u52a8\u5efa\u8bae<\/h2>\n<p>\u770b\u5b8c\u8fd9\u7bc7\u5185\u5bb9\uff0c\u6700\u91cd\u8981\u7684\u4e0d\u662f\u6536\u85cf\uff0c\u800c\u662f\u7acb\u523b\u52a8\u624b\u505a\u4e00\u4ef6\u4e8b\u3002\u4e0b\u9762\u7ed9\u4f60\u4e00\u4e2a\u5177\u4f53\u7684\u884c\u52a8\u5efa\u8bae\u3002<\/p>\n<ul>\n<li><strong>\u4eca\u5929\u5c31\u5f00\u59cb<\/strong>\uff1a\u4e0d\u8981\u7b49\u51c6\u5907\u597d\u4e86\u518d\u5f00\u59cb\uff0c\u8fb9\u505a\u8fb9\u5b66\u662f\u6700\u5feb\u7684\u65b9\u5f0f\u3002<\/li>\n<li><strong>\u5b9a\u4e00\u4e2a\u5c0f\u76ee\u6807<\/strong>\uff1a\u6bd4\u5982\u4e00\u5468\u5185\u5b8c\u6210\u7b2c\u4e00\u6b21\u5b9e\u64cd\uff0c\u5b8c\u6210\u4e86\u518d\u5956\u52b1\u81ea\u5df1\u3002<\/li>\n<li><strong>\u8bb0\u5f55\u5b66\u4e60\u8fc7\u7a0b<\/strong>\uff1a\u628a\u9047\u5230\u7684\u95ee\u9898\u548c\u89e3\u51b3\u65b9\u6cd5\u8bb0\u4e0b\u6765\uff0c\u65e2\u662f\u7b14\u8bb0\u4e5f\u662f\u590d\u76d8\u3002<\/li>\n<li><strong>\u627e\u4eba\u4ea4\u6d41<\/strong>\uff1a\u52a0\u5165\u76f8\u5173\u793e\u7fa4\uff0c\u548c\u540c\u597d\u4ea4\u6d41\u6bd4\u81ea\u5df1\u95f7\u5934\u5b66\u6548\u7387\u9ad8\u5f88\u591a\u3002<\/li>\n<\/ul>\n<p>\u5de5\u5177\u548c\u65b9\u6cd5\u90fd\u53ea\u662f\u624b\u6bb5\uff0c\u771f\u6b63\u8ba9\u4f60\u8fdb\u6b65\u7684\u662f\u6301\u7eed\u7684\u5b9e\u8df5\u3002\u4ece\u4eca\u5929\u5f00\u59cb\u884c\u52a8\uff0c\u4e09\u4e2a\u6708\u540e\u4f60\u4f1a\u611f\u8c22\u73b0\u5728\u7684\u81ea\u5df1\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u505a App \u754c\u9762\u4e0d\u662f\u753b\u5f97\u597d\u770b\u5c31\u884c\uff0c\u8981\u9075\u5b88\u5e73\u53f0\u89c4\u8303\u3002\u4e0b\u9762\u662f iOS \u548c Android \u8bbe\u8ba1\u7684\u6838\u5fc3\u8981\u70b9\u3002 \u4e00\u3001\u5c3a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-252","post","type-post","status-publish","format-standard","hentry","category-sheji-sucai"],"_links":{"self":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":3,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"predecessor-version":[{"id":456,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/252\/revisions\/456"}],"wp:attachment":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/tags?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}