{"id":5048,"date":"2021-07-05T04:01:23","date_gmt":"2021-07-04T20:01:23","guid":{"rendered":"https:\/\/www.gogoshark.com\/blog\/design\/web-design\/%e2%80%8b%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%bf%85%e7%9c%8b%e7%9a%84%e5%ad%97%e9%ab%94%e8%88%87%e6%8e%92%e7%89%88%e6%87%89%e7%94%a8%e6%8c%87%e5%8d%97\/"},"modified":"2021-07-05T04:01:23","modified_gmt":"2021-07-04T20:01:23","slug":"%e2%80%8b%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%bf%85%e7%9c%8b%e7%9a%84%e5%ad%97%e9%ab%94%e8%88%87%e6%8e%92%e7%89%88%e6%87%89%e7%94%a8%e6%8c%87%e5%8d%97","status":"publish","type":"post","link":"https:\/\/www.gogoshark.com\/blog\/design\/web-design\/%e2%80%8b%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%bf%85%e7%9c%8b%e7%9a%84%e5%ad%97%e9%ab%94%e8%88%87%e6%8e%92%e7%89%88%e6%87%89%e7%94%a8%e6%8c%87%e5%8d%97\/","title":{"rendered":"\u200b\u8a2d\u8a08\u5e2b\u5fc5\u770b\u7684\u5b57\u9ad4\u8207\u6392\u7248\u61c9\u7528\u6307\u5357"},"content":{"rendered":"<div class=\"article-content-wraper\"><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0131cf5f46e57c11013f1a64012ae5-1.png\" title=\"0131cf5f46e57c11013f1a64012ae5-1\"><\/p>\n<p>\u524d\u534a\u90e8\u5206\u5f9e\u5b57\u9ad4\u7684\u6700\u57fa\u672c\u5c6c\u6027\uff08\u5b57\u65cf\u3001\u5b57\u865f\u3001\u5b57\u91cd\u3001\u5927\u5c0f\u5beb\u7b49\uff09\u8aaa\u8d77\uff0c\u719f\u6089\u5b57\u9ad4\u7684\u90a3\u4e9b\u7279\u5fb5\uff0c\u4e86\u89e3\u5b57\u9ad4\u5728\u754c\u9762\u4e2d\u7684\u4f5c\u7528\uff0c\u4ee5\u53caios\u8207android\u7cfb\u7d71\u5b57\u9ad4\u7684\u4f7f\u7528\u898f\u7bc4\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0108895f46e58611013e3187dbda8e.png\" title=\"0108895f46e58611013e3187dbda8e\"><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>\u5b57\u9ad4\u662f\u754c\u9762\u8a2d\u8a08\u7684\u57fa\u77f3<\/strong><\/p>\n<p>\u5b57\u9ad4\u662f\u6392\u7248\u4e2d\u6700\u91cd\u8981\u7684\u5143\u7d20\uff0c\u5c0d\u7528\u6236\u7684\u95b1\u8b80\u9ad4\u9a57\u6709\u8457\u81f3\u95dc\u91cd\u8981\u7684\u4f5c\u7528\u3002\u4e00\u822c\u4f86\u8aaa\uff0c\u8a2d\u8a08\u5e2b\u9700\u8981\u4e86\u89e3\u7684\u5b57\u9ad4\u901a\u5e38\u6709\u4e2d\u6587\u5b57\u9ad4\u548c\u897f\u6587\u5b57\u9ad4\u5169\u7a2e\u3002\u897f\u6587\u5b57\u9ad4\u7531\u4f86\u5df2\u4e45\uff0c\u5f9e\u6700\u65e9\u7684\u7f85\u99ac\u5b57\u9ad4\u5230\u73fe\u5728\u860b\u679c\u624b\u6a5f\u4e2d\u7684SF-UI\u5b57\u9ad4\uff0c\u7d93\u6b77\u4e86\u8a31\u591a\u8a2d\u8a08\u4e0a\u7684\u8b8a\u9769\u3002\u800c\u4e2d\u6587\u5b57\u9ad4\u7684\u767c\u5c55\u4e26\u6c92\u6709\u897f\u6587\u5b57\u9ad4\u90a3\u9ebc\u9806\u5229\uff0c\u6578\u91cf\u4e0a\u4e5f\u9060\u9060\u843d\u5f8c\u65bc\u5176\u4ed6\u5b57\u9ad4\u3002\u4f46\u4e2d\u570b\u8a2d\u8a08\u6b63\u5728\u5d1b\u8d77\uff0c\u6211\u5011\u4e5f\u770b\u5230\u8d8a\u4f86\u8d8a\u591a\u7684\u8a2d\u8a08\u5718\u968a\u548c\u8a2d\u8a08\u5e2b\u52a0\u5165\u5b57\u9ad4\u8a2d\u8a08\u7684\u968a\u4f0d\uff0c\u6578\u91cf\u4e0a\u6b63\u5728\u5448\u6307\u6578\u7d1a\u5225\u589e\u52a0\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01e0175f46e5ae11013f1a64add31b.png\" title=\"01e0175f46e5ae11013f1a64add31b\"><\/em><\/p>\n<p>\u8a2d\u8a08\u662f\u4e00\u9580\u975e\u5e38\u56b4\u8b39\u7684\u5b78\u79d1\uff0c\u88e1\u9762\u860a\u542b\u4e86\u5f88\u591a\u9053\u7406\uff0c\u5c31\u9023\u6700\u57fa\u790e\u7684\u5b57\u9ad4\u9078\u64c7\u548c\u6392\u7248\uff0c\u90fd\u7d93\u904e\u4e86\u5c07\u8fd1\u5343\u5e74\u7684\u767c\u5c55\u548c\u6f14\u8b8a\uff0c\u6709\u975e\u5e38\u591a\u7684\u5c08\u696d\u77e5\u8b58\u3002\u50cf\u5e73\u9762\u8a2d\u8a08\u4e00\u6a23\uff0c\u5728UI\u8a2d\u8a08\u4e2d\u5b57\u9ad4\u7684\u4f7f\u7528\u4e5f\u6709\u76f8\u61c9\u7684\u898f\u7bc4\uff0c\u8a2d\u8a08\u5e2b\u61c9\u61c2\u5f97\u9019\u4e9b\u57fa\u790e\u77e5\u8b58\uff0c\u624d\u80fd\u5c07\u5b57\u9ad4\u70ba\u81ea\u5df1\u6240\u7528\u3002<\/p>\n<p>\u672c\u7bc7\u5c31\u5f9e\u6211\u5011\u5e38\u7528\u7684\u8a2d\u8a08\u8edf\u4ef6\uff08sketch\u3001Figma\u3001P hotoshop\uff09\u5b57\u7b26\u9762\u677f\u958b\u59cb\uff0c\u4f86\u804a\u804a\u6709\u95dc\u5b57\u9ad4\u8207\u6392\u7248\u61c9\u7528\u65b9\u9762\u7684\u77e5\u8b58\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01fc365f46e5e311013e31872655af.png\" title=\"01fc365f46e5e311013e31872655af\"><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01b0fe5f46e5f111013e3187f47c44.png\" title=\"01b0fe5f46e5f111013e3187f47c44\"><\/em><\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01f07a5f46e5ff11013e3187aae4d9.png\" title=\"01f07a5f46e5ff11013e3187aae4d9\"><\/em><\/p>\n<p><\/p>\n<p><strong>Font<\/strong>\u4e2d\u6587\u7ffb\u8b6f\u70ba\u201c\u5b57\u578b\u201d\uff0c\u662f\u6307\u5b57\u7684\u7c97\u7d30\u3001\u5bec\u5ea6\u548c\u6837\u5f0f\uff0c\u662f\u4e00\u5957\u5177\u6709\u540c\u6a23\u98a8\u683c\u548c\u5c3a\u5bf8\u7684\u5b57\u5f62\u3002\u4f8b\u5982\u201cRegular_16pt_SF-UI\u201d\u3002<\/p>\n<p><strong>Typeface<\/strong>\u4e2d\u6587\u7ffb\u8b6f\u70ba\u201c\u5b57\u9ad4\u201d\uff0c\u662f\u6307\u4e00\u6574\u5957\u7684\u5b57\u5f62\uff0c\u4e00\u500b\u6216\u591a\u500b\u5b57\u578b\u7684\u591a\u5c3a\u5bf8\u7684\u96c6\u5408\uff0c\u4f8b\u5982\u201cSF-UI\u201d\u88e1\u6709\u4e0d\u540c\u7c97\u7d30\uff08Regular\u3001Blod\u3001Light\uff09\u548c\u4e0d\u540c\u5bec\u5ea6\uff0812pt\u3001 14pt\u300120pt\uff09\u3002<\/p>\n<p><strong>Glyph<\/strong>\u4e2d\u6587\u7ffb\u8b6f\u70ba\u201c\u5b57\u5f62\u201d\uff0c\u662f\u6307\u55ae\u500b\u5b57\u7684\u5f62\u9ad4\u6216\u662f\u5b57\u9ad4\u7684\u9aa8\u9abc\u3002\u540c\u4e00\u5b57\u53ef\u4ee5\u6709\u4e0d\u540c\u7684\u5b57\u5f62\uff0c\u800c\u4e0d\u5f71\u97ff\u5176\u8868\u9054\u7684\u610f\u601d\uff0c\u4f8b\u5982\u6f22\u5b57\u4e2d\u7684\u300c\u4ee4\u300d\u5b57\uff0c\u7b2c\u4e09\u7b46\u53ef\u4ee5\u662f\u4e00\u9ede\u6216\u4e00\u6487\uff0c \u6700\u672b\u5169\u7b46\u53ef\u4ee5\u4f5c\u300c\u3117\u300d\u6216\u300c\u30de\u300d\u3002<\/p>\n<p>Font\u548cTypeface\u5e38\u5e38\u88ab\u6df7\u6dc6\u4f7f\u7528\uff0c\u5176\u5be6\u53ef\u4ee5\u9019\u6a23\u7406\u89e3\uff0c\u524d\u8005\u6307\u4e00\u7a2e\u8a2d\u8a08\uff0c\u5f8c\u8005\u6307\u5177\u9ad4\u7684\u7522\u54c1\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/018d9f5f46e60c11013f1a6402a665.png\" title=\"018d9f5f46e60c11013f1a6402a665\"><\/em><\/p>\n<p><\/p>\n<p><strong>1.1\u65cf\u985eGenericFamily<\/strong><\/p>\n<p>\u65cf\u985e\u5c31\u662f\u4e0d\u540c\u5b57\u9ad4\u985e\u578b\uff0c\u4f8b\u5982\u963f\u91cc\u5df4\u5df4\u666e\u60e0\u9ad4\u3001\u65b9\u6b63\u65b0\u66f8\u5b8b\u3001\u7ad9\u9177\u9177\u9ed1\u9ad4\u7b49\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0157335f46e61a11013f1a6455abeb.png\" title=\"0157335f46e61a11013f1a6455abeb\"><\/em><\/p>\n<p><\/p>\n<p>\u800c\u9019\u4e9b\u773e\u591a\u5b57\u9ad4\u53c8\u53ef\u5206\u70ba\u300c\u896f\u7dda\u9ad4\u300d\u548c\u300c\u7121\u896f\u7dda\u9ad4\u300d\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01828b5f46e62111013e3187b23fe8.png\" title=\"01828b5f46e62111013e3187b23fe8\"><\/em><\/p>\n<p><strong>1.1.1\u896f\u7dda\u9ad4<\/strong><\/p>\n<p>\u5b8b\u9ad4\u5c31\u662f\u896f\u7dda\u9ad4\uff0c\u7279\u9ede\u5c31\u662f\u7b46\u5283\u958b\u59cb\u548c\u672b\u7aef\u7684\u5730\u65b9\u90fd\u6709\u984d\u5916\u7684\u88dd\u98fe\uff0c\u4e14\u7b46\u5283\u7684\u7c97\u7d30\u6709\u6240\u4e0d\u540c\u3002\u5728\u50b3\u7d71\u7684\u6b63\u6587\u5370\u5237\u4e2d\uff0c\u666e\u904d\u8a8d\u70ba\u896f\u7dda\u5b57\u9ad4\u80fd\u5e36\u4f86\u66f4\u52a0\u7684\u53ef\u8b80\u6027\u3002\u5e38\u898b\u7684\u896f\u7dda\u9ad4\u6709\u5b8b\u9ad4\u3001Times New Roman\u3001Georgia\u7b49\u3002<\/p>\n<p>\u896f\u7dda\u9ad4\u4e00\u822c\u5728APP\u4e2d\u6bd4\u8f03\u5c11\u898b\uff0c\u6587\u5b57\u95b1\u8b80\u985e\u504f\u611b\u9019\u7a2e\u896f\u7dda\u9ad4\uff0c\u4f8b\u5982\u300c\u55ae\u8b80\u300d\uff0c\u5927\u6a19\u984c\u7528\u7684\u662f\u300c\u83ef\u5eb7\u6a19\u5b8b\u9ad4\u300d\u3001\u6b63\u6587\u5167\u5bb9\u7528\u7684\u662f\u300c\u860b\u65b9-\u7e96\u7d30\u300d\u800c\u82f1\u6587\u7528\u7684\u662f\u300cXCross Traditional Bold\u300d<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/016b605f46e63811013f1a64a2d8cb.png\" title=\"016b605f46e63811013f1a64a2d8cb\"><\/em><\/p>\n<p>\u00a0 \u00a0<\/p>\n<p><strong>1.1.2\u9ed1\u9ad4<\/strong><\/p>\n<p>\u9ed1\u9ad4\u662f\u7121\u896f\u7dda\u5b57\u9ad4\uff0c\u7279\u9ede\u662f\u7b46\u5283\u6c92\u6709\u984d\u5916\u7684\u88dd\u98fe\uff0c\u4e14\u7b46\u5283\u7684\u7c97\u7d30\u5dee\u4e0d\u591a\u3002\u76f8\u6bd4\u56b4\u8085\u7684\u896f\u7dda\u9ad4\uff0c\u7c21\u55ae\u4e7e\u6de8\u7684\u7121\u896f\u7dda\u9ad4\u7d66\u4eba\u4e00\u7a2e\u4f11\u9592\u8f15\u9b06\u7684\u611f\u89ba\u3002\u56e0\u6b64\u5927\u591a\u6578App\u90fd\u662f\u4f7f\u7528\u9ed1\u9ad4\u4f5c\u70ba\u9ed8\u8a8d\u5b57\u9ad4\u3002\u5982\u51ac\u9752\u9ed1\u9ad4\u3001\u601d\u6e90\u9ed1\u9ad4\u3001Myriad\u7b49\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/016d1c5f46e64211013f1a645c868b.png\" title=\"016d1c5f46e64211013f1a645c868b\"><\/em><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>1.2\u5b57\u65cfFontFamily<\/strong><\/p>\n<p>\u4e00\u500b\u65cf\u985e\u5305\u542b\u4e0d\u540c\u7684\u5b57\u9ad4\uff0c\u7136\u800c\u4e00\u500b\u5b57\u9ad4\u53c8\u53ef\u80fd\u6709\u597d\u5e7e\u7a2e\u5b57\u65cf\u3002\u5982\u679c\u96fb\u8166\u5b89\u88dd\u4e86Helvetica\uff0c\u5728Sketch\u5b57\u9ad4\u9078\u64c7\u5668\u4e2d\u6703\u767c\u73fe\u8d85\u904e40\u591a\u500b\u524d\u7db4\u662fHelvetica\u7684\u5b57\u65cf\u3002\u9019\u662f\u70ba\u4e86\u5354\u52a9\u4eba\u5011\u5728\u4e0d\u540c\u7684\u4f7f\u7528\u5834\u666f\u4e0b\u8868\u9054\u5408\u9069\u7684\u610f\u601d\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01e4245f46e65811013e3187ba915d.png\" title=\"01e4245f46e65811013e3187ba915d\"><\/em><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01fd8c5f46e65f11013f1a64c796a7.png\" title=\"01fd8c5f46e65f11013f1a64c796a7\"><\/em><\/p>\n<p>\u57fa\u672c\u5b57\u65cf\u5305\u62ec\u7d30\u9ad4\u3001\u6a19\u6e96\u3001\u7c97\u9ad4\u3001\u659c\u9ad4\uff0c\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u659c\u9ad4\u5b57\u5e38\u7528\u5728\u5f15\u7528\u6587\u672c\u4e0a\uff0c\u4ee3\u8868\u201c\u672c\u6bb5\u6587\u5b57\u5f15\u7528\u7684\u662f\u53e6\u4e00\u500b\u8457\u4f5c\u201d\u7684\u542b\u7fa9\u3002<\/p>\n<p>\u4f8b\u5982\uff1a <strong>\u201c<em>\u82e5\u6211\u5011\u80fd\u4ee5\u6eff\u61f7\u65b0\u9bae\u7684\u773c\u795e\u53bb\u89c0\u7167\u65e5\u5e38\uff0c\u201c\u8a2d\u8a08\u201d\u7684\u610f\u7fa9\u5b9a\u6703\u8d85\u8d8a\u6280\u8853\u7684\u5c64\u9762\uff0c\u70ba\u6211\u5011\u7684\u751f\u6d3b\u89c0\u548c\u4eba\u751f\u89c0\u6ce8\u5165\u529b\u91cf\u3002<\/em> \u201d<\/strong> \uff08\u5f15\u81ea\u539f\u7814\u54c9\u7684\u300a\u8a2d\u8a08\u4e2d\u7684\u8a2d\u8a08\u300b\uff09<\/p>\n<p><strong>1.3 X-height\uff08X\u5b57\u9ad8\uff09<\/strong><\/p>\n<p>\u5728\u897f\u6587\u5b57\u9ad4\u4e2d\uff0cx\u9ad8\u5ea6\u662f\u6307\u5b57\u6bcd\u7684\u57fa\u672c\u9ad8\u5ea6\uff0c\u5c31\u662f\u57fa\u7dda\u548c\u4e3b\u7dda\u4e4b\u9593\u7684\u8ddd\u96e2\u3002\u5b83\u6307\u4e00\u500b\u5b57\u9ad4\u4e2d\u5c0f\u5beb\u5b57\u6bcd\u7684x\u9ad8\u5ea6\uff0c\u5728\u73fe\u4ee3\u5b57\u9ad4\u8a2d\u8a08\u9818\u57df\uff0cx\u9ad8\u5ea6\u4ee3\u8868\u4e86\u4e00\u500b\u5b57\u9ad4\u7684\u8a2d\u8a08\u56e0\u7d20\uff0c\u56e0\u6b64\u5728\u4e00\u4e9b\u5834\u5408\u5b57\u6bcdx\u672c\u8eab\u4e26\u4e0d\u5b8c\u5168\u7b49\u65bcx\u5b57\u9ad8\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0106375f46e67f11013e3187491fe1.png\" title=\"0106375f46e67f11013e3187491fe1\"><\/em><\/p>\n<p><\/p>\n<p>\u9664\u4e86\u5b57\u6bcda\u3001c\u3001e\u3001m\u3001n\u3001o\u7b49\u9ad8\u5ea6\u4e00\u6a23\uff0c\u9084\u6709\u4e00\u4e9b\u5c0f\u5beb\u5b57\u6bcd\u7684\u5b57\u9ad8\u90fd\u6bd4x\u5b57\u9ad8\u8981\u5927\uff0c\u4e26\u5206\u70ba\u5169\u985e\uff1a\u4e00\u662f\u542b\u6709\u5347\u90e8\u7684\u5b57\u6bcd\uff0c\u5b57\u6bcd\u7b46\u5283\u542b\u6709\u5411\u4e0a\u90e8\u5206\uff0c\u5982\u5b57\u6bcdb\u3001d\u3001h\uff1b\u53e6\u4e00\u985e\u662f\u542b\u6709\u964d\u90e8\u7684\u5b57\u6bcd\uff0c\u5b57\u6bcd\u7684\u7b46\u5283\u5411\u4e0b\u8d85\u904e\u4e86\u57fa\u7dda\uff0c\u5982\u5b57\u6bcdg\u3001p\u3001q\u3002<\/p>\n<p><strong>1.4\u5b57\u865fFont-size<\/strong><\/p>\n<p>\u5b57\u865f\u5c31\u662f\u5b57\u9ad4\u5927\u5c0f\uff0c\u901a\u5e38\u5728\u7db2\u9801\u7aef\u4f7f\u7528px\u4f5c\u70ba\u5b57\u865f\u7684\u55ae\u4f4d\u3002\u79fb\u52d5\u7aef\u8208\u8d77\u5f8c\uff0cios\u5b57\u9ad4\u55ae\u4f4d\u662fpt\uff0cAndroid\u662fsp\u3002<\/p>\n<p>\u4ee5ios\u70ba\u4f8b\uff0c\u6b63\u6587\u5b57\u865f\u4e0d\u61c9\u5c0f\u65bc11pt\uff0c\u9019\u6a23\u624d\u80fd\u88ab\u6b63\u5e38\u95b1\u8b80\uff0c\u5efa\u8b70\u572814-18pt\u4e4b\u9593\u3002\u5728\u4f7f\u7528\u8f03\u5927\u7684\u5b57\u9ad4\u4f86\u7372\u5f97\u66f4\u597d\u7684\u6613\u8b80\u6027\u7684\u540c\u6642\uff0c\u6211\u5011\u4e5f\u61c9\u76f8\u61c9\u5730\u6e1b\u5c0f\u5b57\u9ad4\u7684\u5b57\u91cd\uff0c\u8003\u616eLight\u3001Thin\uff0c\u56e0\u70ba\u904e\u91cd\u7684\u5b57\u9ad4\u6703\u592a\u904e\u9192\u76ee\uff0c\u5f71\u97ff\u5176\u4ed6\u5167\u5bb9\u7684\u986f\u793a\u6548\u679c\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d5ca5f46e68c11013e3187647a4f.png\" title=\"01d5ca5f46e68c11013e3187647a4f\"><\/em><\/p>\n<p><\/p>\n<p>\u7576\u5b57\u9ad4\u5927\u5c0f\u70ba<strong><em>12-18pt<\/em><\/strong>\u6642\uff0c\u5efa\u8b70\u4f7f\u7528Regular\uff0c <strong><em>18-24p<\/em><\/strong> t\u6642\uff0c\u4f7f\u7528Light\uff0c <strong><em>24-32pt<\/em><\/strong> ,\u4f7f\u7528Thin\uff0c\u7576\u5b57\u9ad4\u5927\u5c0f\u8d85\u904e<strong><em>32pt<\/em><\/strong>\u6642\uff0c\u5efa\u8b70\u4f7f\u7528Ultralight\u3002<\/p>\n<p>\u5b57\u865f\u5927\u5c0f\u6c7a\u5b9a\u4e86\u4fe1\u606f\u7684\u5c64\u7d1a\u548c\u4e3b\u6b21\u95dc\u4fc2\uff0c\u5408\u7406\u6709\u5e8f\u7684\u5b57\u865f\u8a2d\u7f6e\u80fd\u8b93\u754c\u9762\u4fe1\u606f\u6e05\u6670\u6613\u8b80\u3001\u5c64\u6b21\u5206\u660e\uff1b\u76f8\u53cd\uff0c\u7cdf\u7cd5\u7121\u5e8f\u7684\u5b57\u865f\u4f7f\u7528\u6703\u8b93\u754c\u9762\u6df7\u4e82\u4e0d\u582a\uff0c\u5f71\u97ff\u95b1\u8b80\u9ad4\u9a57\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c8bc5f46e69e11013f1a641243ad.png\" title=\"01c8bc5f46e69e11013f1a641243ad\"><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><strong>1.4.1\u8a2d\u8a08\u4e2d\u7684\u6700\u5c0f\u5b57\u865f<\/strong><\/p>\n<p>\u6211\u5011\u90fd\u77e5\u9053\u5728\u754c\u9762\u8a2d\u8a08\u4e2d\u6700\u5c0f\u5b57\u865f\u4e0d\u80fd\u4f4e\u65bc20px\uff0c\u90a3\u662f\u56e0\u70ba\uff0c\u6b63\u5e38\u60c5\u6cc1\u4e0b\uff0c\u5728\u624b\u6a5f\u8ddd\u96e2\u773c\u775b30cm\u5de6\u53f3\uff0c\u4f7f\u7528\u8996\u89d2\u8a08\u7b97\u516c\u5f0f\uff0c\u6211\u5011\u80fd\u8b58\u5225\u5230\u7684\u6700\u4f4e\u7684\u6587\u5b57\u5927\u5c0f\u70bah= 2*30\u00b7 tan(0.3\/2) \u2248 0.157cm \uff0c\u62ff\u6211\u5011\u7d93\u5e38\u4f7f\u7528iPhone7\u7684\u5c3a\u5bf81334\u00d7750\u70ba\u4f8b\u3002 iPhone7\u7684dpi\u70ba324\uff0c\u4e5f\u5c31\u662f\u4e00\u82f1\u5bf8\u4e0a\u986f\u793a324\u500b\u50cf\u7d20\uff0c1\u82f1\u5bf8\u70ba2.54cm\uff0c\u90a3\u9ebc0.157cm=324*(0.157\/2.54cm)= 20px\u3002<\/p>\n<p><strong>1.4.2\u5b57\u865f\u7684\u57fa\u6578\u95dc\u4fc2<\/strong><\/p>\n<p>\u6211\u5011\u5728\u505a\u8a2d\u8a08\u6642\uff0c\u5b57\u865f\u7684\u55ae\u4f4d\u6700\u597d\u4f7f\u7528\u4e00\u500b\u57fa\u6578\u4f5c\u70ba\u500d\u589e\uff0c\u59822\u30014\u30016\u30018\u300110 \u6216\u80053\u30016\u30019\u300112\u3002\u4f46\u5176\u5be6\u6211\u5011\u5728\u505a\u79fb\u52d5\u7aef\u8a2d\u8a08\u6642\uff0c\u55ae\u4f4d\u9700\u8981\u9075\u5faa\u5076\u6578\u539f\u5247\uff0c\u56e0\u70ba\u958b\u767c\u4e2d\u7684\u55ae\u4f4d\u662f\u4ee5\u4e00\u500d\u5716\u7684\u57fa\u6578\u4f86\u9032\u884c\u8a08\u7b97\u3002\u90a3\u9ebc\u5176\u5be6\u5728\u88fd\u5b9a\u5b57\u9ad4\u898f\u7bc4\u4e2d\uff0c\u4f7f\u75282\u70ba\u55ae\u4f4d\u6703\u5c0e\u81f4\u5b57\u865f\u904e\u591a\uff0c\u4e142\u865f\u5b57\u9ad4\u7684\u5dee\u7570\u5316\u4e0d\u5927\u3002\u6240\u4ee5\u5728\u5b57\u865f\u65b9\u9762\u6211\u5011\u4f7f\u75284\u4f5c\u70ba\u55ae\u4f4d\u662f\u6bd4\u8f03\u5408\u9069\u7684\uff1a\u4e00\u662f\u9069\u914d\u5f8c\u5728@2x\u8ddf@3x\u4e0d\u6703\u51fa\u73fe\u534a\u50cf\u7d20\uff0c\u4e8c\u662f\u4f7f\u75284\u70ba\u55ae\u4f4d\uff0c\u80fd\u6eff\u8db3\u5b57\u9ad4\u5927\u5c0f\u7684\u5747\u8861\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>1.5\u5b57\u91cdFontWeight<\/strong><\/p>\n<p>Weight\uff0c\u4e2d\u6587\u7ffb\u8b6f\u70ba\u201c\u5b57\u91cd\u201d\uff0c\u662f\u6307\u5b57\u9ad4\u7b46\u5283\u7684\u7c97\u7d30\uff0c\u5b57\u9ad4\u4e2d\u5f88\u91cd\u8981\u4e00\u500b\u6982\u5ff5\uff0c\u4e0d\u540c\u5b57\u91cd\u50b3\u905e\u51fa\u4f86\u8996\u89ba\u611f\u53d7\u5b8c\u5168\u4e0d\u4e00\u6a23\u3002\u4e00\u822c\u5728\u5b57\u9ad4\u5bb6\u65cf\u540d\u5f8c\u9762\u8a3b\u540dThin\u3001Light\u3001Regular\u3001Blod\u3001Black\u3001Heavy\u7b49\u3002\u4e0d\u540c\u7684\u5b57\u9ad4\u5ee0\u5546\u5283\u5206\u5b57\u91cd\u5404\u6709\u4e0d\u540c\uff0c\u4f8b\u5982\u300c\u860b\u65b9\u300d\u5b57\u9ad4\u5c31\u67096\u7a2e\u4e0d\u540c\u7684\u5b57\u91cd\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0145955f46e6b611013f1a64fecd10.png\" title=\"0145955f46e6b611013f1a64fecd10\"><\/em><\/p>\n<p><\/p>\n<p>\u4e00\u822c\u90fd\u6709\u7d30\u9ad4\u3001\u6b63\u5e38\u3001\u7c97\u9ad4\u4e09\u7a2e\u57fa\u672c\u5b57\u65cf\u3002\u5728\u61c9\u7528\u5834\u666f\u4e0a\uff0c\u901a\u5e38\u300c\u7d30\u9ad4\u300d\u591a\u7528\u65bc\u8d85\u5927\u865f\u5b57\u9ad4\uff1b\u300c\u6b63\u5e38\u300d\u7528\u65bc\u6b63\u6587\u5167\u5bb9\uff1b\u300c\u7c97\u9ad4\u300d\u8868\u793a\u5f37\u8abf\uff0c\u591a\u7528\u65bc\u6a19\u984c\uff1b<\/p>\n<p><strong>1.5.1\u5169\u7a2e\u5b57\u91cd\u5c6c\u6027<\/strong><\/p>\n<p><strong>\u8f15\u5b57\u91cd\uff1a<\/strong>\u50b3\u905e\u51fa\u8f15\u76c8\u653e\u9b06\u7684\u8996\u89ba\u611f\u53d7\uff0c\u5e38\u914d\u5408\u7c97\u7684\u5b57\u91cd\u4f7f\u7528\uff0c\u5728\u4e00\u4e9b\u8f14\u52a9\u4fe1\u606f\uff0c\u8aaa\u660e\u6587\u6848\u6642\u5019\u4f7f\u7528\uff1b<\/p>\n<p><strong>\u91cd\u5b57\u91cd\uff1a<\/strong>\u8996\u89ba\u611f\u53d7\u838a\u91cd\uff0c\u5f88\u91cd\u8981\uff0c\u5e38\u7528\u5728\u91cd\u9ede\u5f37\u8abf\u7684\u6587\u5b57\uff0c\u9801\u9762\u5927\u6a19\u984c\uff0c\u6578\u5b57\uff0c\u5f15\u5c0e\u884c\u52d5\u64cd\u4f5c\u9ede\u4e0a\u7b49\uff1b<\/p>\n<p>\u4f8b\u5982\u767e\u5ea6\u7db2\u76e4\u300c\u767c\u73fe\u300d\u9801\u5c31\u7528\u4e86Regular\u3001Medium\u3001Semibold\u4e09\u7a2e\u5b57\u91cd\u4ee5\u62c9\u958b\u4fe1\u606f\u5c64\u6b21\u5c0d\u6bd4\uff1b<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0140825f46e6c711013f1a642de6ff.png\" title=\"0140825f46e6c711013f1a642de6ff\"><\/em><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01098c5f46e6d111013e3187d52df4.png\" title=\"01098c5f46e6d111013e3187d52df4\"><\/em><\/p>\n<p><strong>\u9700\u8981\u6ce8\u610f\u7684\u662f<\/strong>\uff1a\u5728\u9032\u884c\u754c\u9762\u8a2d\u8a08\u6642\uff0c\u4e0d\u8981\u7528\u8edf\u4ef6\u81ea\u5e36\u7684\u6587\u672c\u52a0\u7c97\uff0c\u5b83\u4e0d\u50c5\u7834\u58de\u4e86\u5b57\u9ad4\u672c\u8eab\u7684\u7f8e\u611f\uff0c\u9084\u6539\u8b8a\u4e86\u6587\u5b57\u539f\u672c\u7684\u5b57\u5bec\uff0c\u5c0f\u5b57\u9ad4\u4e0b\u6703\u6a21\u7cca\u4e0d\u6e05\uff0c\u5408\u7406\u7684\u65b9\u5f0f\u662f\u4f7f\u7528\u5b57\u9ad4\u672c\u8eab\u7684\u5b57\u91cd\u4f86\u63a7\u5236\u7c97\u7d30\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d4ef5f46e6ef11013f1a64e29aac.png\" title=\"01d4ef5f46e6ef11013f1a64e29aac\"><\/em><\/p>\n<p><strong>1.5.2\u6ce8\u610f\u8d85\u7d30\u9ad4\u7684\u5b57\u9ad4<\/strong><\/p>\n<p>\u5b57\u91cd\u8d85\u7d30\u7684\u5b57\u9ad4\u8981\u8b39\u614e\u4f7f\u7528\u3002\u5982\u679c\u4f60\u8a2d\u8a08\u7684\u6587\u672c\u662f\u88dd\u98fe\u6027\u5012\u9084\u597d\uff0c\u5982\u679c\u662f\u9700\u8981\u7528\u6236\u80fd\u6e05\u6670\u95b1\u8b80\u7684\uff0c\u5c31\u8981\u7279\u5225\u614e\u91cd\uff0c\u80fd\u4e0d\u7528\u5c31\u4e0d\u7528\uff0c\u5426\u5247\u5728\u90e8\u5206\u4f4e\u5206\u8fa8\u7387\u7684\u624b\u6a5f\u5c4f\u5e55\u4e0a\u770b\u8d77\u4f86\u6703\u975e\u5e38\u7cdf\u7cd5\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01adac5f46e70511013f1a64a8c4cd.png\" title=\"01adac5f46e70511013f1a64a8c4cd\"><\/em><\/p>\n<p><strong>1.6\u5b57\u8272FontColor<\/strong><\/p>\n<p>\u5b57\u8272\u5373\u6587\u5b57\u5c0d\u61c9\u7684\u984f\u8272\uff0c\u4e0d\u505a\u904e\u591a\u89e3\u91cb\u3002\u9700\u8981\u5927\u5bb6\u6ce8\u610f\u7684\u662f<strong>\u9060\u96e2\u7d14\u9ed1\u8272\u548c\u7d14\u7070\u8272\uff01<\/strong><\/p>\n<p>\u7d14\u9ed1\u8272\u5c31\u50cf\u6c92\u6709\u751f\u547d\u529b\u7684\u6df1\u6df5\uff0c\u80fd\u541e\u566c\u6240\u6709\u7d30\u7bc0\uff0c\u4f7f\u7528\u6236\u9677\u5165\u51b7\u51b0\u51b0\u7684\u6975\u7aef\u60c5\u7dd2\u4e2d\u3002\u7d14\u9ed1\u8272\u9084\u6703\u8207\u767d\u8272\u7522\u751f\u5f37\u70c8\u7684\u5c0d\u6bd4\u5ea6\uff0c\u770b\u4e45\u4e86\u5c31\u6703\u611f\u89ba\u75b2\u52de\uff0c\u8b93\u7528\u6236\u7522\u751f\u7126\u616e\u60c5\u7dd2\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/019b8d5f46e73911013e31872c7f2f.png\" title=\"019b8d5f46e73911013e31872c7f2f\"><\/em><\/p>\n<p><\/p>\n<p>\u9084\u6709\u5c31\u662f\u771f\u5be6\u4e16\u754c\u4e2d\u662f\u4e0d\u5b58\u5728\u7d14\u9ed1\u8272\u7684\u3002\u5617\u8a66\u5728\u8272\u5f69\u4e2d\u52a0\u5165\u4e00\u4e9b\u8272\u76f8\uff0c\u9019\u6a23\u5c31\u4e0d\u6703\u8b93\u9801\u9762\u770b\u4e0a\u53bb\u6b7b\u6c23\u6c89\u6c89\u7684\u3002\u4f8b\u5982ios\u7cfb\u7d71\u300c\u8a2d\u7f6e\u300d\u9801\u9762\u80cc\u666f\u8272\u5c31\u662f\u52a0\u5165\u4e86\u767d\u8272\u7684\u4f4e\u98fd\u548c\u5ea6\u85cd\u8272\uff0c\u770b\u4e0a\u53bb\u67d4\u548c\u81ea\u7136\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/016a485f46e74511013f1a6451524e.png\" title=\"016a485f46e74511013f1a6451524e\"><\/em><\/p>\n<p><strong>1.7\u5b57\u7b26\u6a23\u5f0fFontStyle<\/strong><\/p>\n<p>\u9664\u4e86\u4ee5\u4e0a\u5e7e\u500b\u6700\u5e38\u7528\u7684\u6587\u5b57\u5c6c\u6027\u5916\uff0c\u9084\u6709\u5e7e\u500b\u4f7f\u7528\u983b\u7387\u6bd4\u8f03\u4f4e\u7684\u5b57\u9ad4\u8a2d\u7f6e\u3002\u4f8b\u5982\u5e36\u4e0b\u5283\u7dda\u7684\u3001\u522a\u9664\u7dda\u7684\u6587\u672c\u3002 \u300c\u4e0b\u5283\u7dda\u6587\u672c\u300d\u4e00\u822c\u51fa\u73fe\u5728\u300c\u6587\u5b57\u6309\u9215\u300d\u6216\u5e36\u93c8\u63a5\u7684\u7db2\u5740\uff0c\u800c\u300c\u522a\u9664\u7dda\u6587\u672c\u300d\u4e00\u822c\u6703\u51fa\u73fe\u5728\u5546\u54c1\u6ae5\u7a97\u7684\u73fe\u50f9\u3001\u539f\u50f9<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ff865f46e75411013f1a64ae8f20.png\" title=\"01ff865f46e75411013f1a64ae8f20\"><\/em><\/p>\n<p><\/p>\n<p>\u4f8b\u5982\u300cCCtalk\u300d\u7684\u8ab2\u7a0b\u73fe\u50f9\u548c\u539f\u50f9\u7684\u5340\u5206\uff0c\u539f\u50f9\u7528\u522a\u9664\u6587\u672c\uff0c\u300c\u5fae\u4fe1\u8b80\u66f8\u300d\u6587\u7ae0\u5e95\u90e8\u201c\u52a0\u5165\u66f8\u67b6\u96a8\u6642\u95b1\u8b80\u201d\u5c31\u662f\u5e36\u93c8\u63a5\u7684\u4e0b\u5283\u7dda\u6587\u672c\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ceb85f46e76611013f1a649cb5f7.png\" title=\"01ceb85f46e76611013f1a649cb5f7\"><\/em><\/p>\n<p><strong>1.8\u5b57\u7b26\u9078\u9805Text options<\/strong><\/p>\n<p>Ps\u548cSketch\u90fd\u6709\u6587\u5b57\uff08\u5b57\u7b26\uff09\u9078\u9805\u4e00\u6b04\uff0c\u4e3b\u8981\u91dd\u5c0d\u897f\u6587\u5b57\u6bcd\u5927\u5c0f\u5beb\u683c\u5f0f\u8b8a\u63db\u7684\u8a2d\u7f6e\u3002\u6700\u5e38\u898b\u6709\u9ed8\u8a8d\u5927\u5c0f\u5beb\u3001\u5168\u90e8\u5927\u5beb\u3001\u5168\u90e8\u5c0f\u5beb\u548c\u5c0f\u578b\u5927\u5beb\u5b57\u6bcd\uff0cPs\u88e1\u9762\u9084\u6709\u300c\u4e0a\u6a19\u300d\u548c\u300c\u4e0b\u6a19\u300d\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01b4d05f46e77211013f1a64c4f828.png\" title=\"01b4d05f46e77211013f1a64c4f828\"><\/em><\/p>\n<p><\/p>\n<p><strong>\u9ed8\u8a8d\u5927\u5c0f\u5beb\uff1a<\/strong>\u5373\u6b63\u5e38\u5927\u5c0f\u5beb\u683c\u5f0f\uff0c\u8edf\u4ef6\u4e0d\u505a\u4e7e\u9810\uff1b<\/p>\n<p><strong>\u5168\u90e8\u5927\u5beb\uff1a<\/strong>\u5982\u679c\u8f38\u5165\u7684\u662f\u5c0f\u5beb\u5b57\u6bcd\uff0c\u9078\u64c7\u9019\u500b\u9078\u9805\uff0c\u8edf\u4ef6\u6703\u5f37\u5236\u628a\u5c0f\u5beb\u6539\u70ba\u5927\u5beb\uff1b<\/p>\n<p><strong>\u5168\u90e8\u5c0f\u5beb\uff1a<\/strong>\u5982\u679c\u8f38\u5165\u7684\u662f\u5927\u5beb\u5b57\u6bcd\uff0c\u6216\u8005\u53ea\u662f\u9996\u5b57\u6bcd\u5927\u5beb\uff0c\u9078\u64c7\u9019\u500b\u9078\u9805\uff0c\u8edf\u4ef6\u6703\u5f37\u5236\u628a\u6240\u5927\u5beb\u6539\u70ba\u5c0f\u5beb\uff1b<\/p>\n<p><strong>\u5c0f\u578b\u5927\u5beb\u5b57\u6bcd\uff1a<\/strong>\u9019\u500b\u9078\u9805\u6bd4\u8f03\u7279\u6b8a\uff0c\u6240\u8b02\u201c\u5c0f\u578b\u5927\u5beb\u201d\u5c31\u662f\uff0c\u5728\u5b57\u865f\u4e00\u6a23\u7684\u60c5\u6cc1\u4e0b\uff0c\u8207\u5c0f\u5beb\u5b57\u6bcd\u4e00\u6a23\u9ad8\uff0c\u5916\u5f62\u8207\u5927\u5beb\u5b57\u6bcd\u4fdd\u6301\u4e00\u81f4\u3002<\/p>\n<p><strong>1.8.1\u6ce8\u610f\u82f1\u6587\u5927\u5beb<\/strong><\/p>\n<p>\u7d14\u5927\u5beb\u7684\u5b57\u6bcd\u6587\u672c\u672c\u8eab\u4e0d\u592a\u9069\u5408\u5927\u7bc7\u5e45\u95b1\u8b80\uff0c\u6703\u52a0\u5927\u95b1\u8b80\u969c\u7919\uff0c\u7528\u7684\u6642\u5019\u6ce8\u610f\u8981\u984d\u5916\u62c9\u958b\u5b57\u6bcd\u4e4b\u9593\u7684\u5b57\u9593\u8ddd\uff0c\u63d0\u5347\u53ef\u8b80\u6027\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0119245f46e77f11013e3187554b52.png\" title=\"0119245f46e77f11013e3187554b52\"><\/em><\/p>\n<p><\/p>\n<p><strong>1.9\u5168\u89d2\u8207\u534a\u89d2Full-width and half-width<\/strong><\/p>\n<p>\u5168\u89d2\u662f\u6307\u4e00\u500b\u5b57\u7b26\u4f54\u7528\u5169\u500b\u6a19\u6e96\u5b57\u7b26\u7684\u4f4d\u7f6e\u3002\u4e2d\u6587\u5b57\u7b26\u3001\u5168\u89d2\u7684\u82f1\u6587\u5b57\u7b26\u3001\u570b\u6a19GB2312-1980\u4e2d\u7684\u5716\u5f62\u7b26\u865f\u3001\u7279\u6b8a\u7b26\u865f\u90fd\u662f\u5168\u89d2\u5b57\u7b26\u3002\u534a\u89d2\u662f\u6307\u4e00\u500b\u5b57\u7b26\u4f54\u7528\u4e00\u500b\u6a19\u6e96\u5b57\u7b26\u7684\u4f4d\u7f6e\u3002<\/p>\n<p>\u901a\u5e38\u60c5\u6cc1\u4e0b\uff0c\u82f1\u6587\u5b57\u6bcd\u3001\u6578\u5b57\u3001\u7b26\u865f\u7b49\u90fd\u662f\u534a\u89d2\u5b57\u7b26\u3002\u534a\u89d2\u548c\u5168\u89d2\u4e3b\u8981\u662f\u91dd\u5c0d\u6a19\u9ede\u7b26\u865f\u4f86\u8aaa\u7684\uff0c\u56e0\u70ba\u6b63\u5e38\u60c5\u6cc1\u4e0b\u6c92\u6709\u6253\u5168\u89d2\u82f1\u6587\u7684\u9700\u6c42\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0111705f46e79011013f1a6464d272.png\" title=\"0111705f46e79011013f1a6464d272\"><\/em><\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0164e85f46e79911013e3187897207.png\" title=\"0164e85f46e79911013e3187897207\"><\/em><\/p>\n<p>\u5728\u8a2d\u8a08\u4f5c\u54c1\u6642\u4e5f\u4e00\u5b9a\u8981\u8a18\u5f97\u4e2d\u6587\u642d\u914d\u5168\u89d2\u7b26\u865f\uff0c\u82f1\u6587\u4f7f\u7528\u534a\u89d2\u7b26\u865f\u3002\u5426\u5247\u6703\u51fa\u73fe\u8af8\u5982\u201c\u4f60\u597d.\u201d\u6216\u8005\u201cthanks\u3002\u201d\u9019\u6a23\u7684\u932f\u8aa4\u3002\u53ef\u6309\u9375\u76e4\u201ccapslock\u201d\u9375\u5207\u63db\u5168\u89d2\u548c\u534a\u89d2\u3002\u9019\u500b\u5c0f\u77e5\u8b58\u9ede\u96d6\u7136\u975e\u5e38\u57fa\u790e\uff0c\u537b\u4e5f\u662f\u8a2d\u8a08\u4e2d\u7d93\u5e38\u51fa\u932f\u7684\u5730\u65b9\u3002<\/p>\n<p><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01be1c5f46e7a711013f1a645d9a3b.png\" title=\"01be1c5f46e7a711013f1a645d9a3b\"><\/em><\/p>\n<p><\/p>\n<p>\u773e\u6240\u5468\u77e5\uff0ciOS\u548cAndroid\u5169\u5927\u9663\u71df\u90fd\u6709\u5404\u81ea\u7684\u8a2d\u8a08\u7cfb\u7d71\uff0c\u8981\u4f5c\u51fa\u7b26\u5408\u5e73\u53f0\u898f\u7bc4\u7684\u8a2d\u8a08\uff0c\u8a2d\u8a08\u5e2b\u61c9\u719f\u8b80\u5404\u5e73\u53f0\u7684\u8a2d\u8a08\u898f\u5247\u3002\u56e0\u70ba\u672c\u7bc7\u4ee5\u8b1b\u5b57\u9ad4\u70ba\u4e3b\uff0c\u6211\u5011\u5c31\u4f86\u770b\u770biOS\u548cAndroid\u5404\u81ea\u5b57\u9ad4\u7684\u898f\u7bc4\u662f\u4ec0\u9ebc\u6a23\u7684\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0199405f46e7b611013e318701bcda.png\" title=\"0199405f46e7b611013e318701bcda\"><\/em><\/p>\n<p><strong>2.1 ios\u5b57\u9ad4\u898f\u7bc4<\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><strong>2.1.1<\/strong>\u53ef\u7528\u5b57\u9ad4<\/strong><\/p>\n<p>\u5728iOS\u7cfb\u7d71\u898f\u7bc4\u4e2d\uff0c\u4e2d\u6587\u5b57\u9ad4\u662f\u300c\u860b\u65b9\u300d\u5b57\u9ad4\u3002\u82f1\u6587\u5b57\u9ad4\u662f\u300cSan Francisco\u300d\u4e5f\u7c21\u7a31\u300cSF-UI\u300d\uff0c\u82f1\u6587\u9084\u6709\u53e6\u5916\u4e00\u500b\u896f\u7dda\u9ad4\u300cNewYork\u300d\u3002\u9664\u4e86\u5728iOS\u548cMac OS\u4e0a\uff0c\u9084\u55ae\u7368\u70baWatch OS\u55ae\u7368\u5c0d\u5b57\u9ad4\u9032\u884c\u4e86\u8abf\u6574\uff0c\u547d\u540d\u70baSan Francisco Compact\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01600e5f46e7ca11013e3187cb5f88.png\" title=\"01600e5f46e7ca11013e3187cb5f88\"><\/em><\/p>\n<p><strong><strong>2.1.2<\/strong>\u5b57\u9ad4\u8a2d\u7f6e<\/strong><\/p>\n<p>\u56e0\u70ba\u5728\u82f1\u6587\u5b57\u9ad4\u4e0b\uff0c\u5b57\u9ad4\u74b0\u5883\u6bd4\u8f03\u8907\u96dc\uff0c\u70ba\u4e86\u8b93\u5b57\u9ad4\u5728\u4efb\u4f55\u5730\u65b9\u770b\u8d77\u4f86\u90fd\u6700\u4f73\uff0c\u860b\u679c\u5b98\u65b9\u91dd\u5c0d\u4e0d\u540c\u5b57\u865f\u958b\u767c\u4e86\u5169\u5957\u300cSF-UI Text\u300d\u548c\u300cSF-UI Pro\u300d\u5b57\u9ad4\uff0c\u800c\u6bcf\u5957\u5b57\u9ad4\u4e0b\u9762\u53c8\u5206\u70baText\uff08\u6587\u672c\u6a21\u5f0f\uff09\u8207Display\uff08\u5c55\u793a\u6a21\u5f0f\uff09\u5169\u7a2e\u5c6c\u6027\uff0cText\u53ea\u67096\u500b\u5b57\u91cd\uff0c\u800cDisplay\u5247\u67099\u500b\u5b57\u91cd\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c9185f46e7d711013e3187048b14.png\" title=\"01c9185f46e7d711013e3187048b14\"><\/em><\/p>\n<p><\/p>\n<p>\u9019\u9ebc\u591a\u985e\u578b\u7684\u5b57\u9ad4\u6211\u5011\u8a72\u600e\u9ebc\u7528\u5462\uff1f ios\u7684\u5efa\u8b70\u662f\uff0c\u5728\u5b57\u865f\u5c0f\u65bc20pt\u6642\uff0c\u4f7f\u7528SF-UI Text\uff0c\u5927\u65bc\u6216\u7b49\u65bc20pt\u6642\uff0c\u5247\u4f7f\u7528SF-UI Display\u3002\u9019\u9700\u8981\u6211\u5011\u5728\u754c\u9762\u8a2d\u8a08\u6642\u624b\u52d5\u5207\u63db\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/016c1d5f46e7e111013e3187ce021e.png\" title=\"016c1d5f46e7e111013e3187ce021e\"><\/em><\/p>\n<p><\/p>\n<p>\u5c0d\u65bc\u300cNewYork\u300d\uff0c\u5c0f\u65bc20\u9ede\u7684\u6587\u672c\u4f7f\u7528\u5c0f\u865f\uff0c20\u523035\u9ede\u4e4b\u9593\u7684\u6587\u672c\u4f7f\u7528\u4e2d\u865f\uff0c36\u523053\u9ede\u4e4b\u9593\u7684\u6587\u672c\u4f7f\u7528\u5927\u865f\uff0c54\u9ede\u6216\u66f4\u5927\u7684\u6587\u672c\u4f7f\u7528\u7279\u5927\u865f\u3002<\/p>\n<p>\u860b\u65b9\u5b57\u9ad4\u63d0\u4f9b\u4e866\u500b\u5b57\u91cd\u4f9b\u8a2d\u8a08\u958b\u767c\u8005\u4f7f\u7528\u3002\u6240\u4ee5\u5f9eiOS11\u958b\u59cb\uff0cios\u4f7f\u7528Semibold\u4e2d\u7c97\u9ad4\u3001\u5927\u5b57\u865f\u4f5c\u70ba\u754c\u9762\u7684\u6a19\u984c\u8b8a\u7684\u66f4\u70ba\u6d41\u884c\u8d77\u4f86\uff0c\u8f03\u70ba\u660e\u986f\u7684\u6709iOS \u4e2d\u7684\u4e00\u4e9b\u539f\u751fAPP\uff0c\u6bd4\u5982App Store\u3001Apple Music...<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/011f205f46e7ed11013e318752e219.png\" title=\"011f205f46e7ed11013e318752e219\"><\/em><\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c01c5f46e7f711013e3187ec0d51.png\" title=\"01c01c5f46e7f711013e3187ec0d51\"><\/em><\/p>\n<p>\u5728ios\u4e2d\uff0c\u9ed8\u8a8d\u5b57\u9ad4\u55ae\u4f4d\u662f\u300cpt\u300d\uff0c\u6b63\u6587\u5b57\u865f\u4e0d\u61c9\u5c0f\u65bc11pt\uff0c\u5efa\u8b70\u572815-18pt\u4e4b\u9593\u3002\u5728\u4f7f\u7528\u8f03\u5927\u7684\u5b57\u9ad4\u4f86\u7372\u5f97\u66f4\u597d\u7684\u6613\u8b80\u6027\u540c\u6642\uff0c\u4e5f\u61c9\u8a72\u76f8\u61c9\u5730\u6e1b\u5c0f\u5b57\u9ad4\u7684\u5b57\u91cd\uff0c\u56e0\u70ba\u904e\u91cd\u7684\u5b57\u9ad4\u6703\u592a\u904e\u9192\u76ee\u539a\u91cd\uff0c\u5f71\u97ff\u5176\u4ed6\u5167\u5bb9\u7684\u986f\u793a\u6548\u679c\u3002<\/p>\n<p><\/p>\n<p>iOS\u66f4\u5168\u9762\u7684\u6587\u5b57\u8a2d\u7f6e<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d5f45f4755b711013f1a644d8ba9.png\" title=\"01d5f45f4755b711013f1a644d8ba9\"><\/p>\n<p>\u52d5\u614b\u985e\u578b\u53ef\u4ee5\u901a\u904e\u8b93\u8b80\u8005\u9078\u64c7\u4ed6\u5011\u559c\u6b61\u7684\u6587\u672c\u5927\u5c0f\u4f86\u63d0\u4f9b\u984d\u5916\u7684\u9748\u6d3b\u6027\uff0c\u9664\u4e86\u6a19\u6e96\u7684\u52d5\u614b\u985e\u578b\u5927\u5c0f\u4e4b\u5916\uff0ciOS\u7cfb\u7d71\u9084\u70ba\u6709\u95b1\u8b80\u5927\u5b57\u9ad4\u7684\u9700\u6c42\u7684\u7528\u6236\u63d0\u4f9b\u4e86\u8a31\u591a\u5b57\u865f\u4e0a\u7684\u8abf\u6574\uff08\u53ef\u5728\u7cfb\u7d71\u5b57\u9ad4\u986f\u793a\u5927\u5c0f\u8a2d\u7f6e\uff09<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01f68c5f46e80a11013f1a646d93f0.png\" title=\"01f68c5f46e80a11013f1a646d93f0\"><\/p>\n<p><\/p>\n<p>iOS\u201c\u986f\u793a\u8207\u4eae\u5ea6\u201d\u4e0b\u8a2d\u7f6e\u300c\u6587\u5b57\u5927\u5c0f\u300d\u6a21\u5f0f<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ce765f46e81e11013e3187f837d7.png\" title=\"01ce765f46e81e11013e3187f837d7\"><\/p>\n<p><\/p>\n<p><em>\u00a0\u00a0<\/em><\/p>\n<p>\u300c\u860b\u65b9\u300d\u548c\u300cSF-UI\u300d\u5b57\u9ad4\u53ef\u5728iOS\u898f\u7bc4\u7db2\u7ad9\u514d\u8cbb\u4e0b\u8f09<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0154a45f46e84d11013f1a64c49cc2.png\" title=\"0154a45f46e84d11013f1a64c49cc2\"><\/p>\n<p><em>\u00a0\u00a0<\/em>\u7db2\u5740\uff1a <a href=\"https:\/\/developer.apple.com\/fonts\/\">https:\/\/developer.apple.com\/fonts\/<\/a><\/p>\n<p><\/p>\n<p><em> \u00a0<\/em><\/p>\n<p><em><br \/><\/em><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01b27b5f46e86311013e31877c5c1d.png\" title=\"01b27b5f46e86311013e31877c5c1d\"><\/em><\/p>\n<p><strong>2.2 android\u5b57\u9ad4\u898f\u7bc4<\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><strong>2.2.1<\/strong>\u53ef\u7528\u5b57\u9ad4<\/strong><\/p>\n<p>\u5728Android\u8a2d\u5099\u4e2d\uff0cAndroid\u59cb\u7956Google\u70ba\u4e86\u66f4\u597d\u7684\u8ffd\u6c42\u8996\u89ba\u6548\u679c\uff0c\u806f\u5408\u4e86Adobe\u8a2d\u8a08\u767c\u5e03\u4e86\u300c\u601d\u6e90\u9ed1\u9ad4\u300d(Noto)\u4f86\u4f5c\u70ba\u4e2d\u6587\u9ed8\u8a8d\u5b57\u9ad4\uff0c\u300cRoboto\u300d\u70ba\u82f1\u6587\u5b57\u9ad4\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01e88a5f46e86f11013e31879d8e34.png\" title=\"01e88a5f46e86f11013e31879d8e34\"><\/em><\/p>\n<p><\/p>\n<p><strong><strong>2.2.2<\/strong>\u5b57\u9ad4\u985e\u578b<\/strong><\/p>\n<p>\u601d\u6e90\u9ed1\u9ad4\uff0c\u82f1\u6587\u540d\u70ba\u300cNotoSans CJK\u300d\u3002\u8a72\u5b57\u9ad4\u4e0d\u50c5\u50c5\u5728\u5b57\u5f62\u4e0a\u66f4\u6613\u65bc\u5728\u5c4f\u5e55\u95b1\u8b80\uff0c\u4e26\u4e14\u64c1\u67097\u7a2e\u5b57\u91cd\uff0c\u5145\u5206\u6eff\u8db3\u4e86\u8a2d\u8a08\u7684\u8981\u6c42\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01502f5f46e87a11013e3187553c68.png\" title=\"01502f5f46e87a11013e3187553c68\"><\/em><\/p>\n<p><\/p>\n<p>\u82f1\u6587\u300cRoboto\u300d\u5b57\u9ad4\uff0c\u53ea\u67096\u500b\u5b57\u91cd\uff0c\u8996\u89ba\u8a9e\u8a00\u8207\u601d\u6e90\u9ed1\u9ad4Noto\u4fdd\u6301\u4e00\u81f4\u3002\u8a72\u5b57\u9ad4\u5177\u6709\u201c\u73fe\u4ee3\u7684\u201d\u548c\u201c\u5e73\u6613\u8fd1\u4eba\u201d\u7684\u6c23\u8cea\uff0c\u662f\u300cMaterial Design\u300d\u8a2d\u8a08\u98a8\u683c\u4e0b\u7684\u63a8\u85a6\u5b57\u9ad4\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/019e955f46e88011013f1a649ea1da.png\" title=\"019e955f46e88011013f1a649ea1da\"><\/em><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><strong>2.2.3<\/strong>\u5b57\u9ad4\u8a2d\u7f6e<\/strong><\/p>\n<p>Material Design\u5b57\u9ad4\u898f\u7bc4\uff0c\u5b57\u9ad4\u985e\u578b\u6bd4\u4f8b\u652f\u6301\u7684\u5341\u4e09\u7a2e\u6a23\u5f0f\u7684\u7d44\u5408\u3002\u5b83\u5305\u542b\u53ef\u91cd\u7528\u7684\u6587\u672c\u985e\u5225\uff0c\u6bcf\u7a2e\u985e\u5225\u90fd\u6709\u9810\u671f\u7684\u61c9\u7528\u7a0b\u5e8f\u548c\u542b\u7fa9\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ccc15f46e88d11013e3187c17004.png\" title=\"01ccc15f46e88d11013e3187c17004\"><\/em><\/p>\n<p><\/p>\n<p>\u6ce8\uff1aWeb\u700f\u89bd\u5668\u6839\u64da\u6839\u5143\u7d20\u5927\u5c0f\u8a08\u7b97REM\uff08\u6839em\u5927\u5c0f\uff09\u3002\u73fe\u4ee3\u7db2\u7d61\u700f\u89bd\u5668\u7684\u9ed8\u8a8d\u503c\u70ba16px\uff0c\u56e0\u6b64\u8f49\u63db\u70baSP_SIZE \/ 16 = rem\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0134425f46e89911013e3187d35f83.png\" title=\"0134425f46e89911013e3187d35f83\"><\/em><\/p>\n<p>\u25b3Material Design\u8a2d\u8a08\u985e\u578b\u6bd4\u4f8b\u3002 \uff08\u5b57\u6bcd\u9593\u8ddd\u503c\u8207Sketch\u517c\u5bb9\u3002\uff09<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01854c5f46e8a511013f1a6444f621.png\" title=\"01854c5f46e8a511013f1a6444f621\"><\/em><\/p>\n<p>\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u5728\u5b89\u5353\u7684\u5b57\u9ad4\u55ae\u4f4d\u4e2d\uff0c\u4e0d\u518d\u4ee5px\uff0cpt\u4f5c\u70ba\u55ae\u4f4d\u800c\u662f\u7d71\u4e00\u7684\u4f7f\u7528\u4e86sp\uff0c\u63db\u7b97\u65b9\u5f0f\u662f\uff1a<\/p>\n<p><strong>px = sp*ppi\/160 \uff0csp = px \/ (ppi \/ 160)<\/strong><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/010a8b5f46e8b011013e31873b2b89.png\" title=\"010a8b5f46e8b011013e31873b2b89\"><\/em><\/p>\n<p><\/p>\n<p>\u4ee5iPhone7\u70ba\u4f8b\uff0c\u5c3a\u5bf8\u662f750x1334\uff0c\u5bc6\u5ea6326ppi \u4f86\u63db\u7b97\uff0c\u90a3\u9ebcAndroid\u76841dp = 1 * 326\/160 \u2248 2px<\/p>\n<p>\u300c\u601d\u6e90\u9ed1\u9ad4\u300d\u548c\u300cRoboto\u300d\u5b57\u9ad4\u53ef\u5728GoogleFonts\u514d\u8cbb\u4e0b\u8f09\uff0c\u4e26\u4e14\u53ef\u4ee5\u5546\u7528\u3002<\/p>\n<p><\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01f2bb5f46e8bd11013f1a6487cdd6.png\" title=\"01f2bb5f46e8bd11013f1a6487cdd6\"><\/em><\/p>\n<p>\u7db2\u5740\uff1a <a href=\"http:\/\/www.googlefonts.cn\/\">http:\/\/www.googlefonts.cn\/<\/a><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>2.3\u8a71\u984c\u64f4\u5c55<\/strong><\/p>\n<p>\u503c\u5f97\u4e00\u63d0\u7684\u662f\uff0c\u8d8a\u4f86\u8d8a\u591a\u7684\u624b\u6a5f\u5ee0\u5546\uff0c\u70ba\u4e86\u80fd\u5920\u5f37\u5316\u81ea\u8eab\u7684\u54c1\u724c\u5f62\u8c61\uff0c\u63a8\u51fa\u4e86\u5b9a\u5236\u6b3e\u7684\u5b57\u9ad4\u3002<\/p>\n<p><\/p>\n<p>\u6bd4\u5982\u5c0f\u7c73\u7684\u300c\u5c0f\u7c73\u862d\u4ead\u300d\uff1a<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01309a5f46e92611013f1a641c4f62.gif\" style=\"\" title=\"01309a5f46e92611013f1a641c4f62\"><\/p>\n<p>OPPO\u7684\u300cOPPO Sans\u300d\uff1a<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/010a0e5f46e93011013e3187760247.gif\" style=\"\" title=\"010a0e5f46e93011013e3187760247\"><\/p>\n<p><em>\u00a0<\/em><\/p>\n<p><\/p>\n<p>\u4e09\u661f\u7684\u300cSamsungOne\u300d\uff1a<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/011f385f46e96011013f1a640ff378.png\" title=\"011f385f46e96011013f1a640ff378\"><\/em><\/p>\n<p><strong>03\u5b57\u9ad4\u57fa\u790e\u77e5\u8b58\u5c0f\u7d50<\/strong><\/p>\n<p>\u6b63\u5982\u958b\u982d\u6240\u8aaa\uff0c\u6587\u5b57\u662f\u754c\u9762\u4e2d\u6700\u6838\u5fc3\u7684\u5143\u7d20\uff0c\u5b57\u9ad4\u4f5c\u70ba\u57fa\u672c\u8a9e\u8a00\uff0c\u662f\u8a2d\u8a08\u4e2d\u9ad4\u73fe\u54c1\u724c\u5f88\u91cd\u8981\u4e00\u9ede\uff0c\u5b57\u9ad4\u9078\u64c7\u975e\u5e38\u91cd\u8981\uff0c\u5b57\u9ad4\u4e5f\u662f\u8a2d\u8a08\u4e2d\u4f54\u6bd4\uff08\u7d0480%\uff09\u6700\u5927\u7684\u5167\u5bb9\uff0c\u6240\u4ee5\u6211\u5011\u4e00\u5b9a\u8981\u719f\u7df4\u638c\u63e1\uff0c\u63a5\u4e0b\u4f86\u5c07\u5f9e\u6587\u5b57\u884c\u9ad8\u3001\u5b57\u9593\u8ddd\u3001\u884c\u9593\u8ddd\u7b49\u8aaa\u8d77\uff0c\u570d\u7e5e\u5b57\u9ad4\u6392\u7248\u7e7c\u7e8c\u804a\u3002<\/p>\n<p><em><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/017ea75f46e98711013e318752f37b.gif\" title=\"017ea75f46e98711013e318752f37b\"><\/em><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/017dfb5f46e9aa11013e3187351ace.png\" title=\"017dfb5f46e9aa11013e3187351ace\"><\/p>\n<p><\/p>\n<p>\u8a2d\u8a08\u4e2d\uff0c\u597d\u7684\u6392\u7248\u80fd\u8b93\u7528\u6236\u6109\u5feb\u5730\u95b1\u8b80\uff0c\u800c\u4e0d\u597d\u7684\u6392\u7248\u5247\u6703\u7d66\u7528\u6236\u5e36\u4f86\u7cdf\u7cd5\u7684\u95b1\u8b80\u9ad4\u9a57\u3002\u56e0\u6b64\u6392\u7248\u7684\u6f5b\u5728\u91cd\u8981\u6027\u4e0d\u5bb9\u5ffd\u8996\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01a61b5f46e9e211013f1a64355d91.png\" title=\"01a61b5f46e9e211013f1a64355d91\"><\/p>\n<p><\/p>\n<p>\u7121\u8ad6\u662f\u5728\u897f\u65b9\u570b\u5bb6\u9084\u662f\u4e9e\u6d32\u570b\u5bb6\uff0c\u5927\u90e8\u5206\u4eba\u5011\u7684\u95b1\u8b80\u7fd2\u6163\u90fd\u662f\u5f9e\u5de6\u5230\u53f3\u3002\u9019\u7a2e\u95b1\u8b80\u6a21\u5f0f\u5df2\u7d93\u5ef6\u7e8c\u4e86\u5e7e\u767e\u5e74\uff0c\u56e0\u6b64\u5982\u7121\u7279\u6b8a\u9700\u6c42\uff0c\u4f60\u61c9\u8a72\u4f7f\u4f60\u7684\u6587\u672c\u5de6\u5c0d\u9f4a\uff0c\u9019\u6a23\u7b26\u5408\u4eba\u5011\u4e00\u8cab\u7684\u95b1\u8b80\u7fd2\u6163\uff08\u963f\u62c9\u4f2f\u5730\u5340\u9664\u5916\uff09\u3002\u4eba\u7f3a\u4e4f\u8010\u6027\uff0c\u5728\u95b1\u8b80\u904e\u7a0b\u4e2d\u66f4\u4f3c\u662f\u4e00\u7a2e\u9060\u8fd1\u4e0d\u5b9a\u7684\u8df3\u8e8d\u300c\u6383\u8996\u300d\u3002\u67af\u71e5\u7684\u6587\u5b57\u5982\u679c\u6c92\u6709\u7d93\u904e\u4efb\u4f55\u6392\u7248\u8655\u7406\uff0c\u6703\u8b93\u8b80\u8005\u77ac\u9593\u5931\u53bb\u95b1\u8b80\u7684\u8208\u8da3\uff0c\u9664\u975e\u975e\u8b80\u4e0d\u53ef\u3002\u6240\u4ee5\u901a\u904e\u6539\u9032\u6587\u5b57\u5167\u5bb9\u7684\u7d50\u69cb\u548c\u6392\u7248\u4f86\u63d0\u9ad8\u95b1\u8b80\u6027\u4e43\u81f3\u300c\u8a98\u8b80\u6027\u300d\uff0c\u662f\u4e00\u4ef6\u5341\u5206\u5fc5\u8981\u7684\u4e8b\u60c5\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0155995f46e9de11013e31875a1c78.png\" title=\"0155995f46e9de11013e31875a1c78\"><\/p>\n<p><\/p>\n<p><strong><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0126e15f46e9ed11013e3187421e69.png\" title=\"0126e15f46e9ed11013e3187421e69\"><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.1\u5b57\u9593\u8ddd\u8207\u5b57\u5076\u9593\u8ddd<\/strong><\/p>\n<p>\u5b57\u9593\u8ddd\uff0c\u82f1\u6587\u540d\u70ba\u201cspacing\u201d\uff0c\u5373\u5b57\u7b26\u9593\u7684\u8ddd\u96e2\uff0c\u4e8b\u5be6\u4e0a\u4ed6\u662f\u5b57\u7b26\u5716\u5f62\u5916\u908a\u754c\u6846\u7684\u5c3a\u5bf8\u548c\u5b57\u7b26\u5728\u65b9\u6846\u4e2d\u7684\u4f4d\u7f6e\u7684\u8ddd\u96e2\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01fbe15f46ea0311013e31871463aa.png\" title=\"01fbe15f46ea0311013e31871463aa\"><\/p>\n<p><\/p>\n<p>\u5b57\u5076\u9593\u8ddd\uff0c\u82f1\u6587\u540d\u70ba\u201cKerning\u201d\uff0c\u4e5f\u53eb\u505a\u201c\u5b57\u8ddd\u8abf\u6574\u201d\uff0c\u662f\u5728\u5b57\u9593\u8ddd\u7684\u57fa\u790e\u4e0a\uff0c\u70ba\u5be6\u73fe\u4e0d\u540c\u5b57\u5076\uff08\u4e00\u5c0d\u5b57\u7b26\uff09\u53ef\u4ee5\u6709\u4e0d\u540c\u5b57\u9593\u8ddd\u7684\u8abf\u6574\u503c\u3002\u6211\u5011\u90fd\u77e5\u9053\uff0c\u4e0d\u540c\u7684\u5b57\u6bcd\u5916\u5f62\u4e0d\u540c\uff0c\u6240\u4ee5\u53ea\u6709\u540c\u6a23\u7684\u5b57\u9593\u8ddd\u662f\u4e0d\u5354\u8abf\u7684\u3002\u4f8b\u5982\uff0c\u201cNA\u201d\u9593\u662f\u6a19\u6e96\u7684\u5b57\u9593\u8ddd\uff0c\u800c\u201cWA\u201d\u7531\u65bcW\u548cA\u7684\u5f62\u72c0\u53ef\u4ee5\u91cd\u758a\uff0c\u6240\u4ee5\u9700\u8981\u8ca0\u5b57\u5076\u9593\u8ddd\u624d\u80fd\u9054\u5230\u5354\u8abf\u4e00\u81f4\u7684\u5916\u89c0\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ff465f46ea0e11013f1a64673fe0.png\" title=\"01ff465f46ea0e11013f1a64673fe0\"><\/p>\n<p><\/p>\n<p>\u5728\u5927\u6bb5\u843d\u6587\u5b57\u6392\u7248\u6642\uff0c\u6211\u5011\u4e00\u822c\u4e0d\u9700\u8981\u66f4\u6539\u5b57\u9593\u8ddd\u548c\u5b57\u5076\u9593\u8ddd\uff0c\u56e0\u70ba\u5b57\u9ad4\u8a2d\u8a08\u5e2b\u5df2\u7d93\u5c0d\u4ed6\u5011\u505a\u904e\u4e86\u6700\u512a\u8655\u7406\u3002\u5728\u5c0d\u4e00\u7d44\u5b57\u7b26\u55ae\u7368\u8a2d\u8a08\u6642\uff0c\u5c31\u9700\u8981\u8003\u616e\u5b57\u5076\u9593\u8ddd\uff0c\u4ee5\u9054\u5230\u66f4\u5354\u8abf\u7684\u8996\u89ba\u6548\u679c\u3002\u7e3d\u7684\u4f86\u8aaa\uff0c\u5b57\u865f\u8d8a\u5c0f\uff0c\u5b57\u8ddd\u61c9\u7576\u76f8\u5c0d\u8d8a\u5927\uff0c\u884c\u9ad8\u4e5f\u61c9\u8a72\u76f8\u5c0d\u8d8a\u5927\u3002\u53cd\u4e4b\u4ea6\u7136\u3002<\/p>\n<p><\/p>\n<p>\u897f\u6587\u5b57\u9593\u8ddd\u9084\u5206\u70ba\uff1a<strong>\u6bd4\u4f8b\u5b57\u9ad4\u548c\u7b49\u5bec\u5b57\u9ad4<\/strong><\/p>\n<p>\u6bd4\u4f8b\u5b57\u9ad4\uff1a\u6839\u64da\u5b57\u7b26\u5916\u5f62\u7279\u9ede\u8a2d\u7f6e\u4e0d\u540c\u5b57\u5bec\u7684\u5b57\u9ad4\uff0c\u4f7f\u5f97\u5b57\u9ad4\u5916\u5f62\u5354\u8abf\uff0c\u53ef\u8b80\u6027\u66f4\u597d\uff1b<\/p>\n<p>\u7b49\u5bec\u5b57\u9ad4\uff1a\u6bcf\u500b\u5b57\u7b26\u8a2d\u7f6e\u76f8\u540c\u5b57\u5bec\u7684\u5b57\u9ad4\uff0c\u5b57\u7b26\u9593\u8ddd\u8f03\u5927\uff0c\u5b83\u5011\u7d93\u5e38\u88ab\u7528\u65bc\u986f\u793a\u8a08\u7b97\u6a5f\u4ee3\u78bc\u793a\u4f8b\uff1b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0102295f46ea1811013e31877b6434.png\" title=\"0102295f46ea1811013e31877b6434\" style=\"white-space: normal;\"><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.2\u5b57\u9593\u8ddd\u7684\u4e09\u7a2e\u5f62\u5f0f<\/strong><\/p>\n<p>\u6a19\u6e96\u9593\u8ddd\uff1a\u5373\u9ed8\u8a8d\u7684\u5b57\u9593\u8ddd\uff0c\u5b57\u8207\u5b57\u4e4b\u9593\u7684\u8ddd\u96e2\u4e0d\u5927\u4e5f\u4e0d\u5c0f\uff0c\u5728\u8a2d\u8a08\u4e2d\u8981\u6839\u64da\u4e0d\u540c\u7684\u5b57\u865f\u8a2d\u7f6e\u4e0d\u540c\u7684\u5b57\u9593\u8ddd\u4f86\u6392\u7248\uff0c\u5f80\u5f80\u9700\u8981\u6211\u5011\u6839\u64da\u5b57\u865f\u3001\u5b57\u91cd\u7684\u4e0d\u540c\u52d5\u614b\u8abf\u7bc0\u9593\u8ddd\u53c3\u6578\uff0c\u907f\u514d\u5343\u7bc7\u4e00\u5f8b\u4f7f\u7528\u8edf\u4ef6\u9ed8\u8a8d\u9593\u8ddd\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0152215f46ea7f11013f1a644e0de9.png\" title=\"0152215f46ea7f11013f1a644e0de9\"><\/p>\n<p><\/p>\n<p>\u7dca\u6e4a\u9593\u8ddd\uff1a\u5b57\u8207\u5b57\u4e4b\u9593\u7684\u8ddd\u96e2\u5411\u88e1\u7e2e\u9032\uff0c\u5728\u5b57\u7b26\u5de5\u5177\u88e1\u7684\u201c\u5b57\u9593\u8ddd\u201d\u6578\u503c\u70ba\u8ca0\u6578\uff0c\u4e00\u822c\u5728-5%~-30%\u4e0d\u7b49\uff0c\u901a\u5e38\u7528\u5728\u6a19\u984c\u4e2d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/017b155f46ea9911013f1a64cd3a67.png\" title=\"017b155f46ea9911013f1a64cd3a67\"><\/p>\n<p><\/p>\n<p>\u5bec\u9b06\u9593\u8ddd\uff1a\u8207\u7dca\u6e4a\u578b\u9593\u8ddd\u76f8\u53cd\uff0c\u5b57\u8207\u5b57\u4e4b\u9593\u9593\u8ddd\u5411\u5916\u64f4\u5927\uff0c\u5728\u5b57\u7b26\u5de5\u5177\u88e1\u7684\u201c\u5b57\u9593\u8ddd\u201d\u6578\u503c\u70ba\u6b63\u6578\uff0c\u4e00\u822c\u57285%~30%\u4e0d\u7b49\uff0c\u901a\u5e38\u7528\u5728\u6b63\u6587\u4e2d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01585e5f46eaa411013e31876e2a0d.png\" title=\"01585e5f46eaa411013e31876e2a0d\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c3095f46eabd11013f1a64f37713.png\" title=\"01c3095f46eabd11013f1a64f37713\"><\/p>\n<p>\u63d0\u793a\uff1a\u5b57\u9593\u8ddd\u96d6\u7136\u6709\u4ee5\u4e0a\u4e09\u7a2e\u5f62\u5f0f\uff0c\u4f46\u662f\u5728\u5be6\u969b\u5de5\u4f5c\u4e2d\u4e5f\u8981\u5177\u9ad4\u554f\u984c\u5177\u9ad4\u5206\u6790\uff0c\u4f8b\u5982\u6709\u4e9b\u4e2d\u6587\u5b57\u9ad4\u672c\u8eab\u201c\u5916\u908a\u6846\u201d\u7684\u8ddd\u96e2\u5c31\u6bd4\u8f03\u5927\uff0c\u5982\u679c\u518d\u52a0\u5927\u5b57\u9593\u8ddd\uff0c\u5c31\u6703\u986f\u5f97\u904e\u65bc\u5206\u6563\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.3\u897f\u6587\u8a5e\u8ddd<\/strong><\/p>\n<p>\u5728\u897f\u6587\u95b1\u8b80\u6642\uff0c\u8996\u89ba\u4e0a\u7684\u81ea\u7136\u754c\u9650\u662f\u300c\u8a5e\u8ddd\u300d\u800c\u4e0d\u662f\u300c\u5b57\u8ddd\u300d\u3002\u5982\u679c\u6392\u7248\u6642\u9700\u8981\u9032\u884c\u4f8b\u5982\u300c\u5169\u7aef\u5c0d\u9f4a\u300d\u7684<strong>\u884c\u5167\u9593\u8ddd\u8abf\u6574<\/strong>\uff0c\u4e2d\u6587\u76f4\u63a5\u53ef\u4ee5\u52d5\u300c\u5b57\u8ddd\u300d\uff0c\u628a\u8abf\u6574\u91cf\u5747\u52fb\u5730\u653e\u5230\u6bcf\u500b\u5b57\u9593\u88e1\uff1b\u800c\u897f\u6587\u537b\u662f\u52d5\u300c\u8a5e\u8ddd\u300d\uff0c\u53ea\u80fd\u628a\u8abf\u6574\u91cf\u52a0\u5230\u8a5e\u8ddd\u88e1\uff0c\u800c\u55ae\u8a5e\u5167\u90e8\u7684\u5b57\u8ddd\u4f9d\u7136\u662f\u4fdd\u6301\u5b57\u9ad4\u8a2d\u8a08\u5e2b\u9810\u8a2d\u7684\u539f\u59cb\u5b57\u8ddd\uff0c\u9019\u662f\u4fdd\u8b49\u897f\u6587\u6613\u8b80\u6027\u7684\u95dc\u9375\u6240\u5728\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0199af5f46eacc11013e3187b18c2e.png\" title=\"0199af5f46eacc11013e3187b18c2e\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.4\u6a19\u9ede\u907f\u982d\u5c3e<\/strong><\/p>\n<p>\u5728\u53e4\u4ee3\uff0c\u66f8\u7c4d\u6392\u7248\u53ef\u4ee5\u505a\u5230\u5b57\u9593\u8ddd\u6046\u5b9a\uff0c\u539f\u56e0\u662f\u53e4\u4ee3\u4e0d\u5b58\u5728\u300c\u6a19\u9ede\u300d\uff0c\u4e5f\u5c31\u6c92\u6709\u300c\u6a19\u9ede\u907f\u982d\u5c3e\u300d\u5c0e\u81f4\u7684\u7a2e\u7a2e\u554f\u984c\u3002\u800c\u73fe\u4ee3\u6f22\u8a9e\u5b58\u5728\u6a19\u9ede\u7b26\u865f\uff0c\u6709\u7684\u6a19\u9ede\u4e0d\u80fd\u653e\u5728\u884c\u9996(\u5982\u9017\u865f\u3001\u9813\u865f\u3001\u53e5\u865f\u7b49)\uff0c\u6709\u7684\u4e0d\u80fd\u653e\u5728\u884c\u5c3e(\u5f15\u865f\u3001\u524d\u62ec\u865f\u7b49)\u3002\u8655\u7406\u65b9\u5f0f\u53eb\u505a\u300c\u512a\u5148\u63a8\u51fa\u5f0f\u300d\u6a19\u9ede\u907f\u982d\u5c3e\uff0c\u901a\u904e\u5c07\u672c\u884c\u5167\u7684\u6a19\u9ede\u5bec\u5ea6\u9032\u884c\u64e0\u58d3\u5f8c\uff0c\u9a30\u51fa\u4e86\u7a7a\u9593\u7d66\u672c\u4f86\u6392\u4e0d\u5230\u7684\u9017\u865f\uff0c\u78ba\u4fdd\u4e86\u5b57\u9593\u8ddd\u7684\u6046\u5b9a\uff08\u7bc7\u5e45\u9650\u5236\uff0c\u672c\u6587\u66ab\u4e0d\u8ac7\u6587\u5b57\u7de8\u6392\u5177\u9ad4\u8abf\u6574\u65b9\u6cd5\uff09\u3002\u66f4\u8a73\u7d30\u7684\u4ecb\u7d39\u53ef\u79fb\u6b65\u5b57\u9ad4\u8a2d\u8a08\u8207\u6392\u5370\u7db2\u7ad9Type is Beautiful \u4e86\u89e3\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d4ef5f46eada11013f1a643b81a2.png\" title=\"01d4ef5f46eada11013f1a643b81a2\"><\/p>\n<p><strong>4.5\u6587\u672c\u6846<\/strong><\/p>\n<p>\u5728\u8a2d\u8a08\u8edf\u4ef6\u4e2d\uff0c\u6211\u5011\u5728\u6dfb\u52a0\u6587\u672c\u6642\uff0c\u5c31\u6703\u5275\u5efa\u4e00\u500b\u6587\u672c\u5340\u57df\uff0c\u4f8b\u5982Sketch\u4e2d\u6587\u672c\u5340\u57df\u6709\u4e09\u7a2e\u985e\u578b\uff0c\u81ea\u52d5\u5bec\u5ea6\u3001\u81ea\u52d5\u9ad8\u5ea6\u3001\u56fa\u5b9a\u5c3a\u5bf8\uff0c\u800c\u300c\u56fa\u5b9a\u5c3a\u5bf8\u300d\u53ef\u914d\u5408\u300c\u8a2d\u7f6e\u6587\u5b57\u5c64\u5782\u76f4\u5c0d\u9f4a\u65b9\u5f0f\u300d\u4f7f\u7528\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4<\/strong> <strong>.6\u5c0d\u9f4a\u65b9\u5f0f<\/strong><\/p>\n<p>\u6587\u672c\u7684\u5c0d\u9f4a\u65b9\u5411\u6709\u5de6\u3001\u4e2d\u3001\u53f3\u4e09\u7a2e\u5c0d\u9f4a\u65b9\u5f0f\u3002\u6587\u672c\u5c0d\u9f4a\u7684\u6a19\u6e96\u662f\u57fa\u65bc\u6587\u672c\u5340\u57df\u7684\u908a\u754c\u6c7a\u5b9a\u7684\uff0c\u53ea\u6709\u8a2d\u7f6e\u56fa\u5b9a\u7684\u6587\u672c\u5340\u57df\u5c0d\u9f4a\u624d\u6709\u610f\u7fa9\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0172445f46eae911013e318791ad8c.png\" title=\"0172445f46eae911013e318791ad8c\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.7\u884c\u9ad8<\/strong><\/p>\n<p>\u884c\u9ad8\u6216\u884c\u8ddd\u662f\u6587\u5b57\u6392\u7248\u7684\u57fa\u790e\u53c3\u6578\uff0c\u4e5f\u662f\u6392\u7248\u54c1\u8cea\u7684\u5148\u6c7a\u8981\u7d20\u4e4b\u4e00\u3002\u884c\u9ad8\u662f\u4e00\u884c\u6587\u672c\u5782\u76f4\u65b9\u5411\u7684\u9ad8\u5ea6\uff0c\u9019\u500b\u9ad8\u5ea6\u548c\u5b57\u9ad8\u7121\u95dc\uff0c\u6587\u5b57\u5167\u5bb9\u6c34\u5e73\u5c45\u4e2d\uff0c\u5982\u4e0b\u5716\u6240\u793a\uff1a<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01a1825f46eaf611013f1a64d24762.png\" title=\"01a1825f46eaf611013f1a64d24762\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.8\u82f1\u6587\u884c\u9ad8<\/strong><\/p>\n<p>\u82f1\u6587\u7684\u884c\u9ad8\u6307\u7684\u662f\u4e00\u884c\u82f1\u6587\u7684\u57fa\u7dda\u8207\u4e0b\u4e00\u884c\u82f1\u6587\u7684\u57fa\u7dda\u4e4b\u9593\u7684\u8ddd\u96e2\uff0c\u57fa\u7dda\uff08baseline\uff09\u662f\u82f1\u6587\u5b57\u9ad4\u7d50\u69cb\u4e2d\u7684\u6982\u5ff5\uff0c\u5728css\u91cc\u6587\u5b57\u7684\u5143\u7d20\u90fd\u662f\u6309\u57fa\u7dda\u4f86\u5c0d\u9f4a\u7684\u3002\u897f\u6587\u57fa\u672c\u884c\u9ad8\u662f\u5b57\u865f\u76841.2\u500d\u5de6\u53f3\uff0c\u5b57\u9ad4\u6709\u4e0a\u4f38\u90e8\uff08ascender\uff09\u548c\u4e0b\u5ef6\u90e8\uff08descender\uff09\u53ef\u4f86\u5275\u9020\u884c\u9593\u7a7a\u9699\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/010de25f46eb0311013e31874c9ab3.png\" title=\"010de25f46eb0311013e31874c9ab3\"><\/p>\n<p><\/p>\n<p>\u00a0\u00a0<\/p>\n<p><strong>4.9\u4e2d\u6587\u884c\u9ad8<\/strong><\/p>\n<p>\u4e2d\u6587\u7684\u7d50\u69cb\u5c6c\u65bc\u65b9\u584a\u5b57\u6c92\u6709\u57fa\u7dda\uff0c\u6240\u4ee5\u4e2d\u6587\u7684\u884c\u9ad8\u6307\u7684\u662f\u4e00\u884c\u4e2d\u6587\u7684\u6700\u5e95\u90e8\u8207\u4e0b\u4e00\u884c\u4e2d\u6587\u6700\u5e95\u90e8\u4e4b\u9593\u7684\u8ddd\u96e2\u3002\u4e2d\u6587\u56e0\u70ba\u5b57\u7b26\u5bc6\u5be6\u4e14\u9ad8\u5ea6\u4e00\u81f4\uff0c\u6240\u4ee5\u4e00\u822c\u884c\u9ad8\u9700\u8981\u66f4\u5927\uff0c\u6839\u64da\u4e0d\u540c\u7528\u6236\u4eba\u7fa4\uff08\u5152\u7ae5\u3001\u5e74\u8f15\u4eba\u3001\u8001\u5e74\u4eba\uff09\u4ee5\u53ca\u4f7f\u7528\u74b0\u5883\uff0c\u53ef\u9054\u52301.5~2\u500d\u751a\u81f3\u66f4\u5927\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01328d5f46eb1611013f1a64503593.png\" title=\"01328d5f46eb1611013f1a64503593\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c3095f46eabd11013f1a64f37713.png\" title=\"01c3095f46eabd11013f1a64f37713\" style=\"white-space: normal;\"><\/p>\n<p>\u63d0\u793a\uff1a\u4e0d\u7ba1\u662f\u6a19\u984c\u3001\u6b63\u6587\u9084\u662f\u8a3b\u91cb\u6587\u5b57\uff0c\u884c\u9ad8\u90fd\u4e0d\u6613\u904e\u5927\u6216\u904e\u5c0f\uff0c\u6703\u5c0e\u81f4\u95b1\u8b80\u56f0\u96e3\u3002\u7e3d\u7684\u4f86\u8aaa\uff0c\u5b57\u865f\u8d8a\u5927\u884c\u9ad8\u61c9\u8a72\u8d8a\u5c0f\uff0c\u5b57\u865f\u8d8a\u5c0f\u884c\u9ad8\u61c9\u8a72\u8d8a\u5927\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.10\u884c\u9577<\/strong><\/p>\n<p>\u5728\u300a\u4e2d\u6587\u6392\u7248\u9700\u6c42\u300b\u88e1\uff0c\u660e\u78ba\u5beb\u660e\u4e86\u9019\u9805\u57fa\u672c\u8981\u6c42\uff1a<\/p>\n<p><em>2.3.5\u7248\u5fc3\u8a2d\u8a08\u7684\u6ce8\u610f\u4e8b\u9805\uff1a<\/em> <strong><em>\u300c\u4e00\u884c\u7684\u884c\u9577\u61c9\u70ba\u6587\u5b57\u5c3a\u5bf8\u7684\u6574\u6578\u500d\uff0c\u5404\u884c\u7684\u4f4d\u7f6e\u76e1\u53ef\u80fd\u982d\u5c3e\u5c0d\u9f4a\u3002\u300d<\/em><\/strong><\/p>\n<p>\u300c\u4e00\u884c\u7684\u884c\u9577\u61c9\u70ba\u6587\u5b57\u5c3a\u5bf8\u7684\u6574\u6578\u500d\u300d\uff0c\u9019\u4e00\u57fa\u672c\u7684\u3001\u7406\u6240\u61c9\u7576\u7684\u9700\u6c42\u770b\u4f3c\u7c21\u55ae\uff0c\u4f46\u662f\u5728\u5be6\u969b\u64cd\u4f5c\u4e2d\uff0c\u537b\u5f80\u5f80\u7531\u65bc\u55ae\u4f4d\u63db\u7b97\u7b49\u5404\u500b\u539f\u56e0\u6c92\u6709\u5f97\u5230\u5be6\u73fe\u3002\u5c0d\u65bc\u5f8c\u534a\u53e5\u63d0\u5230\u7684\u300c\u982d\u5c3e\u5c0d\u9f4a\u300d\uff0c\u5c07\u53e6\u6587\u8a0e\u8ad6\uff0c\u4f46\u986f\u7136\u4e5f\u548c\u672c\u6587\u76f8\u95dc\u3002\u6b63\u56e0\u70ba\u8a2d\u8a08\u5e2b\u60f3\u5be6\u73fe\u300c\u982d\u5c3e\u5c0d\u9f4a\u300d\u624d\u6703\u76f2\u76ee\u5730\u7528\u8edf\u4ef6\u7684\u300c\u5169\u7aef\u5c0d\u9f4a\u300d\u529f\u80fd\uff0c\u5927\u5bb6\u53ef\u4ee5\u770b\u770b\u8eab\u908a\u7684\u5370\u5237\u54c1\uff0c\u6ce8\u610f\u770b\u4e00\u4e0b\u6bcf\u6bb5\u7684\u6700\u5f8c\u4e00\u884c\u9593\u8ddd\u662f\u4e0d\u662f\u7d71\u4e00\uff0c\u5c31\u53ef\u4ee5\u77e5\u9053\u8a2d\u8a08\u5e2b\u6709\u6c92\u6709\u6309\u7167\u9019\u500b\u539f\u5247\u6392\u7248\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01dbf35f46eb5311013f1a64d7461d.png\" title=\"01dbf35f46eb5311013f1a64d7461d\"><\/p>\n<p><\/p>\n<p>\u4e2d\u6587\u7684\u4e00\u500b\u5b57\u4f54\u5169\u500b\u5b57\u7b26\uff0c\u82f1\u6587\u4e00\u500b\u5b57\u4f54\u4e00\u500b\u5b57\u7b26\u3002\u6b63\u6587\u7684\u884c\u9577\u901a\u5e38\u572840\u523060\u500b\u5b57\u7b26\u4e4b\u9593\u3002\u5728\u884c\u9577\u8f03\u5bec\u7684\u5340\u57df\uff08\u4f8b\u5982\u684c\u9762\uff09\u4e2d\uff0c\u5305\u542b\u6700\u591a120\u500b\u5b57\u7b26\u7684\u8f03\u9577\u884c\u5c07\u9700\u8981\u5c07\u884c\u9ad8\u589e\u5927\u3002\u884c\u9577\u904e\u9577\u6613\u8b80\u6027\u5c31\u6703\u8b8a\u5dee\uff0c\u8b80\u8005\u95b1\u8b80\u6642\u5bb9\u6613\u4e32\u884c\uff0c\u9020\u6210\u95b1\u8b80\u56f0\u96e3\u3002\u5408\u7406\u7684\u884c\u9577\u4f7f\u7528\u6236\u5728\u884c\u9593\u8df3\u8f49\u6642\u611f\u5230\u8f15\u5feb\u548c\u6109\u6085\uff0c\u53cd\u4e4b\u5247\u6703\u4f7f\u95b1\u8b80\u6210\u70ba\u4e00\u7a2e\u8ca0\u64d4\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c8625f46eb5711013e31872ad906.png\" title=\"01c8625f46eb5711013e31872ad906\"><\/p>\n<p><strong>4.11\u884c\u9593\u8ddd<\/strong><\/p>\n<p>\u884c\u8ddd\u662f\u6307\u81e8\u8fd1\u5169\u884c\u4e4b\u9593\u7684\u8ddd\u96e2\u3002\u5408\u9069\u7684\u884c\u8ddd\u8b93\u7528\u6236\u95b1\u8b80\u8212\u670d\uff0c\u95b1\u8b80\u6548\u7387\u4e5f\u9ad8\uff0c\u884c\u8ddd\u592a\u7dca\u6e4a\u6703\u8b93\u5167\u5bb9\u64e0\u6210\u4e00\u5718\uff0c\u5be6\u73fe\u7121\u6cd5\u6b63\u5e38\u95b1\u8b80\uff1b\u884c\u8ddd\u592a\u5bec\u9b06\u6703\u8b93\u5167\u5bb9\u9b06\u6563\uff0c\u7522\u751f\u4e86\u6211\u5011\u901a\u5e38\u610f\u7fa9\u4e0a\u7684\u201c\u6cb3\u6d41\u201d\uff0c\u963b\u65b7\u4e86\u884c\u7684\u8996\u7dda\uff0cPhotoshop\u4e2d\u9ed8\u8a8d\u884c\u8ddd\u662f1.2\u500d\u7684\u5b57\u865f\uff0c\u4f8b\u5982\u5b57\u865f\u662f30px\uff0c\u90a3\u9ebc\u5c07\u884c\u8ddd\u8a2d\u70ba36px\u548c\u9ed8\u8a8d\u201c\u81ea\u52d5\u201d\u7684\u6548\u679c\u4e00\u81f4\u3002 1.2\u500d\u7684\u884c\u8ddd\u5c0d\u4e2d\u6587\u6392\u7248\u4f86\u8aaa\u901a\u5e38\u904e\u5c0f\uff0c\u5408\u9069\u7684\u884c\u9593\u8ddd\u901a\u5e38\u70ba1.5\uff5e2\u500d\u4e4b\u9593\u3002\u6587\u672c\u5b57\u9ad4\u8d8a\u5c0f\uff0c\u5169\u884c\u4e4b\u9593\u7684\u884c\u9593\u8ddd\u61c9\u8a72\u8d8a\u5927\uff0c\u78ba\u4fdd\u5b57\u8207\u884c\u547c\u5438\u7684\u7a7a\u9593\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>4.12\u82f1\u6587\u884c\u9593\u8ddd<\/strong><\/p>\n<p>\u82f1\u6587\u7684\u884c\u9593\u8ddd\u6307\u7684\u662f\u4e00\u884c\u82f1\u6587\u7684\u5e95\u90e8\u7dda\u8207\u4e0b\u4e00\u884c\u82f1\u6587\u7684\u9802\u90e8\u7dda\u4e4b\u9593\u7684\u8ddd\u96e2\u3002\u53ef\u4ee5\u7c21\u55ae\u7684\u7406\u89e3\u70ba\u201c\u884c\u8207\u884c\u4e4b\u9593\u7684\u8ddd\u96e2\u201d\u3002\u53e6\u5916\u82f1\u6587\u6587\u5b57\u5e95\u90e8\u548c\u9802\u90e8\u90fd\u6709\u5c0d\u61c9\u7684\u5c08\u6709\u540d\u8a5e\uff0c\u82f1\u6587\u9802\u90e8\u7684\u90a3\u689d\u53eb\u201c\u5347\u90e8\u7dda\u201d\uff0c\u5e95\u90e8\u90a3\u689d\u53eb\u201c\u964d\u90e8\u7dda\u201d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d3e95f46eb6a11013f1a645a2f6a.png\" title=\"01d3e95f46eb6a11013f1a645a2f6a\"><\/p>\n<p><strong>4.13\u4e2d\u6587\u884c\u9593\u8ddd<\/strong><\/p>\n<p>\u4e2d\u6587\u7684\u884c\u9593\u8ddd\u5c31\u6bd4\u8f03\u597d\u7406\u89e3\u4e86\uff0c\u662f\u6307\u4e00\u884c\u6587\u5b57\u7684\u6700\u5e95\u90e8\u8207\u4e0b\u4e00\u884c\u6587\u5b57\u7684\u6700\u9802\u90e8\u4e4b\u9593\u7684\u8ddd\u96e2\u3002\u5373\u884c\u8207\u884c\u4e4b\u9593\u7684\u8ddd\u96e2\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01e1fc5f46eb7711013e318792767b.png\" title=\"01e1fc5f46eb7711013e318792767b\"><\/p>\n<p><strong>4.14\u6bb5\u9593\u8ddd<\/strong><\/p>\n<p>\u6bb5\u9593\u8ddd\uff1a\u6bb5\u843d\u8207\u6bb5\u843d\u4e4b\u9593\u7684\u8ddd\u96e2\uff0c\u53ef\u4fdd\u6301\u9801\u9762\u7bc0\u594f\uff0c\u8207\u5b57\u9ad4\u3001\u884c\u9ad8\u76f8\u4e92\u95dc\u806f\u3002<\/p>\n<p>\u70ba\u4fdd\u8b49\u6587\u7ae0\u6613\u8b80\u6027\uff0c\u6b63\u6587\u6bb5\u9593\u8ddd\uff0c\u53ef\u4ee5\u7c21\u55ae\u5730\u53d6\u4e00\u500b\u7a7a\u884c\uff08\u4e5f\u5c31\u662f\u4e00\u500b\u884c\u9ad8\uff09\uff0c\u9019\u662f\u6bd4\u8f03\u5e38\u898f\u4e5f\u6bd4\u8f03\u5408\u9069\u7684\u505a\u6cd5\u3002\u8209\u500b\u4f8b\u5b50\uff1a\u5b57\u865f12\uff0c\u884c\u9ad8\u8a2d\u5b9a20\uff0c\u6bb5\u9593\u8ddd= \u884c\u9ad8+ \u884c\u9593\u8ddd\u3002\u884c\u9593\u8ddd\u8d8a\u5927\uff0c\u6bb5\u9593\u8ddd\u5c31\u8d8a\u5927\uff1b\u884c\u9593\u8ddd\u8d8a\u5c0f\uff0c\u6bb5\u9593\u8ddd\u5c31\u8d8a\u5c0f\uff0c\u884c\u8ddd\u8207\u6bb5\u9593\u8ddd\u6210\u6b63\u6bd4\u3002\u6bb5\u843d\u4e4b\u9593\u9996\u5c3e\u7684\u884c\u4e4b\u9593\u9593\u8ddd\u61c9\u8a72\u5927\u65bc\u6bb5\u5167\u7684\u9593\u8ddd\uff0c\u9019\u6642\u5019\u5c31\u61c9\u8a72\u589e\u52a0\u6bb5\u9593\u8ddd\uff0c\u4f7f\u5f97\u6587\u672c\u7684\u95b1\u8b80\u9ad4\u9a57\u5f97\u5230\u9032\u4e00\u6b65\u7684\u63d0\u5347\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d86f5f46eb8b11013f1a64b99ef2.png\" title=\"01d86f5f46eb8b11013f1a64b99ef2\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01aa3e5f46eb9311013e3187d1a825.png\" title=\"01aa3e5f46eb9311013e3187d1a825\"><\/p>\n<p><\/p>\n<p>\u5728\u4efb\u4f55\u4e00\u500b\u8a2d\u8a08\u4e2d\u90fd\u9700\u8981\u628a\u5404\u500b\u5143\u7d20\u9032\u884c\u5206\u7d1a\uff0c\u5206\u6e05\u4e3b\u6b21\uff0c\u9019\u6a23\u624d\u80fd\u66f4\u597d\u5730\u6293\u4f4f\u91cd\u9ede\u3002\u70ba\u4e86\u80fd\u5206\u6e05\u5404\u5143\u7d20\u7684\u4e3b\u6b21\uff0c\u5c31\u9700\u8981\u7528\u5230CRAP\u539f\u5247\u3002\u9019\u56db\u500b\u539f\u5247\u5206\u5225\u662f\u5c0d\u6bd4\u3001\u91cd\u8907\u3001\u5c0d\u9f4a\u3001\u89aa\u5bc6\u6027\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ce755f46eba911013f1a64f696b7.png\" title=\"01ce755f46eba911013f1a64f696b7\"><\/p>\n<p><strong>5.1\u5c0d\u6bd4Contrast \uff08<\/strong>\u589e\u5f37\u6548\u679c\u3001\u7d44\u7e54\u4fe1\u606f\uff09<\/p>\n<p>\u5c0d\u6bd4\u7684\u57fa\u672c\u4f5c\u7528\u662f<strong>\u7a81\u51fa\u91cd\u9ede\uff0c\u589e\u52a0\u53ef\u8b80\u6027<\/strong>\u3002\u9644\u52a0\u4f5c\u7528\u662f<strong>\u6709\u6548\u589e\u5f37\u8996\u89ba\u6548\u679c\uff0c\u6253\u7834\u5e73\u6de1\uff0c\u5438\u5f15\u8b80\u8005\u8a3b\u610f<\/strong>\u3002<\/p>\n<p>\u4e00\u4e9b\u754c\u9762\u6392\u7248\u6df7\u4e82\uff0c\u53ef\u8b80\u6027\u975e\u5e38\u5dee\uff0c\u7528\u6236\u7684\u8996\u7dda\u4e0d\u77e5\u9053\u96c6\u4e2d\u5728\u54ea\uff0c\u5c0e\u81f4\u9019\u7a2e\u60c5\u6cc1\u7684\u767c\u751f\u90fd\u662f\u56e0\u70ba\u754c\u9762\u5167\u5bb9\u5c0d\u6bd4\u4e0d\u660e\u986f\u9020\u6210\u3002\u5728\u540c\u4e00\u500b\u8996\u89ba\u5340\u57df\u5167\u7684\u908f\u8f2f\u4e0d\u540c\u7684\u5143\u7d20\u61c9\u8a72\u6709\u6240\u5340\u5225\uff0c\u4ee5\u907f\u514d\u8996\u89ba\u4e0a\u7684\u76f8\u4f3c\uff0c\u9019\u6a23\u5c31\u53ef\u4ee5\u6709\u6548\u7684\u5206\u6e05\u4e3b\u6b21\uff0c\u70ba\u4e86\u4f7f\u4e3b\u8981\u5143\u7d20\u66f4\u7a81\u51fa\uff0c\u6b21\u8981\u5143\u7d20\u66f4\u5f31\u5316\uff0c\u53ef\u4ee5\u76e1\u91cf\u4f7f\u5b83\u5011\u7684\u984f\u8272\uff0c\u5b57\u9ad4\u3001\u5927\u5c0f\uff0c\u7559\u767d\u4e0d\u540c\u3002<strong>\u5982\u679c\u5169\u500b\u5143\u7d20\u4e0d\u76e1\u76f8\u540c\uff0c\u90a3\u5c31\u8b93\u4ed6\u5011\u622a\u7136\u4e0d\u540c\u3002<\/strong>\u6bd4\u5982\uff0c\u4f7f\u7528\u300c14 \u865f\u5b57\u300d\u548c\u300c15 \u865f\u5b57\u300d\u9032\u884c\u5c0d\u6bd4\uff0c\u5dee\u7570\u5c31\u5f88\u4e0d\u660e\u986f\uff0c\u800c\u4f7f\u7528\u300c14\u865f\u5b57\u300d\u548c\u300c24 \u865f\u5b57\u300d\uff0c\u5dee\u7570\u5c31\u660e\u986f\u5f97\u591a\uff0c\u4e00\u773c\u5c31\u80fd\u770b\u5230\u5927\u865f\u7684\u5b57\u9ad4\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01735c5f46ebd011013e31872779ce.png\" title=\"01735c5f46ebd011013e31872779ce\"><\/p>\n<p><\/p>\n<p>\u5728\u9019\u9ede\u4e0a\uff0c\u201c\u5fae\u4fe1\u8b80\u66f8\u201d\u7684\u5217\u8868\u9801\u5c31\u505a\u5f97\u975e\u5e38\u597d\uff0c\u5b83\u901a\u904e\u6a19\u984c\u8207\u63cf\u8ff0\u7684\u5b57\u9ad4\u7c97\u7d30\u3001\u5927\u5c0f\u3001\u984f\u8272\u9032\u884c\u5c0d\u6bd4\uff0c\u628a\u6700\u6709\u7528\u7684\u4fe1\u606f\u76f4\u89c0\u5730\u5448\u73fe\u5728\u7528\u6236\u9762\u524d\u6a19\u984c\u662f\u5438\u5f15\u7528\u6236\u95dc\u6ce8\u7684\u95dc\u9375\uff0c\u4f5c\u8005\u548c\u8a55\u5206\u53ea\u662f\u7d66\u7528\u6236\u4e00\u7a2e\u53c3\u8003\uff0c\u4e0d\u8d77\u6c7a\u5b9a\u6027\u4f5c\u7528\u3002\u56e0\u6b64\uff0c\u5982\u679c\u6c92\u6709\u5c0d\u6bd4\u539f\u5247\uff0c\u6a19\u984c\u548c\u63cf\u8ff0\u7684\u5b57\u9ad4\u540c\u6a23\u7c97\u7d30\u3001\u5927\u5c0f\uff0c\u4f60\u5c31\u6703\u767c\u73fe\u8996\u7dda\u7e3d\u662f\u6703\u60c5\u4e0d\u81ea\u7981\u7684\u88ab\u8a55\u5206\u6240\u5e72\u64fe\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01a8f15f46ebd011013e31874b80eb.png\" title=\"01a8f15f46ebd011013e31874b80eb\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>5.1.1\u5927\u5c0f\u5c0d\u6bd4<\/strong><\/p>\n<p>\u70ba\u4e86\u5340\u5206\u6587\u5b57\u3001\u5716\u7247\u3001\u5716\u6a19\u7b49\u5143\u7d20\u7684\u91cd\u8981\u6027\uff0c\u901a\u5e38\u63a1\u7528\u5c3a\u5bf8\u7684\u5927\u5c0f\u4f86\u505a\u5c0d\u6bd4\u3002\u4f8b\u5982\u6587\u7ae0\u7684\u6b63\u526f\u6a19\u984c\uff0c\u526f\u6a19\u984c\u4e00\u822c\u7528\u4f86\u89e3\u91cb\u4e3b\u6a19\u984c\u7684\u5167\u5bb9\uff0c\u56e0\u6b64\u526f\u6a19\u984c\u7684\u6587\u5b57\u61c9\u8a72\u901a\u904e\u5927\u5c0f\u548c\u984f\u8272\u8abf\u6574\u8b8a\u6210\u6b21\u7d1a\uff0c\u8b93\u7528\u6236\u95b1\u8b80\u6642\u5206\u6e05\u4e3b\u6b21\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01614a5f46ebdf11013f1a644db342.png\" title=\"01614a5f46ebdf11013f1a644db342\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>5.1.2\u984f\u8272\u5c0d\u6bd4<\/strong><\/p>\n<p>\u5728\u6392\u7248\u4e2d\uff0c\u9996\u5148\u8981\u7522\u751f\u5c0d\u6bd4\u6548\u679c\u7684\u5c31\u662f\u80cc\u666f\u548c\u6587\u5b57\u3002\u6587\u5b57\u8207\u80cc\u666f\u5982\u679c\u5728\u984f\u8272\u4e0a\u5f88\u63a5\u8fd1\uff0c\u90a3\u9ebc\u5c31\u4e0d\u5bb9\u6613\u5340\u5206\u958b\u4f86\u5438\u5f15\u7528\u6236\u6ce8\u610f\u529b\uff0c\u4e00\u822c\u4f86\u8aaa\uff0c\u4eba\u5011\u7fd2\u6163\u767d\u7d19\u9ed1\u5b57\uff08\u4e5f\u662f\u56e0\u70ba\u4eba\u985e\u6709\u66f8\u5beb\u9700\u6c42\u4ee5\u4f86\u5f62\u6210\u7684\uff09\uff0c\u5373\u767d\u8272\u80cc\u666f\u548c\u9ed1\u8272\u6587\u5b57\u3002\u4e5f\u6709\u9ed1\u7d19\u767d\u5b57\uff0c\u4f8b\u5982\u73fe\u5728APP\u90fd\u5728\u505a\u7684DarkMode\u6697\u8272\u6a21\u5f0f\uff0c\u4f46\u5176\u5be6\u6697\u8272\u80cc\u666f\u642d\u914d\u6dfa\u8272\u6587\u5b57\u4e26\u4e0d\u9069\u5408\u5927\u91cf\u95b1\u8b80\u3002\u7576\u7136\u9019\u4e5f\u662f\u70ba\u4e86\u914d\u5408\u7528\u6236\u4f7f\u7528\u5834\u666f\uff0c\u5728\u591c\u665a\u5149\u7dda\u8f03\u6697\u7684\u74b0\u5883\u4e0b\uff0c\u6df1\u8272\u6a21\u5f0f\u6216\u8a31\u66f4\u5229\u65bc\u95b1\u8b80\u3002 \u300c\u51b7\u77e5\u8b58\uff1a\u6697\u8272\u6a21\u5f0f\u5176\u5be6\u5c31\u662f\u5ee0\u5546\u70ba\u4e86\u89e3\u6c7a\u96fb\u6c60\u8017\u96fb\u91cf\u800c\u51fa\u7684\u8a08\u7b56\uff0c\u53ea\u662f\u63db\u4e86\u500b\u5671\u982d\u800c\u5df2\u300d\u7e3d\u4e4b\uff0c\u4e0d\u7ba1\u8a2d\u8a08\u4e2d\u4f7f\u7528\u9ed1\u767d\u3001\u7d05\u7da0\u3001\u85cd\u9ec3\u54ea\u4e00\u7a2e\u914d\u8272\uff0c\u4e00\u5b9a\u8981\u6ce8\u610f\u6587\u5b57\u548c\u80cc\u666f\u7684\u5c0d\u6bd4\u662f\u5426\u6e05\u6670\u4fbf\u65bc\u95b1\u8b80\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01b0775f46ebf611013e3187900faa.png\" title=\"01b0775f46ebf611013e3187900faa\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>5.2\u91cd\u8907Repeated \uff08<\/strong>\u7d71\u4e00\u6709\u79e9\u5e8f\uff09<\/p>\n<p>\u91cd\u8907\u662f\u4fdd\u6301\u6574\u9f4a\u7684\u91cd\u8981\u6e96\u5247\u3002\u65e2\u5305\u62ec\u5b57\u9ad4\u3001\u5b57\u865f\u7684\u91cd\u8907\uff0c\u4e5f\u5305\u62ec\u984f\u8272\u3001\u98a8\u683c\u7684\u91cd\u8907\u3002\u5c0d\u65bc\u65b0\u4eba\u4f86\u8aaa\uff0c\u8981\u6642\u523b\u7262\u8a18\uff0c<strong>\u76e1\u91cf\u7d71\u4e00\u5b57\u9ad4\u3001\u5b57\u865f\u3001\u984f\u8272\u7b49\u4e00\u7cfb\u5217\u5143\u7d20\uff0c\u5728\u7d71\u4e00\u7684\u57fa\u790e\u4e0a\uff0c\u627e\u51fa\u9700\u8981\u5f37\u8abf\u7684\u90e8\u5206\uff0c\u9032\u884c\u66f4\u6539<\/strong>\uff0c\u901a\u904e\u5c0d\u6bd4\u539f\u5247\u9032\u884c\u5f37\u5316\u3002<\/p>\n<p><\/p>\n<p>\u5982\u679c\u76f8\u540c\u5167\u5bb9\uff08\u5982\u6a19\u984c\uff09\u5c6c\u65bc\u540c\u4e00\u7a2e\u908f\u8f2f\u95dc\u4fc2\uff0c\u5247\u61c9\u8a72\u4f7f\u4ed6\u5011\u7684\u5b57\u9ad4\u3001\u984f\u8272\u3001\u7559\u767d\u76e1\u91cf\u4fdd\u6301\u4e00\u81f4\u3002\u9019\u6a23\u53ef\u4ee5\u589e\u52a0\u5167\u5bb9\u7684\u689d\u7406\u6027\uff0c\u4e26\u52a0\u5f37\u8a2d\u8a08\u7684\u7d71\u4e00\u6027\u3002\u5728\u91cd\u8907\u539f\u5247\u4e0b\uff0c\u7528\u6236\u6703\u56e0\u70ba\u8996\u89ba\u6163\u6027\u7e7c\u7e8c\u9078\u62db\u8a2d\u8a08\u7dda\u7d22\uff0c\u6839\u64da\u91cd\u8907\u6027\u8a2d\u8a08\u7dda\u7d22\u9806\u5834\u5730\u700f\u89bd\u4e0b\u53bb\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ed505f46ec0b11013f1a64ceaee2.png\" title=\"01ed505f46ec0b11013f1a64ceaee2\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c3095f46eabd11013f1a64f37713.png\" title=\"01c3095f46eabd11013f1a64f37713\" style=\"white-space: normal;\"><\/p>\n<p>\u91cd\u8907\u4e0d\u662f\u55ae\u4e00\u7684\u6a5f\u68b0\u5f0f\u7684\u5143\u7d20\u91cd\u8907\uff0c\u6211\u5011\u53ef\u4ee5\u7406\u89e3\u70ba\u7528\u7d71\u4e00\u7684\u91cd\u8907\u5143\u7d20\u5851\u9020\u4e00\u500b\u65b0\u7684\u5143\u7d20\u3002\u7576\u7136\u9019\u662f\u5728\u4fdd\u7559\u57fa\u672c\u7684\u5143\u7d20\u6642\u6240\u5851\u9020\u51fa\u4f86\u7684\u9ad8\u5ea6\u7d71\u4e00\u6027\u7684\u756b\u9762\uff0c\u5f9e\u800c\u589e\u5f37\u6211\u5011\u6240\u60f3\u8981\u7684\u8a2d\u8a08\u6548\u679c\u3002<\/p>\n<p><\/p>\n<p><strong>5.3\u5c0d\u9f4aAlignment \uff08<\/strong>\u7d71\u4e00\u800c\u6709\u689d\u7406\uff09<\/p>\n<p><\/p>\n<p>\u5728\u9801\u9762\u8a2d\u8a08\u4e0a\u6bcf\u4e00\u5143\u7d20\u90fd\u61c9\u8a72\u8207\u9801\u9762\u4e0a\u7684\u53e6\u4e00\u500b\u5143\u7d20\u5b58\u5728\u67d0\u7a2e\u8996\u89ba\u806f\u7e6b\uff0c\u9019\u6a23\u624d\u80fd\u5efa\u7acb\u6e05\u6670\u7684\u7d50\u69cb\u3002\u4efb\u4f55\u5143\u7d20\u5167\u5bb9\u5728\u5728\u7248\u9762\u4e0a\u90fd\u61c9\u8a72\u76e1\u91cf\u4e0a\u4e0b\u5de6\u53f3\u5c0d\u9f4a\uff0c\u5c0d\u65bc\u8a2d\u8a08\u65b0\u4eba\u4f86\u8aaa\uff0c\u6700\u597d\u56b4\u683c\u9075\u5faa\u4e00\u7a2e\u5c0d\u9f4a\u65b9\u5f0f\uff0c\u4e0d\u7136\u5c31\u6703\u5c0e\u81f4\u6df7\u4e82\uff0c\u5be6\u5728\u4e0d\u884c\uff0c\u81f3\u5c11\u4fdd\u8b49\u5728\u540c\u4e00\u5167\u5bb9\u7248\u584a\u4e2d\u9075\u5faa\u4e00\u7a2e\u5c0d\u9f4a\u65b9\u5f0f\u3002\u65b9\u6cd5\u4e5f\u5f88\u7c21\u55ae\uff0c\u5c31\u662f\u627e\u5230\u4e00\u689d\u660e\u78ba\u7684\u5c0d\u9f4a\u7dda\uff0c\u4e26\u7528\u5b83\u4f86\u5c0d\u9f4a\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0196f85f46ec4d11013e3187c398f6.png\" title=\"0196f85f46ec4d11013e3187c398f6\"><\/p>\n<p><\/p>\n<p>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/p>\n<p>\u5c0d\u9f4a\u5305\u62ec\u5de6\u5c0d\u9f4a\u3001\u5c45\u4e2d\u5c0d\u9f4a\u3001\u53f3\u5c0d\u9f4a3 \u7a2e\u65b9\u5f0f\u3002<\/p>\n<p><strong>\u5de6\u5c0d\u9f4a\uff1a<\/strong>\u9801\u9762\u4e2d\u7684\u5143\u7d20\u4ee5\u5de6\u57fa\u7dda\u5c0d\u9f4a\u3002\u5de6\u5c0d\u9f4a\u662f\u6700\u5e38\u898b\u7684\u5c0d\u9f4a\u65b9\u5f0f\uff0c\u7c21\u6f54\u5927\u65b9\uff0c\u5229\u65bc\u95b1\u8b80\uff1b<\/p>\n<p><strong>\u5c45\u4e2d\u5c0d\u9f4a<\/strong>\uff1a\u9801\u9762\u4e2d\u7684\u5143\u7d20\u4ee5\u4e2d\u57fa\u7dda\u5c0d\u9f4a\u3002\u5c45\u4e2d\u5c0d\u9f4a\u7d66\u4eba\u4e00\u7a2e\u56b4\u8085\u8207\u6b63\u5f0f\u611f\uff0c\u4e0d\u904e\u4e5f\u6703\u6709\u5446\u677f\u7684\u611f\u89ba\uff1b<\/p>\n<p><strong>\u53f3\u5c0d\u9f4a\uff1a<\/strong>\u9801\u9762\u4e2d\u7684\u5143\u7d20\u4ee5\u53f3\u57fa\u7dda\u5c0d\u9f4a\u3002\u76f8\u5c0d\u5c11\u898b\u7684\u5c0d\u9f4a\u65b9\u5f0f\uff0c\u7d66\u4eba\u4e00\u7a2e\u4eba\u70ba\u4e7e\u9810\u7684\u611f\u89ba\uff0c\u52a0\u5f37\u4e86\u5f62\u5f0f\u611f\uff0c\u964d\u4f4e\u4e86\u95b1\u8b80\u6548\u7387\uff1b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0184925f46ed9411013f1a64344768.png\" title=\"0184925f46ed9411013f1a64344768\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>5.4\u89aa\u5bc6\u6027Proximity \uff08<\/strong>\u5be6\u73fe\u7d44\u7e54\u6027\uff09<\/p>\n<p>\u89aa\u5bc6\u6027\u662f\u5be6\u73fe\u8996\u89ba\u908f\u8f2f\u5316\u7684\u7b2c\u4e00\u6b65\uff0c\u5b83\u662f\u6307<strong>\u95dc\u4fc2\u8d8a\u8fd1\u7684\u5167\u5bb9\uff0c\u5728\u8996\u89ba\u4e0a\u61c9\u8a72\u9760\u5f97\u8d8a\u8fd1\uff0c\u53cd\u4e4b\uff0c\u95dc\u4fc2\u8d8a\u758f\u9060\u7684\u5167\u5bb9\uff0c\u5728\u8996\u89ba\u4e0a\u61c9\u8a72\u8d8a\u9060\u3002<\/strong>\u7c21\u55ae\u7684\u4f86\u8b1b\u5c31\u662f\u8981\u628a\u756b\u9762\u4e2d\u7684\u5143\u7d20\u5206\u985e\uff0c\u628a\u6bcf\u4e00\u500b\u5206\u985e\u505a\u6210\u4e00\u500b\u8996\u89ba\u55ae\u4f4d\uff0c\u800c\u4e0d\u662f\u773e\u591a\u7684\u5b64\u7acb\u7684\u5143\u7d20\u3002\u9019\u6709\u52a9\u65bc\u7d44\u7e54\u4fe1\u606f\uff0c\u6e1b\u5c11\u6df7\u4e82\uff0c\u70ba\u8b80\u8005\u63d0\u4f9b\u6e05\u6670\u7684\u7d50\u69cb\u3002<\/p>\n<p><\/p>\n<p>\u90a3\u505a\u597d\u89aa\u5bc6\u6027\u6709\u54ea\u4e9b\u65b9\u6cd5\u5462\uff0c\u79c1\u4ee5\u70ba\u6709\u4ee5\u4e0b\u5e7e\u9ede\uff1a<\/p>\n<p><\/p>\n<p><strong>\u7559\u767d\uff1a<\/strong>\u7559\u767d\u662f\u8a2d\u8a08\u4e2d\u901a\u7528\u7684\u842c\u91d1\u6cb9\u539f\u5247\uff0c\u901a\u904e\u7559\u767d\u5efa\u7acb\u8ddd\u96e2\u95dc\u4fc2\u9032\u884c\u5167\u5bb9\u5340\u5206\uff1b<\/p>\n<p>\u5de6\u5716\u6b4c\u66f2\u5c01\u9762\u548c\u6b4c\u66f2\u540d\u4fe1\u606f\u9593\u9694\u6bd4\u6bcf\u9996\u6b4c\u66f2\u4e0a\u4e0b\u9593\u8ddd\u9084\u5927\uff0c\u5c0e\u81f4\u7528\u6236\u7684\u8996\u7dda\u6d41\u5448\u5782\u76f4\u65b9\u5411\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/017cda5f46edac11013e3187bc1faa.png\" title=\"017cda5f46edac11013e3187bc1faa\"><\/p>\n<p><strong>\u5206\u5272\uff1a<\/strong>\u7c21\u55ae\u4f86\u8aaa\u5c31\u662f\u5206\u7d44\uff0c\u5efa\u7acb\u7d44\u5408\u95dc\u4fc2\u3002\u5e38\u898b\u7684\u5f62\u5f0f\u6709\u7dda\u689d\u5206\u5272\uff0c\u5361\u7247\u5206\u5272\u7b49\uff1b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/011a4e5f46edbe11013f1a6442e512.png\" title=\"011a4e5f46edbe11013f1a6442e512\"><\/p>\n<p><strong>\u8272\u76f8\uff1a<\/strong>\u901a\u904e\u984f\u8272\u7684\u5c0d\u6bd4\uff0c\u4e0d\u540c\u984f\u8272\u7684\u4fe1\u606f\u6703\u6697\u793a\u9019\u662f\u540c\u4e00\u985e\u3002\u5e38\u898b\u7684\u65e5\u66c6\u884c\u7a0b\u5c31\u662f\u901a\u904e\u4e0d\u540c\u984f\u8272\u4f86\u5340\u5206\u6642\u9593\u548c\u5177\u9ad4\u4e8b\u9805\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d6445f46edc711013e31875d2ddc.png\" title=\"01d6445f46edc711013e31875d2ddc\"><\/p>\n<p><strong>\u65b9\u5411\uff1a<\/strong>\u4e0d\u540c\u7684\u6392\u7248\u65b9\u5f0f\u4e5f\u53ef\u4ee5\u5f88\u597d\u7684\u5340\u5206\u4fe1\u606f\uff1b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01a6c15f46edfd11013f1a64c04714.png\" title=\"01a6c15f46edfd11013f1a64c04714\"><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0188975f46edf411013e3187e52640.png\" title=\"0188975f46edf411013e3187e52640\"><\/p>\n<p><\/p>\n<p>\u201c\u4fe1\u566a\u6bd4\u201d\uff08Signal-to-Noise Ratio\uff09\u539f\u672c\u662f\u7528\u5728\u8072\u97f3\u548c\u5716\u50cf\u9818\u57df\u7684\u6982\u5ff5\u3002\u5728\u4e92\u806f\u7db2\u7522\u54c1\u4e2d\u628a\u201c\u4fe1\u566a\u6bd4\u201d\u6982\u5ff5\u501f\u7528\u5230\u4e86\u7528\u6236\u9ad4\u9a57\u3002\u5408\u7406\u7684\u4fe1\u566a\u6bd4\u53ef\u6539\u5584\u8207\u7528\u6236\u7684\u4ea4\u6d41\u3002\u52a0\u5927\u4fe1\u865f\u53ef\u4ee5\u5c07\u6709\u7528\u7684\u4fe1\u606f\u5feb\u901f\u6e96\u78ba\u7684\u50b3\u9054\u7d66\u7528\u6236\uff0c\u6e1b\u5c11\u566a\u97f3\u4e26\u4f7f\u4fe1\u865f\u812b\u7a4e\u800c\u51fa\u3002<\/p>\n<p><\/p>\n<p>\u5f9e\u4eba\u6a5f\u4ea4\u4e92\u89d2\u5ea6\uff0c\u6211\u5011\u61c9\u8a72\u522a\u9664\u8207\u4efb\u52d9\u4e0d\u76f8\u95dc\u7684\u5167\u5bb9\u6216\u8a2d\u8a08\u5143\u7d20\u3002<strong>\u4f60\u751a\u81f3\u53ef\u4ee5\u5c07\u9ad8\u4fe1\u566a\u6bd4\u7684\u76ee\u6a19\u8207\u6975\u7c21\u4e3b\u7fa9\u806f\u7e6b\u8d77\u4f86<\/strong>\u3002\u4f46\u662f\u201c\u4fe1\u865f\u201d\u548c\u201c\u566a\u97f3\u201d\u7684\u78ba\u5207\u542b\u7fa9\u6703\u6709\u6240\u4e0d\u540c\uff0c\u4e00\u500b\u4eba\u7684\u4fe1\u865f\u53ef\u80fd\u662f\u5c0d\u53e6\u4e00\u500b\u4eba\u7684\u5e72\u64fe\uff0c\u56e0\u6b64\uff0c<strong>\u7528\u6236\u754c\u9762\u7684\u4fe1\u566a\u6bd4\u6709\u4f4e\u6709\u9ad8\uff0c\u53d6\u6c7a\u65bc\u5177\u9ad4\u7684\u7528\u6236\u548c\u5177\u9ad4\u7684\u4efb\u52d9<\/strong>\u3002\u5728\u7528\u6236\u754c\u9762\u4e2d\uff0c\u4fe1\u566a\u6bd4\u6240\u6d89\u53ca\u7684\u201c\u4fe1\u606f\u201d\u53ef\u4ee5\u662f\u4efb\u4f55\u5167\u5bb9\uff0c\u5305\u62ec\u6587\u672c\u5167\u5bb9\uff0c\u8996\u89ba\u5143\u7d20\u6216\u52d5\u756b\u7b49\u3002<strong>\u70ba\u4e86\u63d0\u9ad8\u8a2d\u8a08\u50b3\u9054\u4fe1\u606f\u7684\u6548\u7387\u4e26\u5e6b\u52a9\u7528\u6236\u5b8c\u6210\u4efb\u52d9\uff0c\u9700\u8981\u63d0\u9ad8\u4fe1\u566a\u6bd4<\/strong>\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/017aa75f46ee1711013e3187c2cb4a.png\" title=\"017aa75f46ee1711013e3187c2cb4a\"><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01b34e5f46ee3611013e318782bbb3.png\" title=\"01b34e5f46ee3611013e318782bbb3\"><\/p>\n<p>\u7528\u6236\u59cb\u7d42\u559c\u6b61\u6e05\u6670\u3001\u7c21\u55ae\u3001\u81ea\u7136\u3001\u597d\u7528\u7684\u8a2d\u8a08\u548c\u7522\u54c1\u3002\u4f46\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9664\u4e86\u4ea4\u6d41\u5fc5\u8981\u4fe1\u606f\u4e4b\u5916\uff0c\u6211\u5011\u9084\u5e0c\u671b\u754c\u9762\u5728\u8996\u89ba\u4e0a\u5177\u5099\u5438\u5f15\u529b\uff0c\u4ee5\u559a\u8d77\u7528\u6236\u7684\u67d0\u4e9b\u60c5\u611f\u3002<strong>\u6709\u4e86\u984d\u5916\u7684\u76ee\u6a19\uff08\u6bd4\u5982\u54c1\u724c\u5ba3\u50b3\u3001\u696d\u52d9\u76ee\u6a19\u7b49\uff09\uff0c\u61c9\u8a72\u4ee5\u5408\u7406\u7684\u4fe1\u566a\u6bd4\u70ba\u76ee\u6a19\uff0c\u800c\u4e0d\u662f\u4ee5\u7d55\u5c0d\u7684\u65b9\u5f0f\u6392\u9664\u6240\u6709\u201c\u7121\u95dc\u201d\u7684\u4fe1\u606f\u3002<\/strong><\/p>\n<p>\u4f8b\u5982iOS6\u5230iOS7\u5716\u6a19\u64ec\u7269\u5230\u6241\u5e73\u5230\u6539\u8b8a\uff0c\u8b93\u7528\u6236\u53ef\u4ee5\u66f4\u5feb\u901f\u6e96\u78ba\u7684\u7372\u53d6\u5230\u6709\u6548\u4fe1\u606f\u3002\u800c\u9019\u4e00\u904e\u7a0b\uff0c\u5c31\u662f\u5178\u578b\u7684\u653e\u5927\u201c\u4fe1\u865f\u201d\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01bbb05f46ee5b11013f1a64fd526c.png\" title=\"01bbb05f46ee5b11013f1a64fd526c\"><\/p>\n<p><\/p>\n<p>\u9084\u6709\u8766\u7c73\u97f3\u6a02\u7684\u99d5\u99db\u6a21\u5f0f<\/p>\n<p>\u6211\u5011\u90fd\u77e5\u9053\uff0c\u5728\u958b\u8eca\u7684\u6642\u5019\u64cd\u4f5c\u624b\u6a5f\u662f\u975e\u5e38\u5371\u96aa\u7684\u3002\u572840km\/h\u7684\u901f\u5ea6\u4e0b\uff0c\u770b\u624b\u6a5f3\u79d2\uff0c\u76f8\u7576\u65bc\u76f2\u99db\u4e8635\u7c73\u3002\u4f46\u6709\u4e9b\u60c5\u6cc1\u4e0b\u53c8\u4e0d\u5f97\u4e0d\u64cd\u4f5c\u624b\u6a5f\uff0c\u6bd4\u5982\u7dca\u6025\u4f86\u96fb\u6216\u8005\u5c0e\u822a\u51fa\u932f\u2026\u2026\u9019\u6642\uff0c\u99d5\u99db\u6a21\u5f0f\u7684\u754c\u9762\u5c31\u986f\u5f97\u5c24\u70ba\u91cd\u8981\u4e86\uff0c\u8b93\u7528\u6236\u80fd\u5920\u5feb\u901f\u6e96\u78ba\u7684\u8b58\u5225\u4fe1\u606f\u4e26\u9032\u884c\u64cd\u4f5c\uff0c\u53ef\u4ee5\u5927\u5927\u63d0\u9ad8\u884c\u8eca\u7684\u5b89\u5168\u6027\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0113ae5f46ee5c11013e3187d28903.png\" title=\"0113ae5f46ee5c11013e3187d28903\"><\/p>\n<p><\/p>\n<p>\u5728\u754c\u9762\u4e2d\u7121\u8ad6\u662f\u4f55\u7a2e\u5206\u5272\u65b9\u5f0f(\u5206\u5272\u7dda\u3001\u5361\u7247\u9670\u5f71\u3001\u5206\u5272\u8272\u584a)\uff0c\u904e\u65bc\u6fc3\u91cd\u7684\u8868\u73fe\u90fd\u6703\u5f71\u97ff\u6709\u6548\u4fe1\u606f\u7684\u7372\u53d6\uff0c\u6210\u70ba\u754c\u9762\u4e2d\u7684\u201c\u566a\u97f3\u201d\uff0c\u56e0\u6b64\u6211\u5011\u61c9\u8a72\u8b93\u5b83\u5011\u7d30\u4e00\u9ede\u3001\u6de1\u4e00\u9ede\u4f86\u964d\u4f4e\u8868\u73fe\uff0c\u6216\u8005\u4e7e\u8106\u4e0d\u8981(\u7559\u767d\u5206\u5272)\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/019ed05f46eeba11013e31873572dc.png\" title=\"019ed05f46eeba11013e31873572dc\"><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0171515f46eec611013f1a64e94ebf.png\" title=\"0171515f46eec611013f1a64e94ebf\"><\/p>\n<p>\u5716\u7248\u7387\u5c31\u662f\u9801\u9762\u4e2d\u5716\u7247\u9762\u7a4d\u7684\u6240\u4f54\u6bd4\u3002\u5728\u9801\u9762\u8a2d\u8a08\u4e2d\uff0c\u9664\u4e86\u6587\u5b57\u4e4b\u5916\uff0c\u901a\u5e38\u90fd\u6703\u52a0\u5165\u5716\u7247\u6216\u662f\u63d2\u5716\u7b49\u8996\u89ba\u76f4\u89c0\u6027\u7684\u5167\u5bb9\u3002\u9019\u7a2e\u6587\u5b57\u548c\u5716\u7247\u6240\u4f54\u7684\u6bd4\u7387\uff0c\u5c0d\u65bc\u9801\u9762\u7684\u6574\u9ad4\u6548\u679c\u548c\u5176\u5167\u5bb9\u7684\u6613\u8b80\u6027\u6703\u7522\u751f\u5de8\u5927\u7684\u5f71\u97ff\u3002\u7576\u7136\uff0c\u9664\u5716\u7247\u672c\u8eab\u5916\uff0c\u6211\u5011\u4e5f\u53ef\u4ee5\u901a\u904e\u586b\u5145\u5e95\u8272\uff0c\u5716\u5f62\u758a\u5e95\u7b49\u65b9\u5f0f\u4f86\u63d0\u9ad8\u754c\u9762\u4e2d\u7684\u5716\u7248\u7387\u3002<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>\u5716\u7248\u7387\u9ad8\u4f4e\u7684\u5340\u5225\uff1a<\/strong>\u540c\u6a23\u7684\u8a2d\u8a08\u98a8\u683c\u4e0b\uff0c\u5716\u7248\u7387\u9ad8\u7684\u9801\u9762\u6703\u7d66\u4eba\u4ee5\u71b1\u9b27\u800c\u6d3b\u8e8d\u7684\u611f\u89ba\uff0c\u53cd\u4e4b\u5716\u7248\u7387\u4f4e\u7684\u9801\u9762\u5247\u6703\u50b3\u9054\u51fa\u6c89\u7a69\u3001\u5b89\u975c\u7684\u6548\u679c\u3002\u63d0\u9ad8\u5716\u7248\u7387\u53ef\u4ee5\u6d3b\u8e8d\u7248\u9762\uff0c\u512a\u5316\u7248\u9762\u7684\u8996\u89ba\u5ea6\u3002\u4f46\u5b8c\u5168\u6c92\u6709\u6587\u5b57\u7684\u7248\u9762\u4e5f\u6703\u986f\u5f97\u7a7a\u6d1e\uff0c\u53cd\u800c\u6703\u524a\u5f31\u7248\u9762\u7684\u8996\u89ba\u5ea6\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d7b05f46eedc11013e3187d5bcd9.png\" title=\"01d7b05f46eedc11013e3187d5bcd9\"><\/p>\n<p><\/p>\n<p>\u5728\u6c92\u6709\u5716\u50cf\u7d20\u6750\u7684\u60c5\u6cc1\u4e0b\u60f3\u8981\u5448\u73fe\u51fa\u9ad8\u5716\u7248\u7387\uff0c\u53ef\u4ee5\u901a\u904e\u4ee5\u4e0b\u5e7e\u7a2e\u65b9\u5f0f\u4f86\u5be6\u73fe\uff1a<\/p>\n<p>1\u3001\u901a\u904e\u586b\u5145\u9801\u9762\u5e95\u8272\uff0c\u53d6\u5f97\u8207\u63d0\u9ad8\u5716\u7248\u7387\u76f8\u4f3c\u7684\u6548\u679c\uff0c\u5f9e\u800c\u6539\u8b8a\u9801\u9762\u6240\u5448\u73fe\u51fa\u4f86\u7684\u8996\u89ba\u6548\u679c\uff1b<\/p>\n<p>2\u3001\u5982\u679c\u7d20\u6750\u5716\u50cf\u5c3a\u5bf8\u5c0f\uff0c\u53ef\u4ee5\u901a\u904e\u8272\u584a\u7684\u5ef6\u4f38\u6216\u662f\u5716\u50cf\u7684\u91cd\u8907\u4f86\u7d44\u7e54\u9801\u9762\u7d50\u69cb\uff0c\u540c\u6a23\u53ef\u4ee5\u63d0\u9ad8\u5716\u7248\u7387\uff1b<\/p>\n<p>3\u3001\u5229\u7528\u6392\u7248\u7684\u7bc0\u594f\u611f\u4ee5\u53ca\u8df3\u8e8d\u7387\uff08\u6587\u5b57\u548c\u5716\u7247\u7684\u8df3\u8e8d\u7387\uff0c\u662f\u6307\u7248\u9762\u4e2d\u6700\u5927\u6a19\u984c\u548c\u6700\u5927\u7684\u5716\u8207\u6700\u5c0f\u6b63\u6587\u5b57\u9ad4\u548c\u5716\u7247\u5927\u5c0f\u4e4b\u9593\u7684\u6bd4\u7387\uff09\u8b93\u7121\u8da3\u7684\u7248\u9762\u5145\u6eff\u6d3b\u529b\uff0c\u5bcc\u6709\u7bc0\u594f\u7684\u8a2d\u8a08\u4e5f\u80fd\u9593\u63a5\u512a\u5316\u9801\u9762\u7684\u5716\u7248\u7387\uff1b<\/p>\n<p>4\u3001\u589e\u52a0\u9801\u9762\u4e2d\u7684\u5716\u5f62\u4e5f\u53ef\u4ee5\u6539\u5584\u5716\u7248\u7387\u4f4e\u7684\u554f\u984c\u3002\u7121\u8ad6\u662f\u6578\u5b57\u3001\u5e8f\u865f\u3001\u5716\u6a19\uff0c\u751a\u81f3\u662f\u8996\u89ba\u8655\u7406\u5f8c\u7684\u6a19\u984c\u6587\u5b57\uff0c\u90fd\u80fd\u63d0\u9ad8\u9801\u9762\u7684\u8996\u89ba\u5ea6\uff0c\u4e26\u7d66\u7528\u6236\u7559\u4e0b\u6d3b\u8e8d\u751f\u52d5\u7684\u5370\u8c61\uff1b<\/p>\n<p>5\u3001\u5982\u679c\u9801\u9762\u4e2d\u6c92\u6709\u5716\u7247\u548c\u63d2\u5716\uff0c\u90a3\u9ebc\u901a\u904e\u5c0d\u6587\u5b57\u53ca\u5176\u984f\u8272\u7684\u8655\u7406\uff0c\u4e5f\u53ef\u4ee5\u8d77\u5230\u63d0\u9ad8\u5716\u7248\u7387\u7684\u4f5c\u7528\uff1b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0194bc5f46eef111013f1a643ea337.png\" title=\"0194bc5f46eef111013f1a643ea337\"><\/p>\n<p><\/p>\n<p>\u4e0a\u9762\u7684\u4f8b\u5b50\u4e2d\uff0c\u5c0d\u65bc\u6a19\u984c\u6587\u5b57\u90fd\u9032\u884c\u4e86\u8996\u89ba\u52a0\u5de5\uff0c\u8d77\u5230\u4e86\u6574\u9ad4\u9801\u9762\u7684\u88dd\u98fe\u6548\u679c\u3002\u501f\u52a9\u5c0d\u9019\u7a2e\u6587\u5b57\u5927\u5c0f\u3001\u984f\u8272\u3001\u5f62\u72c0\u7684\u9748\u6d3b\u904b\u7528\uff0c\u4f86\u7a81\u51fa\u9801\u9762\u7684\u91cd\u9ede\uff0c\u907f\u514d\u8996\u89ba\u4e0a\u7684\u55ae\u8abf\u611f\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01a2665f46ef2811013e318708bbd0.png\" title=\"01a2665f46ef2811013e318708bbd0\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ff5a5f46ef1511013f1a6498fdc7.png\" title=\"01ff5a5f46ef1511013f1a6498fdc7\"><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>8.1\u6587\u5b57\u5728\u4ee3\u78bc\u4e2d\u7684\u5be6\u73fe<\/strong><\/p>\n<p><\/p>\n<p>\u5728\u958b\u767c\u843d\u5730\u7684\u904e\u7a0b\u4e2d\uff0c\u6587\u5b57\u6392\u7248\u7684\u958b\u767c\u5be6\u73fe\u662f\u5f88\u91cd\u8981\u7684\u4e00\u500b\u74b0\u7bc0\uff0c\u4e5f\u662f\u7d93\u5e38\u8b93\u8a2d\u8a08\u5e2b\u548c\u958b\u767c\u5c0f\u54e5\u54e5\u982d\u75bc\u4e0d\u5df2\u7684\u5730\u65b9\u3002\u5b57\u9ad4\u548c\u6392\u7248\u5728\u5be6\u73fe\u4e0a\u7d93\u5e38\u6703\u51fa\u73fe\u504f\u5dee\uff0c\u4e3b\u8981\u539f\u56e0\u5728\u65bc\u958b\u767c\u7684\u6a19\u8a3b\u65b9\u5f0f\u548c\u8a2d\u8a08\u8edf\u4ef6\u4e0d\u4e00\u81f4\u3002\u56e0\u6b64\u7406\u89e3\u6587\u5b57\u958b\u767c\u7684\u5be6\u73fe\u65b9\u5f0f\uff0c\u7d30\u7bc0\u554f\u984c\u7684\u89e3\u6c7a\u65b9\u6cd5\u81f3\u95dc\u91cd\u8981\u3002\u5728Android\u4e2d\uff0c\u6587\u5b57\u958b\u767c\u5de5\u4f5c\u662f\u901a\u904e\u4e00\u500b\u53ebTextView\u63a7\u4ef6\u4f86\u5be6\u73fe\u7684\uff0c\u4e3b\u8981\u627f\u64d4\u6587\u672c\u986f\u793a\u7684\u4efb\u52d9\uff0c\u4efb\u4f55APP\u90fd\u4e0d\u53ef\u907f\u514d\u7684\u6703\u7528\u5230\u5b83\u3002 TextView\u5e38\u7528\u5c6c\u6027\u5982\u4e0b\u5716\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/018cd35f46ef3b11013e3187d906b1.png\" title=\"018cd35f46ef3b11013e3187d906b1\"><\/p>\n<p><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>8.2\u5b57\u9ad4\u5b57\u91cd\u5c0d\u61c9\u7684font-weight\u503c<\/strong><\/p>\n<p>\u5728\u524d\u6587\u804a\u904e\uff0c\u6bcf\u7a2e\u5b57\u9ad4\u90fd\u5c0d\u61c9\u6709\u597d\u5e7e\u7a2e\u5b57\u91cd\uff08Regular\u3001Normal\u3001Medium\u3001Light \uff09\uff0c\u5728\u7d66\u958b\u767c\u7684UI\u8a2d\u8a08\u7a3f\u4e2d\uff0c\u6211\u5011\u7d66\u7684\u5b57\u9ad4\u6a19\u8a3b\u901a\u5e38\u6709<em>PingFangSC-Regular<\/em> \u3001 <em>PingFangSC-Medium<\/em> \u3001 <em>PingFangSC-Bold<\/em> \uff0c\u4e26\u4e0d\u6703\u76f4\u63a5\u7d66\u958b\u767cfont-weight\u7684\u503c\u3002\u96d6\u7136\u9019\u9700\u8981\u958b\u767c\u53bb\u719f\u8a18\uff0c\u4f46\u4f5c\u70ba\u8a2d\u8a08\u5e2b\u4e86\u89e3\u5b83\u5011\u7684\u5c0d\u61c9\u95dc\u4fc2\uff0c\u53ef\u4ee5\u66f4\u9806\u66a2\u7684\u548c\u958b\u767c\u6e9d\u901a\u3002<\/p>\n<p><\/p>\n<p>\u5728W3C Fonts\u7bc0\u7ae0\u7684\u898f\u7bc4\u6a19\u6e96\u4e2d\u6709\u7d66\u5177\u9ad4\u6578\u503c\uff08 <strong>100\u81f3900<\/strong> \uff09\uff1a<\/p>\n<p>\u9019\u4e9b\u6709\u5e8f\u6392\u5217\u4e2d\u7684\u6bcf\u500b\u503c\uff0c\u5c0d\u61c9\u5b57\u9ad4\u7684\u5b57\u91cd\u3002\u5176\u5927\u81f4\u7b26\u5408\u4e0b\u5217\u901a\u7528\u91cd\u91cf\u540d\u7a31\uff1a<\/p>\n<blockquote>\n<ul class=\" list-paddingleft-2\" style=\"list-style-type: disc;\">\n<li>\n<p> 100 - Thin<\/p>\n<\/li>\n<li>\n<p> 200 - Extra Light (Ultra Light)<\/p>\n<\/li>\n<li>\n<p> 300 - Light<\/p>\n<\/li>\n<li>\n<p> 400 - Normal<\/p>\n<\/li>\n<li>\n<p> 500 - Medium<\/p>\n<\/li>\n<li>\n<p> 600 - Semi Bold (Demi Bold)<\/p>\n<\/li>\n<li>\n<p> 700 - Bold<\/p>\n<\/li>\n<li>\n<p> 800 - Extra Bold (Ultra Bold)<\/p>\n<\/li>\n<li>\n<p> 900 - Black (Heavy)<\/p>\n<p><\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<p>\u7576\u7136\uff0c\u4e26\u4e0d\u662f\u6bcf\u4e00\u7a2e\u5b57\u9ad4\u90fd\u6709\u9019\u9ebc\u591a\u5b57\u91cd\uff0c\u90a3\u9047\u5230\u6709\u4e9b\u5b57\u9ad4\u53ea\u67092\u30013\u7a2e\u5b57\u91cd\uff0c\u8a72\u600e\u9ebc\u5c0d\u61c9font-weight \u503c\u5462\uff1f W3C Fonts\u4e5f\u7d66\u51fa\u4e86\u89e3\u6c7a\u65b9\u6848\uff0c\u4f8b\u5982\u5b57\u91cd\u548c400\u5927\u81f4\u7b26\u5408\u5c07\u6703\u6b78\u70baRegular\u3001Book\u3001Roman\uff1b\u548c700\u5927\u81f4\u7b26\u5408\u5c07\u6703\u6b78\u70baBold\u3002\u82e5\u4e00\u500b\u91cd\u91cf\u6240\u6307\u5b9a\u7684\u5b57\u5f62\u4e0d\u5b58\u5728\uff0c\u5247\u61c9\u7576\u4f7f\u7528\u76f8\u8fd1\u91cd\u91cf\u7684\u5b57\u5f62\u3002\u901a\u5e38\uff0c\u8f03\u91cd\u7684\u91cd\u91cf\u6703\u6620\u5c04\u5230\u66f4\u91cd\u7684\u5b57\u5f62\u3001\u8f03\u8f15\u7684\u91cd\u91cf\u6703\u6620\u5c04\u5230\u66f4\u8f15\u7684\u5b57\u5f62\u3002\u4e0b\u5716\u6240\u793a\uff1a\u7070\u8272\u8868\u793a\u8a72\u91cd\u91cf\u7684\u5b57\u5f62\u4e0d\u5b58\u5728\u3001\u4f7f\u7528\u7684\u662f\u76f8\u8fd1\u91cd\u91cf\u7684\u5b57\u5f62\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01f3905f46ef5311013e3187f2b2eb.png\" title=\"01f3905f46ef5311013e3187f2b2eb\"><\/p>\n<p>\u25b3 \u53ea\u5305\u542b400\u3001700\u548c900\u91cd\u91cf\u5b57\u5f62\u7684\u5b57\u9ad4\u5bb6\u65cf\u7684\u5c0d\u61c9\u5b57\u91cd<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01ae9f5f46ef6411013f1a647aa927.png\" title=\"01ae9f5f46ef6411013f1a647aa927\"><\/p>\n<p>\u25b3 \u53ea\u5305\u542b300\u548c600\u91cd\u91cf\u5b57\u5f62\u7684\u5b57\u9ad4\u5bb6\u65cf\u7684\u5c0d\u61c9\u5b57\u91cd<\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>8.3\u6587\u672c\u6846\u884c\u9ad8\u7684\u554f\u984c<\/strong><\/p>\n<p>\u6211\u5011\u90fd\u77e5\u9053\u5728\u8a2d\u8a08\u7684\u6642\u5019\uff0c\u53ef\u80fd\u5b57\u9ad4\u4f7f\u7528\u768424pt\uff0c\u4f46\u5176\u5be6\u5b57\u9ad4\u672c\u8eab\u4f54\u7528\u7684\u8ddd\u96e2\u662f\u5305\u542b\u4e86\u5347\u90e8\u53ca\u964d\u90e8\u5340\u57df\u7684\uff0c\u9019\u6a23\u5c31\u5c0e\u81f4\u5176\u5360\u7528\u7a7a\u9593\u5927\u65bc24pt\uff0c\u800c\u8b8a\u6210\u4e8633pt\u3002\u6bcf\u500b\u5b57\u9ad4\u90fd\u6709\u76f8\u61c9\u8a2d\u5b9a\u7684\u300c\u5b57\u9ad8\u300d\u6bd4\u4f8b\uff0c\u53ef\u4ee5\u901a\u904esketch\u9078\u4e2d\u5b57\u9ad4\u5f8c\u7684height\u503c\u4f86\u9032\u884c\u67e5\u770b\u3002\u7dda\u9ad8\u8d8a\u5927\uff0c\u554f\u984c\u5c31\u8d8a\u5927\u3002\u4e0b\u9762\u7684\u793a\u4f8b\u986f\u793a\u6587\u672c\u6846\u4e4b\u9593\u7684\u8ddd\u96e2\u8a2d\u7f6e\u70ba32px\u3002\u5982\u4f60\u6240\u898b\uff0c\u5373\u4f7f\u4f60\u5c07\u6240\u6709\u5782\u76f4\u9593\u8ddd\u90fd\u8a2d\u7f6e\u70ba\u76f8\u540c\u7684\u503c\uff0c\u5b83\u5011\u5728\u8996\u89ba\u4e0a\u4e5f\u9060\u5927\u65bc32px\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/011a815f46ef9711013f1a640aff76.png\" title=\"011a815f46ef9711013f1a640aff76\"><\/p>\n<p>\u25b3 \u96d6\u7136\u6a19\u8a3b\u51fa\u4f86\u7684\u53c3\u6578\u90fd\u662f\u4e00\u6a23\u5927\uff0c\u4f46\u8996\u89ba\u4e0a\u9593\u8ddd\u537b\u662f\u4e0d\u4e00\u6a23\u7684<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/015ecf5f46f05211013e31871fcfda.png\" title=\"015ecf5f46f05211013e31871fcfda\"><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><strong>8.4 Leading-Trim\uff1a\u6578\u5b57\u6392\u7248\u7684\u672a\u4f86<\/strong><\/p>\n<p>\u53bb\u5e74\u516d\u6708\uff0cMicrosoft Design\u8d0a\u52a9\u4e86\u4e00\u500b\u65b0\u7684css\u898f\u7bc4\uff0c\u7a31\u70ba\u300cLeading-Trim\u300d\u3002\u9019\u500bcss\u65b9\u6848\u80fd\u5f88\u597d\u7684\u89e3\u6c7a\u4e0a\u9762\u9019\u500b\u554f\u984c\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c8a65f46efd411013e318754ac8f.png\" title=\"01c8a65f46efd411013e318754ac8f\"><\/p>\n<p>\u6211\u5011\u5e38\u7528\u7684UI\u8a2d\u8a08\u5de5\u5177\uff0c\u4f8b\u5982Figma\u548cSketch\uff0c\u4f3c\u4e4e\u5df2\u7d93\u63a1\u7528\u4e86\u300chalf-leading\u300d\u6a21\u5f0f\u4e26\u4ee5\u6b64\u65b9\u5f0f\u6e32\u67d3\u6587\u672c\u3002\u56e0\u6b64\uff0c\u6211\u5011\u5728\u8a2d\u8a08\u5de5\u5177\u548c\u700f\u89bd\u5668\u4e2d\u90fd\u9047\u5230\u4e86\u9019\u500b\u554f\u984c\u3002<\/p>\n<p><\/p>\n<p>\u8a2d\u8a08\u65b9\u9762\u7684\u89e3\u6c7a\u65b9\u6cd5\u76f8\u5c0d\u5bb9\u6613\uff1a\u4f60\u53ef\u4ee5\u5ffd\u7565\u908a\u754c\u6846\uff0c\u800c\u76f4\u63a5\u6839\u64da\u6587\u672c\u7684\u5927\u5beb\u9ad8\u5ea6\u548c\u57fa\u7dda\u4f86\u6e2c\u91cf\u7a7a\u9593\u3002\u9019\u662f\u4e00\u500b\u624b\u52d5\u904e\u7a0b\uff0c\u56e0\u70ba\u5927\u591a\u6578\u8a2d\u8a08\u5de5\u5177\u6c92\u6709\u4e0a\u9650\u9ad8\u5ea6\u548c\u57fa\u7dda\u7684\u53c3\u7167\u76ee\u6a19\uff0c\u5118\u7ba1\u8a2d\u8a08\u5e2b\u5c07\u76e1\u4e00\u5207\u52aa\u529b\u4f7f\u6211\u5011\u7684\u8a2d\u8a08\u770b\u8d77\u4f86\u66f4\u597d\uff01\u4f46\u662f\uff0c\u5982\u679c\u63a1\u7528\u9019\u7a2e\u65b9\u6cd5\uff0c\u958b\u767c\u4eba\u54e1\u4ecd\u5c07\u50c5\u5728CSS\u4e2d\u5be6\u73fe\u908a\u754c\u6846\u9593\u8ddd\u3002\u56e0\u6b64\uff0c\u5b83\u5011\u6703\u51fa\u73fe\u96a8\u6a5f\u7684\u9593\u8ddd\u503c\u3002<\/p>\n<p><\/p>\n<p>\u70ba\u4e86\u7de9\u89e3\u6b64\u96a8\u6a5f\u6027\u554f\u984c\uff0c\u958b\u767c\u4eba\u54e1\u53ef\u4ee5\u5728CSS\u4e2d\u4ee5\u8ca0\u908a\u8ddd\u201c\u88c1\u526a\u201d\u6587\u672c\u6846\u3002\u4f46\u662f\u8ca0\u908a\u8ddd\u5c07\u9700\u8981\u624b\u52d5\u78ba\u5b9a\uff0c\u4e26\u4e14\u662f\u7279\u5b9a\u65bc\u5b57\u9ad4\u7684\uff0c\u56e0\u6b64\u662f\u201c\u96a8\u6a5f\u7684\u201d\u3002\u4efb\u4f55\u5b57\u9ad4\uff0c\u700f\u89bd\u5668\uff0c\u64cd\u4f5c\u7cfb\u7d71\u6216\u8a9e\u8a00\u74b0\u5883\u7684\u66f4\u6539\u90fd\u5c07\u4e0d\u53ef\u907f\u514d\u5730\u5c0e\u81f4\u4f60\u4e0d\u5c0f\u5fc3\u8a2d\u7f6e\u908a\u8ddd\u3002\u6b64\u5916\uff0c\u8a72\u6280\u8853\u901a\u5e38\u4e0d\u662f\u826f\u597d\u7684\u7de8\u78bc\u5be6\u8e10\uff0c\u4e26\u4e14\u53ef\u80fd\u5c0e\u81f4\u610f\u5916\u7684\u526f\u4f5c\u7528\u3002<\/p>\n<p><strong>8.4.1 Leading-Trim\u65b0\u898f\u7bc4<\/strong><\/p>\n<p>Leading-trim\u662fCSS\u5de5\u4f5c\u7d44\u6b63\u5728\u5f15\u5165\u7684\u65b0CSS\u5c6c\u6027\u3002\u9867\u540d\u601d\u7fa9\uff0c\u5b83\u5c31\u50cf\u6587\u672c\u6846\u526a\u5200\u4e00\u6a23\u5de5\u4f5c\u3002\u4f60\u53ea\u9700\u4f7f\u7528\u5169\u884cCSS\uff0c\u5c31\u53ef\u4ee5\u5f9e\u4f60\u9078\u64c7\u7684\u53c3\u8003\u9ede\u4e2d\u4fee\u526a\u6389\u6240\u6709\u591a\u9918\u7684\u7a7a\u9593\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01c04d5f46f02c11013f1a64ff00e0.gif\" title=\"01c04d5f46f02c11013f1a64ff00e0\"><\/p>\n<p><\/p>\n<p>\u4ee3\u78bc\u793a\u4f8b\uff1a<\/p>\n<blockquote>\n<p>h1 {<\/p>\n<p> text-edge: cap alphabetic;<\/p>\n<p> leading-trim: both;<\/p>\n<p> }<\/p>\n<\/blockquote>\n<p><\/p>\n<p>\u4e0a\u9762\u7684\u793a\u4f8b\u9996\u5148\u4f7f\u7528text-edge\uff08\u4e5f\u662f\u65b0\u5c6c\u6027\uff09\u4f86\u544a\u8a34\u700f\u89bd\u5668\uff0c\u6240\u9700\u7684\u6587\u672c\u908a\u7de3\u662f\u5927\u5beb\u9ad8\u5ea6\u548c\u5b57\u6bcd\u57fa\u7dda\u3002\u7136\u5f8c\uff0c\u5f9e\u5169\u5074\u4fee\u526a\u591a\u9918\u90e8\u5206\u3002\u8acb\u6ce8\u610f\uff0c\u63a1\u7528\u4fee\u526a\u50c5\u6703\u5f71\u97ff\u6587\u672c\u6846\u3002\u5b83\u4e0d\u6703\u5207\u65b7\u5176\u4e2d\u7684\u6587\u672c\u3002\u9019\u5169\u884c\u7c21\u55ae\u7684CSS\u5275\u5efa\u4e86\u4e00\u500b\u4e7e\u6de8\u7684\u6587\u672c\u6846\u3002\u9019\u53ef\u4ee5\u5e6b\u52a9\u4f60\u7372\u5f97\u66f4\u6e96\u78ba\u7684\u9593\u8ddd\u4e26\u5275\u5efa\u66f4\u597d\u7684\u8996\u89ba\u5c64\u6b21\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01529c5f46f0e611013f1a64cd4cab.png\" title=\"01529c5f46f0e611013f1a64cd4cab\"><\/p>\n<p><\/p>\n<p>\u4f7f\u7528\u5f8c\u518d\u4f86\u5c0d\u6bd4\u4e00\u4e0b\uff1a<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0103575f46f0f411013e31874d9a63.png\" title=\"0103575f46f0f411013e31874d9a63\"><\/p>\n<p>\u25b3\u4f7f\u7528\u65b0\u898f\u7bc4\u5c0d\u6bd4\u767c\u73fe\uff0c\u53f3\u5716\u6587\u5b57\u4e0a\u4e0b\u9593\u8ddd\u8212\u670d\u591a\u4e86\uff0c\u4e5f\u66f4\u5408\u7406\u3002<\/p>\n<p><\/p>\n<p><strong>8.4.2 Leading-Trim\u4fee\u5fa9\u5c0d\u9f4a\u554f\u984c<\/strong><\/p>\n<p>\u501f\u52a9Leading-Trim\uff0c\u53ef\u4ee5\u89e3\u6c7a\u5728APP\u4e0a\u770b\u5230\u7684\u6240\u6709\u5947\u602a\u7684\u5c0d\u9f4a\u554f\u984c\u3002\u4f8b\u5982\uff0c\u5373\u4f7f\u6587\u5b57\u4f4d\u65bc\u6587\u672c\u6846\u5167\uff0c\u4f60\u7684\u6587\u672c\u4e5f\u4e0d\u7e3d\u662f\u5728\u5bb9\u5668\u4e2d\u5782\u76f4\u5c45\u4e2d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0150a85f46f11811013f1a64381503.png\" title=\"0150a85f46f11811013f1a64381503\"><\/p>\n<p><\/p>\n<p>\u9ed8\u8a8d\u884c\u9ad8\u4e2d\u4fdd\u7559\u7684\u591a\u9918\u7a7a\u9593\u6703\u5c0e\u81f4\u6587\u672c\u4e0d\u7e3d\u662f\u5728\u6587\u672c\u6846\u4e2d\u5c45\u4e2d\u3002\u4f7f\u7528<strong>Leading-Trim<\/strong>\u4fee\u526a\uff0c\u5c31\u53ef\u4ee5\u5f88\u7701\u5fc3\u7684\u4f7f\u6587\u672c\u5782\u76f4\u5c45\u4e2d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01bdb55f46f12311013e3187291734.png\" title=\"01bdb55f46f12311013e3187291734\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/010c965f46f13011013f1a6488282a.png\" title=\"010c965f46f13011013f1a6488282a\"><\/p>\n<p>\u539f\u56e0\u662f\u6bcf\u7a2e\u5b57\u9ad4\u7684\u8a2d\u8a08\u4e5f\u4e0d\u540c\u3002\u5b83\u5177\u6709\u81ea\u5df1\u7684\u9ed8\u8a8d\u884c\u9ad8\uff0c\u4e26\u4e14\u5176\u4e2d\u7684\u6587\u672c\u53ef\u4ee5\u5177\u6709\u4e0d\u540c\u7684\u5927\u5c0f\u548c\u57fa\u7dda\u4f4d\u7f6e\uff0c\u4e26\u4e0d\u90fd\u662f\u6c34\u5e73\u5c45\u4e2d\u5c0d\u9f4a\u7684\u3002\u56e0\u6b64\uff0c\u6709\u6642\u5373\u4f7f\u5b57\u9ad4\u5927\u5c0f\uff0c\u884c\u9ad8\u548c\u6587\u672c\u6846\u4f4d\u7f6e\u4fdd\u6301\u4e0d\u8b8a\uff0c\u66f4\u6539\u5b57\u9ad4\u4e5f\u6703\u6539\u8b8a\u6587\u672c\u7684\u5c0d\u9f4a\u65b9\u5f0f\uff0c\u5982\u4e0b\u4f8b\u6240\u793a\uff0c\u6587\u5b57\u5f88\u660e\u986f\u6c92\u6709\u5c0d\u9f4a\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/019bab5f46f14d11013f1a64ed3893.png\" title=\"019bab5f46f14d11013f1a64ed3893\"><\/p>\n<p><\/p>\n<p>\u5728\u7b2c\u4e8c\u500b\u793a\u4f8b\u4e2d\uff0c\u4f60\u53ef\u4ee5\u770b\u5230Leading-Trim\u5982\u4f55\u9632\u6b62\u9019\u7a2e\u60c5\u6cc1\u4e26\u4f7f\u6587\u672c\u5b8c\u7f8e\u5c0d\u9f4a\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0135335f46f15911013f1a64c8a543.png\" title=\"0135335f46f15911013f1a64c8a543\"><\/p>\n<p><\/p>\n<p><strong>8.4.3\u4e00\u81f4\u6027\u548c\u5de5\u4f5c\u6d41\u7a0b\u7684\u6539\u9032<\/strong><\/p>\n<p>Leading-trim\u4fee\u6574\u8d85\u51fa\u4e86\u4f7f\u9593\u8ddd\u548c\u5c0d\u9f4a\u66f4\u6e96\u78ba\u7684\u7bc4\u570d\u3002\u5b83\u5728\u5efa\u7acb<strong><em>\u7cbe\u78ba\u7684<\/em><\/strong>\u9593\u8ddd\u7cfb\u7d71\uff0c\u70ba\u8a2d\u8a08\u6e96\u78ba\u6027\u548c\u4e00\u81f4\u6027\u4ee5\u53ca\u9ad8\u6548\u7684\u8a2d\u8a08\u5230\u958b\u767c\u4ea4\u63a5\u92ea\u5e73\u9053\u8def\u65b9\u9762\u767c\u63ee\u8457\u95dc\u9375\u4f5c\u7528\u3002<\/p>\n<p><\/p>\n<p>\u64c1\u6709\u9593\u8ddd\u7cfb\u7d71\u6709\u5f88\u591a\u597d\u8655\u3002\u8a2d\u8a08\u5e2b\u53ef\u4ee5\u66f4\u5feb\u5730\u78ba\u5b9a\u9593\u8ddd\uff0c\u958b\u767c\u4eba\u54e1\u53ef\u4ee5\u8a2d\u7f6e\u76f8\u61c9\u7684\u9593\u8ddd\u8b8a\u91cf\u4ee5\u6d88\u9664\u4ee3\u78bc\u4e2d\u7684\u96a8\u6a5f\u9593\u8ddd\u503c\u3002\u4f46\u662f\u76ee\u524d\uff0c\u5373\u4f7f\u6211\u5011\u8a2d\u7f6e\u4e86\u9593\u8ddd\u7cfb\u7d71\uff0c\u7531\u65bc\u6587\u672c\u6846\u4e2d\u7684\u984d\u5916\u7a7a\u9593\uff0c\u5c0d\u65bc\u6587\u672c\u5143\u7d20\u4f86\u8aaa\u4e5f\u4e0d\u662f\u5f88\u6e96\u78ba\u3002\u5982\u679c\u6211\u5011\u5617\u8a66\u5ffd\u7565\u8a2d\u8a08\u4e2d\u7684\u908a\u754c\u6846\u4e26\u5728\u4ee3\u78bc\u4e2d\u201c\u88c1\u526a\u201d\u6587\u672c\u6846\uff0c\u5247\u6703\u9047\u5230\u90a3\u4e9b\u68d8\u624b\u7684\u89e3\u6c7a\u65b9\u6cd5\u554f\u984c\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0183395f46f18811013e3187eae6da.png\" title=\"0183395f46f18811013e3187eae6da\"><\/p>\n<p>\u25b3\u61c9\u7528\u65bc\u6587\u672c\u5143\u7d20\u4e14\u6c92\u6709Leading-trim\u4fee\u526a\u7684\u9593\u8ddd\u7cfb\u7d71<\/p>\n<p>\u501f\u52a9\u9818\u5148\u7684\u6587\u5b57\u9593\u9694\u7cfb\u7d71\uff0c\u5f9e\u8a2d\u8a08\u5230\u958b\u767c\u7684\u4ea4\u63a5\u904e\u7a0b\u4e5f\u5c07\u66f4\u52a0\u9806\u66a2\uff0c\u56e0\u70ba\u958b\u767c\u4eba\u54e1\u5c07\u80fd\u5920\u5efa\u7acb\u5b8c\u5168\u76f8\u540c\u7684\u7cfb\u7d71\uff0c\u4e26\u4e14\u907f\u514d\u5728\u4f48\u5c40\u932f\u8aa4\u4e0a\u82b1\u8cbb\u5927\u91cf\u6642\u9593\u3002\u6700\u91cd\u8981\u7684\u662f\uff0c\u9818\u5148\u7684\u5fae\u8abf\u9593\u8ddd\u7cfb\u7d71\u5c07\u5e6b\u52a9\u6211\u5011\u63d0\u4f9b\u7528\u6236\u4fe1\u8cf4\u548c\u559c\u6b61\u7684\u5916\u89c0\u66f4\u7f8e\u89c0\u7684\u7522\u54c1\u3002<\/p>\n<p><strong>8.5\u8a2d\u8a08\u4e2d\u4fee\u6539\u6587\u5b57\u884c\u9ad8\u7684\u65b9\u6cd5<\/strong><\/p>\n<p>\u4e0a\u9762\u6211\u5011\u4ecb\u7d39\u4e86\u5229\u7528Leading-trim\u4fee\u526a\u5b57\u9ad8\u7684\u5148\u9032\u65b9\u6cd5\uff0c\u4f46\u662f\u9019\u500b\u65b0CSS\u7684\u898f\u7bc4\u9084\u5728\u7de8\u5beb\u4e2d\uff0c\u9084\u672a\u4e16\u754c\u7bc4\u570d\u7684\u63a8\u9032\uff0c\u4e0d\u904e\u6709\u300c\u5fae\u8edf\u300d\u5718\u968a\u7684\u6276\u6301\u76f8\u4fe1\u570b\u969b\u5316\u4e5f\u4e0d\u6703\u592a\u9060\u4e86\u3002<\/p>\n<p><\/p>\n<p>\u5728\u9019\u4e4b\u524d\uff0c\u6211\u5011\u60f3\u8981\u76e1\u53ef\u80fd\u7684\u89e3\u6c7a\u5b57\u7b26\u591a\u51fa\u7684\u9593\u8ddd\u554f\u984c\uff0c\u5c31\u9700\u8981\u5728\u8a2d\u8a08\u8edf\u4ef6\u91cc\u624b\u52d5\u4fee\u6539\u4e86\uff0c\u624b\u52d5\u628a\u6587\u5b57\u884c\u9ad8\u8207\u5ba2\u6236\u7aef\u7cfb\u7d71\u9ed8\u8a8d\u884c\u9ad8\u4fdd\u6301\u4e00\u81f4\uff0c\u5f9e\u800c\u7d66\u51fa\u6e96\u78ba\u7684\u6587\u5b57\u9593\u8ddd\u3002\u958b\u767c\u5728\u5be6\u73fe\u7684\u6642\u5019iOS\u4f7f\u7528\u7cfb\u7d71\u9ed8\u8a8d\u884c\u9ad8\uff0cAndroid\u7cfb\u7d71\u53bb\u6389\u6587\u5b57\u4e0a\u4e0bpadding\u3002<\/p>\n<p>\u9019\u7a2e\u65b9\u5f0f\u96d6\u6703\u82b1\u8cbb\u4e0d\u5c11\u6642\u9593\uff0c\u4f46\u4e5f\u6700\u7cbe\u78ba\uff0c\u4f60\u53ef\u4ee5\u64da\u6b64\u8a2d\u7f6e\u51fa\u6700\u7f8e\u89c0\u5408\u7406\u7684\u9593\u8ddd\uff0c\u800c\u4e0d\u7528\u64d4\u5fc3\u4e0a\u7dda\u7a3f\u7684\u9084\u539f\u5ea6\u554f\u984c\uff0c\u4e5f\u4fbf\u65bc\u6211\u5011\u5f8c\u671f\u7684\u9801\u9762\u6821\u5c0d\u548c\u8abf\u6574\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01e8be5f46f2d911013f1a6470cb06.png\" title=\"01e8be5f46f2d911013f1a6470cb06\"><\/p>\n<p>\u25b3\u5728Sketch\u4e2d\u4fee\u6539\u6587\u5b57\u9ad8\u5ea6<\/p>\n<p><\/p>\n<p><strong>8.6\u4ec0\u9ebc\u662f\u5f48\u6027\u9069\u914d<\/strong><\/p>\n<p><strong>\u6587\u5b57\u5f48\u6027\u9069\u914d\u4e00\u822c\u6d89\u53ca\u7684\u662f\u5bec\u5ea6\u9069\u914d\uff0c<\/strong>\u5bec\u5ea6\u9069\u914d\u666e\u904d\u4f7f\u7528\u7684\u662f\u9593\u8ddd\u9069\u914d\uff0c\u5373\u5b9a\u597d\u5de6\u53f3\u9801\u908a\u8ddd\uff0c\u4e2d\u9593\u5f48\u6027\u62c9\u4f38\u3002\u9019\u7a2e\u65b9\u5f0f\u53ef\u4ee5\u505a\u5230\u8f03\u597d\u7684\u9069\u914d\uff0c\u4e5f\u662f\u505a\u5feb\u901f\u5e38\u7528\u7684\u9069\u914d\u65b9\u6cd5\u3002<\/p>\n<p><\/p>\n<p><strong>8.7\u6a19\u8a3b\u5de5\u5177<\/strong><\/p>\n<p>\u8a2d\u8a08\u5e2b\u5c07\u8a2d\u8a08\u6587\u4ef6\u4ea4\u4ed8\u958b\u767c\u4e4b\u524d\uff0c\u61c9\u7ad9\u5728\u7a0b\u5e8f\u54e1\u7684\u89d2\u5ea6\u8457\u60f3\uff0c\u505a\u597d\u524d\u671f\u6e9d\u901a\uff0c\u63d0\u4f9b\u4ed6\u5011\u958b\u767c\u6240\u9700\u8981\u7684\u8cc7\u6e90\u3002\u8a2d\u8a08\u6587\u4ef6\u7684\u6a19\u8a3b\u53ef\u4ee5\u4f7f\u7528Sketch\u63d2\u4ef6\u6216\u76f4\u63a5\u4e0a\u50b3\u300c\u85cd\u6e56\u300d\uff0c\u62ffSketch\u63d2\u4ef6\u300cSketch Measure\u300d\u70ba\u4f8b\uff0c\u5b83\u662f\u4e00\u6b3e\u5341\u5206\u667a\u80fd\u7684\u6a19\u8a3b\u63d2\u4ef6\uff0c\u4e3b\u8981\u529f\u80fd\u5305\u542b\u5169\u5927\u584a\uff1a\u6a19\u8a3b\u548c\u898f\u7bc4\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01afa55f46f31c11013e3187b5677e.png\" title=\"01afa55f46f31c11013e3187b5677e\"><\/p>\n<p><\/p>\n<p>\u5de5\u5177\u6b04\u532f\u5408\u4e86Measure\u6240\u6709\u529f\u80fd\u7684\u5feb\u6377\u5de5\u5177\uff0c\u6c38\u9060\u7f6e\u65bc\u756b\u5e03\u9802\u5c64\uff0c\u6709\u4e86\u5b83\u5c31\u4e0d\u7528\u518d\u983b\u7e41\u901a\u904e\u83dc\u55ae\u6b04\u53bb\u4f7f\u7528\u529f\u80fd\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01d82b5f46f32311013f1a6409a637.png\" title=\"01d82b5f46f32311013f1a6409a637\"><\/p>\n<p><\/p>\n<p>\u505a\u597d\u898f\u7bc4\u5f8c\uff0c\u9ede\u64ca\u300c\u5c0e\u51fa\u898f\u7bc4\u300d\u4e00\u9375\u81ea\u52d5\u751f\u6210Html\u9801\u9762\uff0c\u700f\u89bd\u5668\u6253\u958b\u9801\u9eb5\u9ede\u64ca\u5176\u4e2d\u4efb\u4f55\u5143\u7d20\u90fd\u53ef\u4ee5\u67e5\u770b\u5176\u5c6c\u6027\u548c\u9593\u8ddd\uff0c\u9084\u5305\u62ec\u4ee3\u78bc\u6a23\u5f0f\uff0c\u4ea4\u7d66\u958b\u767c\u958b\u767c\u5de5\u7a0b\u5e2b\u5f8c\uff0c\u4e0d\u7528\u6e9d\u901a\u90fd\u80fd\u770b\u660e\u767d\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0123495f46f32f11013e3187fc0c5d.png\" title=\"0123495f46f32f11013e3187fc0c5d\"><\/p>\n<p>\u25b3Sketch Measure\u5c0e\u51fa\u6a19\u8a3b\u7684\u7db2\u9801\u754c\u9762<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/01dcb55f46f34511013e3187ac746a.png\" title=\"01dcb55f46f34511013e3187ac746a\"><\/p>\n<p>\u7522\u54c1\u529f\u80fd\u958b\u767c\u5b8c\u6210\u5f8c\uff0c\u5c0d\u7522\u54c1\u5c0d\u529f\u80fd\uff0c\u8996\u89ba\u548c\u4ea4\u4e92\u64cd\u4f5c\u9032\u884c\u6e2c\u8a66\u548c\u9a57\u6536\uff0c\u78ba\u4fdd\u7522\u54c1\u7684\u53ef\u7528\u6027\u3002\u4e00\u822c\u5728\u529f\u80fd\u6a21\u584a\u9a57\u6536\u5b8c\u6210\u5f8c\uff0c\u5c31\u53ef\u4ee5\u958b\u59cb\u5177\u9ad4\u7684\u8996\u89ba\u8a2d\u8a08\u9a57\u6536\uff0c\u9019\u4e5f\u662f\u7531\u4e3b\u8981\u8a2d\u8a08\u5e2b\u8ca0\u8cac\u7684\u6a21\u584a\uff0c\u4e3b\u8981\u9a57\u6536\u984f\u8272\u3001\u5b57\u9ad4\u3001\u5716\u5f62\u3001\u9593\u8ddd\u3001\u63a7\u4ef6\u548c\u7a7a\u72c0\u614b\u7b49\u3002<\/p>\n<p><\/p>\n<p>\u56e0\u672c\u6587\u4e3b\u8b1b\u5b57\u9ad4\u8207\u6392\u7248\uff0c\u5c31\u62ff\u9019\u90e8\u5206\u4f86\u8aaa\uff0c\u9700\u8981\u6aa2\u8996\u7684\u5c31\u6709\uff1a<\/p>\n<p>\u5b57\u9ad4\uff1a\u662f\u5426\u7528\u7684\u5e73\u53f0\u9ed8\u8a8d\u5b57\u9ad4\uff0c\u5982\u679c\u662f\u5167\u7f6e\u5b57\u9ad4\u6aa2\u67e5\u5b57\u9ad4\u986f\u793a\u6709\u6c92\u554f\u984c\uff1b<\/p>\n<p>\u5b57\u865f\uff1a\u5c0e\u822a\u6b04\u3001\u6b04\u76ee\u540d\u7a31\u3001\u5206\u985e\u9801\u7c3d\u3001tab\u7b49\u5b57\u865f\u5927\u5c0f\u662f\u5426\u7b26\u5408\u898f\u7bc4\uff1b<\/p>\n<p>\u5b57\u91cd\uff1a\u6a19\u984c\u548c\u6b63\u6587\u5b57\u91cd\u662f\u5426\u6b63\u78ba\uff0c\u7c97\u9ad4\u7528\u7684\u662f\u54ea\u4e00\u7a2e\uff0c\u662fMedium\uff0c\u9084\u662fSemiBold\uff1b<\/p>\n<p>\u5b57\u8272\uff1a\u6a19\u984c\u3001\u6b63\u6587\u3001\u8a3b\u91cb\u3001\u63d0\u793a\u7b49\u6587\u5b57\u984f\u8272\uff1b<\/p>\n<p>\u5b57\u9593\u8ddd\uff1a\u6aa2\u67e5\u4e2d\u6587\u9593\u8ddd\u548c\u82f1\u6587\u9593\u8ddd\uff0c\u6bb5\u843d\u6587\u5b57\u6a19\u9ede\u6709\u7121\u907f\u982d\u5c3e\uff1b<\/p>\n<p>\u884c\u9593\u8ddd\uff1a\u6bb5\u843d\u6587\u5b57\u884c\u9593\u8ddd\uff0c\u6709\u6c92\u6709\u51fa\u73fe\u591a\u9918\u7684\u884c\u9ad8\uff1b<\/p>\n<p>......<\/p>\n<p>\u5728\u6aa2\u8996\u904e\u7a0b\u4e2d\u5982\u767c\u73fe\u554f\u984c\uff0c\u622a\u5716\u6a19\u793a\u554f\u984c\u6240\u5728\uff0c\u4e26\u51fa\u5177\u6aa2\u8996\u5831\u544a\u3002<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0196375f46f35811013f1a642b5f2c.png\" title=\"0196375f46f35811013f1a642b5f2c\"><\/p>\n<p>\u25b3 \u8996\u89ba\u6aa2\u8996\u8868\u793a\u4f8b<\/p>\n<p><\/p>\n<p>\u8996\u89ba\u8a2d\u8a08\u7684\u9a57\u6536\u8981\u8ffd\u6c42\u7d30\u7bc0\u4e0a\u7684\u5b8c\u7f8e\uff0c\u56e0\u70ba\u8a2d\u8a08\u4e0a\u7684\u7d30\u7bc0\u662f\u5f88\u5bb9\u6613\u88ab\u6311\u932f\u7684\uff0c\u540c\u6642\u9700\u8981\u8010\u6027\u548c\u7d30\u5fc3\uff0c\u8981\u6709\u50cf\u7d20\u7d1a\u7684\u8996\u89d2\uff0c\u53ea\u6709\u9019\u6a23\u624d\u80fd\u5b8c\u7f8e\u7684\u9084\u539f\u8a2d\u8a08\u7a3f\u3002<\/p>\n<p><\/p>\n<p><strong>\u5beb\u5728\u6700\u5f8c<\/strong><\/p>\n<p>\u539f\u672c\u53ea\u662f\u60f3\u7d50\u5408\u5de5\u4f5c\u7a4d\u7d2f\uff0c\u5beb\u4e00\u7bc7\u5b57\u9ad4\u61c9\u7528\u77e5\u8b58\u7e3d\u7d50\uff0c\u6c92\u6210\u60f3\u7d66\u81ea\u5df1\u6316\u4e86\u4e00\u5751\uff0c\u6d89\u53ca\u7684\u77e5\u8b58\u9ede\u771f\u662f\u8d85\u7d1a\u591a\uff0c\u5f88\u591a\u5730\u65b9\u90fd\u53ef\u4ee5\u55ae\u7368\u62ff\u51fa\u4f86\u518d\u53e6\u5beb\u4e00\u7bc7\u3002\u53e6\u5916\u5176\u5be6\u5728\u5de5\u4f5c\u4e2d\uff0c\u4e5f\u5efa\u8b70\u5927\u5bb6\u5c0d\u81ea\u5df1\u7684\u7d93\u9a57\u9032\u884c\u7e3d\u7d50\uff0c\u5c0d\u95dc\u9375\u4fe1\u606f\u9032\u884c\u63d0\u7149\u52a0\u4ee5\u6c89\u6fb1\uff0c\u4e00\u65b9\u9762\u80fd\u8b93\u81ea\u5df1\u7684\u77e5\u8b58\u66f4\u52a0\u7262\u56fa\uff0c\u53e6\u4e00\u65b9\u9762\u4e5f\u53ef\u4ee5\u5e6b\u52a9\u5f8c\u4f86\u8005\u5b78\u7fd2\u6210\u9577\u3002\u5b57\u9ad4\u8207\u6392\u7248\u57fa\u790e\u5c31\u5206\u4eab\u5230\u9019\u88e1\uff0c\u5e0c\u671b\u5c0d\u5927\u5bb6\u6709\u6240\u5e6b\u52a9\u3002\u56e0\u70ba\u7bc7\u5e45\u8f03\u9577\uff0c\u5e7e\u7d93\u4fee\u6539\uff0c\u6709\u7d30\u7bc0\u4e0d\u6b63\u78ba\u7684\u5730\u65b9\uff0c\u6b61\u8fce\u7559\u8a00\u77ef\u6b63\uff0c\u611f\u8b1d\u95b1\u8b80\u3002<\/p>\n<p>\u53c3\u8003\u6587\u737b\uff1a<\/p>\n<p>\u300aW3C-CSS\u5b57\u9ad4\u898f\u7bc4\u6a19\u6e96\u300b<\/p>\n<p>\u300a\u5f9e\u300c\u884c\u9577\u70ba\u5b57\u865f\u7684\u6574\u6578\u500d\u300d\u8aaa\u8d77\u300b<\/p>\n<p>\u300aLeading-Trim: The Future of Digital Typesetting\u300b<\/p>\n<p>\u300a\u95dc\u65bcUI\u8a2d\u8a08\u4e2d\u5b57\u9ad4\u61c9\u7528\u7684\u5e72\u8ca8\u300b<\/p>\n<p>\u300a\u5b57\u9ad4\u8207\u6392\u7248\u300b<\/p>\n<p>\u300a\u6df1\u5ea6\u5256\u6790Baseline\u8a2d\u8a08\u539f\u7406\u300b<\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/0118505f48edf511013f1a648e6e86.png\" title=\"0118505f48edf511013f1a648e6e86\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.gogoshark.com\/blog\/wp-content\/uploads\/019de25f46f3b311013e318747ee58.gif\" title=\"019de25f46f3b311013e318747ee58\"><\/p>\n<p><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 16px;\">\u539f\u6587\u5730\u5740\uff1ahttp:\/\/t.cn\/A64wllhY<\/span><\/p>\n<\/div>\n<p>\u4f86\u6e90:<a href=\"https:\/\/www.zcool.com.cn\/article\/ZMTE3MjI3Ng==.html\" target=\"_blank\" rel=\"nofollow noopener\">\u200b\u8a2d\u8a08\u5e2b\u5fc5\u770b\u7684\u5b57\u9ad4\u8207\u6392\u7248\u61c9\u7528\u6307\u5357<\/a><\/p>\n<hr>\n<h5 id=\"%e6%95%b8%e4%bd%8d%e8%bd%89%e5%9e%8b%e6%9c%8d%e5%8b%99%e8%ab%ae%e8%a9%a2\">\u6578\u4f4d\u8f49\u578b\u670d\u52d9\u8aee\u8a62<\/h5>\n<ul class=\"post-credit\">\n<li><a href=\"https:\/\/www.gogoshark.com\/\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">\u8d85\u904e500\u4f4d\u5ba2\u6236,\u50f9\u9322\u900f\u660e\u7528\u5fc3\u88fd\u4f5c-\u53f0\u5317\u7db2\u9801\u88fd\u4f5c\u516c\u53f8GogoShark<\/a><\/li>\n<li> <a href=\"https:\/\/tenten.marketing\/why-us\/\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">\u5167\u5bb9\u884c\u92b7\u516c\u53f8\uff5c\u7b56\u7565\u6027\u5167\u5bb9\u884c\u92b7- Tenten.Marketing<\/a><\/li>\n<li> <a href=\"https:\/\/tenten.marketing\/\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">HubSpot CRM\u5ba2\u88fd\u5316\u7684\u5ba2\u6236\u7ba1\u7406\u7cfb\u7d71-\u7528\u66f4\u5c11\u7684\u6642\u9593\u978f\u56fa\u66f4\u591a\u7684\u5ba2\u6236<\/a><\/li>\n<li><a href=\"https:\/\/tenten.co\/zh\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">\u7522\u54c1\u8a2d\u8a08\u8207\u7b56\u7565\u670d\u52d9\/ UI\/ UX\u8aee\u8a62- Tenten.co<\/a><\/li>\n<li> <a title=\"\u57fa\u65bcWordPress\u7684\u7d93\u6fdf\u5be6\u60e0\u4f46\u9ad8\u5ea6\u5c08\u696d\u7684\u96fb\u5546\u3002\u73fe\u4ee3\u7684\u3001\u79fb\u52d5\u88dd\u7f6e\u53cb\u597d\u7684 RWD \u7db2\u7ad9\uff0c\u70ba\u60a8\u7684\u696d\u52d9\u589e\u9577\u800c\u5275\u5efa\" href=\"https:\/\/www.gogoshark.com\/pricing\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">\u9069\u5408\u4e2d\u5c0f\u4f01\u696d\u8207\u65b0\u5275\u7d93\u6fdf\u5be6\u60e0\u7684\u96fb\u5546\u65b9\u6848|\u5feb\u901fWordpress\/ Shopify\/ QDM\u7db2\u8def\u958b\u5e97\u5e73\u53f0<\/a><\/li>\n<li><a title=\"\u6210\u9577\u99ed\u5ba2\u793e\u7fa4\" href=\"https:\/\/hypergrowths.com\/\" rel=\"author follow noopener noreferrer\" data-wpel-link=\"internal\">\u6210\u9577\u99ed\u5ba2\u884c\u92b7Growth Hacking\u662f\u95dc\u65bc\u5167\u5bb9\u884c\u92b7\u8207\u884c\u92b7\u79d1\u6280Martech\u7684\u793e\u7fa4<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"\u6587\u5b57\u662f\u754c\u9762\u4e2d\u6700\u6838\u5fc3\u7684\u5143\u7d20\uff0c\u662f\u7522\u54c1\u50b3\u9054\u7d66\u7528\u6236\u7684\u4e3b\u8981\u5167\u5bb9\uff0c\u5b83\u7684\u627f\u8f09\u9ad4\u5373\u662f\u5b57\u9ad4\u3002\u5168\u658712,736\u5b57\uff0c\u95b1\u8b80\u6642\u9577\u7d0425\u5206\u9418\u3002\n","protected":false},"author":1,"featured_media":5049,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[261],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/posts\/5048"}],"collection":[{"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/comments?post=5048"}],"version-history":[{"count":0,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/posts\/5048\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/media\/5049"}],"wp:attachment":[{"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/media?parent=5048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/categories?post=5048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gogoshark.com\/blog\/wp-json\/wp\/v2\/tags?post=5048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}