{"id":214,"date":"2019-04-09T14:12:00","date_gmt":"2019-04-09T14:12:00","guid":{"rendered":"https:\/\/memo.domojyun.net\/?p=214"},"modified":"2026-08-27T11:18:43","modified_gmt":"2026-08-27T11:18:43","slug":"2019-%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e8%88%87%e5%89%8d%e7%ab%af%e6%8a%80%e8%a1%93%e5%88%86%e4%ba%ab","status":"publish","type":"post","link":"https:\/\/memo.domojyun.net\/?p=214","title":{"rendered":"2019 \u7db2\u9801\u8a2d\u8a08\u8207\u524d\u7aef\u6280\u8853\u5206\u4eab"},"content":{"rendered":"
2019\u7db2\u9801\u8a2d\u8a08\u8207\u524d\u7aef\u6280\u8853\u5206\u4eab<\/a><\/div>\n\n\n

\u21e9 PDF\u6a94\u6848\u8acb\u5f9eGoogle Drive\u4e0b\u8f09\uff1ahttps:\/\/drive.google.com\/file\/d\/1I5H3P8G3hX6gbodMZ5JW19ySTn8iZXUv\/view?usp=drive_link<\/a><\/p>\n\n\n\n

\u4f86\u4e86\uff01\u4e00\u5e74\u4e00\u5ea6\u641e\u6b7b\u4eba<\/del>\u7684\u7db2\u9801\u8a2d\u8a08\u3001\u6280\u8853\u3001\u8da8\u52e2\u2026\u5206\u4eab\uff0c\u5176\u5be6\u5927\u6982\u53bb\u5e74 12 \u6708\u5c31\u958b\u59cb\u5728\u5beb\u4e86\uff0c\u4f46\u662f\u9664\u4e86\u64ec\u5927\u7db1\uff0c\u4e5f\u82b1\u5f88\u591a\u6642\u9593\u627e\u76f8\u95dc\u7684\u8da8\u52e2\u5206\u4eab\uff0c\u4e0d\u904e\u6700\u5f8c\u9084\u662f\u6311\u4e86\u5c0d\u6211\u800c\u8a00\u91cd\u8981\u7684\u3001\u89ba\u5f97\u6eff\u6709\u6f5b\u529b\u7684\u5167\u5bb9\u4f86\u8ac7\uff0c\u4f46\u5beb\u5230\u5f8c\u9762\u60f3\u4e0d\u5230\u8981\u6574\u7406\u54ea\u4e9b\u8cc7\u8a0a\uff0c\u6240\u4ee5\u5c31\u4e00\u76f4\u62d6\u8457\u2026 \u76f4\u5230\u6700\u8fd1\u9019\u524d\u9663\u5b50\u73a9\u4e00\u4e9b\u5c0f\u7a0b\u5f0f\uff0c\u4e0d\u5c0f\u5fc3\u770b\u5230\u6709\u8da3\u7684\u6771\u897f\uff0c\u65bc\u662f\u4eca\u5929\u5c31\u8fc5\u901f\u628a\u5f8c\u9762\u5beb\u5b8c\u4e86\uff01\uff08\u53ef\u4ee5\u638c\u8072\u9f13\u52f5\u4e86\ud83d\ude02\uff09<\/p>\n\n\n\n

\u53bb\u5e74\u89ba\u5f97\u770b\u5230\u4e0d\u5c11\u6709\u8da3\u7684\u7db2\u7ad9\uff0c\u6240\u4ee5\u4eca\u5e74\u6253\u7b97\u628a\u8a2d\u8a08\u8ddf\u6280\u8853\u4e00\u4f75\u6574\u7406\u8d77\u4f86\uff0c\u4e5f\u65b9\u4fbf\u505a\u5275\u610f\u7db2\u7ad9\u7684\u53c3\u8003\uff0c\u4e3b\u8981\u5206\u70ba\u4ee5\u4e0b\u4e94\u5927\u90e8\u5206\uff0c\u6700\u5f8c\u4e00\u90e8\u5206\u662f\u89c0\u5bdf\u5c0f\u7d50\u8ad6\uff1a<\/p>\n\n\n\n

    \n
  1. \u6d41\u884c\u7684\u8996\u89ba\u8a2d\u8a08<\/li>\n\n\n\n
  2. \u6d41\u884c\u7684\u4e92\u52d5\u73a9\u6cd5<\/li>\n\n\n\n
  3. \u7db2\u9801\u5143\u7d20\u65b0\u601d\u7dad<\/li>\n\n\n\n
  4. \u6301\u7e8c\u6f14\u9032\u7684\u7a0b\u5f0f\u601d\u8003<\/li>\n\n\n\n
  5. \u91cd\u8981\u8cc7\u8a0a\u66f4\u65b0<\/li>\n<\/ol>\n\n\n\n

    \u53ef\u4ee5\u76f4\u63a5\u62c9\u5230\u6700\u4e0b\u9762\u9ede\u7c21\u5831\u51fa\u4f86\u770b\uff0c\u4ee5\u4e0b\u6587\u5b57\u90fd\u53ea\u662f\u88dc\u5145\u8aaa\u660e\u800c\u5df2\u3002<\/p>\n\n\n\n

    \u7b2c\u4e00\u500b\u90e8\u5206\uff0c\u8996\u89ba\u8a2d\u8a08\uff0c\u6211\u4e00\u5b9a\u5148\u8cbc\u500b behance \u7684\u8da8\u52e2\u505a\u53c3\u8003\uff01\uff08\u4e0d\u904e\u5b83\u9019\u500b\u6587\u7ae0\u7adf\u7136\u662f\u53bb\u5e74 10 \u6708\u5c31\u5beb\u597d\u4e86\u8036\uff5e\u770b\u4f86\u4eba\u5bb6\u5e74\u5e95\u5c31\u5728\u5beb\u8da8\u52e2\uff0c\u6211\u6bcf\u6b21\u90fd delay \u5230\u56db\u4e94\u6708\u2026\u54c8\u54c8\u54c8\uff09behance \u7684\u9019\u7bc7\u300a2019 Design Trends Guide<\/a>\u300b\u6587\u7ae0\u662f\u6db5\u84cb\u4e86\u5404\u65b9\u9762\u7684\u6578\u4f4d\u8a2d\u8a08\uff0c\u4e3b\u8981\u4ee5\u8996\u89ba\u5716\u6848\u70ba\u4e3b\uff0c\u5766\u767d\u8aaa\u5c31\u6211\u500b\u4eba\u611f\u89ba\uff0c\u524d\u5e7e\u5e74\u7684\u98a8\u683c\u5927\u6982\u6e05\u4e00\u8272\u662f\u6975\u7c21\u3001\u6241\u5e73 2D\u3001\u9ad8\u5f69\u5ea6\uff0c\u5f8c\u4f86\u5247\u662f\u6709\u4e00\u6279\u53b2\u5bb3\u7684 3D \u8a2d\u8a08\u5e2b\u8b93\u6574\u9ad4\u8a2d\u8a08\u98a8\u683c\u591a\u4e86\u4e00\u5806\u7acb\u9ad4 3D\u3001\u7279\u6b8a\u914d\u8272\uff0c\u4f46\u6211\u89ba\u5f97\u9019\u9663\u5b50\u6bd4\u8f03\u5ef6\u7e8c\u4ee5\u524d\u7684\u8a2d\u8a08\uff0c\u4e0d\u7ba1\u6211\u5011\u7684\u79d1\u6280\u5a92\u4ecb\u3001\u5a92\u9ad4\u5e73\u53f0\u6709\u591a\u5c11\u7a2e\uff0c\u98a8\u5411\u90fd\u6c92\u6709\u90a3\u9ebc\u96c6\u4e2d\uff0c\u53cd\u800c\u5f88\u591a\u5143\uff0c\u500b\u4eba\u8a8d\u70ba\u7684\u5169\u500b\u5927\u91cd\u9ede\u662f\uff1a\u6d41\u52d5\u611f\u3001\u4e0d\u898f\u5247<\/strong><\/p>\n\n\n\n

    \u6ed1\u9806\u3001Smooth \u611f\u7684\u8996\u89ba\u524d\u5e7e\u5e74\u5c31\u4e00\u76f4\u63d0\u5021\uff0c\u4f46\u6211\u89ba\u5f97\u9019\u7fa4\u8a2d\u8a08\u90fd\u8b8a\u672c\u52a0\u53b2\u5594(?!)\u54c8\u54c8\u54c8\u662f\u66f4\u8981\u6c42\u5566\ud83d\ude02\uff0c\u56e0\u70ba\u4e0d\u50c5\u662f Motion Graphic\uff0c\u6709\u6642\u5019\u9023\u5e73\u9762\u7a3f\u90fd\u5448\u73fe\u4e00\u7a2e\u6d41\u52d5\u7684\u611f\u89ba\uff0c\u4e4d\u770b\u4e4b\u4e0b\uff0c\u597d\u50cf\u4e5f\u5728\u52d5\uff08\u6211\u53ef\u80fd\u8981\u53bb\u770b\u773c\u79d1@@\uff09\uff1b\u800c\u4e00\u76f4\u4ee5\u4f86\u90fd\u6703\u6709\u4e00\u6279\u559c\u6b61\u8df3\u51fa\u6846\u67b6\u7684\u8a2d\u8a08\uff0c\u4f46\u9019\u5e7e\u5e74\u4f3c\u4e4e\u8d8a\u4f86\u8d8a\u591a\u4e0d\u898f\u5247\u7684\u6392\u7248\uff0c\u76f8\u4fe1\u5728\u9019\u6700\u904e\u6e21\u7684\u6642\u4ee3\uff0c\u5927\u5bb6\u90fd\u5728\u627e\u51fa\u65b0\u7684\u65b9\u5f0f\u3001\u65b0\u7684\u53ef\u80fd\uff0c\u8d85\u8d8a\u904e\u5f80\u3001\u6253\u7834\u898f\u5247\uff0c\u958b\u5275\u4e00\u689d\u65b0\u7684\u8a2d\u8a08\u4e4b\u8def\u5427\uff01\u540c\u6642\u4e5f\u8868\u793a\u6709\u8d8a\u591a\u4eba\u5728\u601d\u8003\u300c\u8a2d\u8a08\u7684\u672c\u8cea\u662f\u4ec0\u9ebc\u300d\u5427\uff1f\u6240\u4ee5\u6703\u767c\u73fe\uff0c\u9019\u7a2e\u60c5\u5f62\u4e0d\u53ea\u6703\u986f\u793a\u5728\u5e73\u9762\u8996\u89ba\uff0c\u9023\u7db2\u7ad9\u7684\u98a8\u5411\u90fd\u6709\u9019\u4e9b\u50be\u5411\u2026<\/p>\n\n\n\n

    \u56e0\u6b64\u6211\u5728\u300c\u6d41\u884c\u7684\u8996\u89ba\u8a2d\u8a08\u300d\u90a3\u7ae0\u7bc0\u6311\u4e86\u5e7e\u500b\u6211\u5370\u8c61\u7279\u5225\u6df1\u523b\u7684\u5206\u985e\uff0c\u7136\u5f8c\u9806\u9053\u5c0d\u61c9 Awwwards \u7684\u7db2\u7ad9\u5206\u985e\u9805\u76ee\uff0c\u50cf\u662f\u628a\u6587\u5b57\u8b8a\u4e3b\u8996\u89ba\uff0c\u610f\u601d\u662f\u628a\u6587\u5b57\u7576\u300c\u5716\u6848\u300d\u770b\u5f85\uff0c\u9019\u5c31\u662f\u4e00\u7a2e\u601d\u8003\u6f14\u9032\uff01\u5728 Awwwards \u88e1\u5c07\u9019\u7a2e\u985e\u578b\u7a31\u70ba Typography\uff08\u5b57\u9ad4\u6392\u7248\u5b78<\/a>\uff09<\/strong>\uff0c\u6211\u8a18\u5f97\u4ee5\u524d\u6211\u975e\u5e38\u559c\u6b61\u65e9\u671f\u6b50\u7f8e\u98a8\u683c\u7684\u6d77\u5831\u6392\u7248\uff0c\u5fa9\u53e4\u8272\u8abf\u3001\u4ee5\u6587\u5b57\u6392\u7248\u5c31\u662f\u5c6c\u65bc\u9019\u7a2e\u98a8\u683c\uff0c\u56de\u53bb\u770b\u53e4\u8001\u6392\u7248\uff0c\u73fe\u5728\u7684\u4f60\u4e00\u5b9a\u6703\u5f88\u760b\u72c2\u54c8\u54c8\u54c8<\/p>\n\n\n\n

    \u7136\u5f8c Brutalism\uff08\u7c97\u7377\u4e3b\u7fa9<\/a>\uff09<\/strong>\u9019\u500b\u8a5e\u6700\u65e9\u662f\u5728\u5efa\u7bc9\u5b78\u4e0a\uff0c\u8868\u793a\u4e00\u7a2e\u4e0d\u4fee\u908a\u5e45\u7684\u611f\u89ba\uff0c\u5728\u7db2\u9801\u4e0a\u5448\u73fe\u5c31\u6703\u6709\u7a2e\u6211\u5011\u73fe\u5728\u4fd7\u7a31\u7684\u300c\u310e\u3127\u3124\u300d\u7684\u611f\u89ba\uff0c\u6709\u9ede\u6241\u5e73\u3001\u53ef\u662f\u5e36\u9ede\u5e7d\u9ed8\u3001\u6232\u8b14\u7684\u6e2f\u89ba\uff5e<\/p>\n\n\n\n

    \u81f3\u65bc Retro\uff0c\u5168\u540d\u61c9\u8a72\u662f Retro-futurism\uff08\u5fa9\u53e4\u672a\u4f86\u4e3b\u7fa9<\/a>\uff09<\/strong>\uff0c\u525b\u597d\u6211\u53bb\u5e74\u5e95\u4e0d\u77e5\u767c\u4ec0\u9ebc\u760b\u60f3\u4f86\u505a\u505a\u770b\u90a3\u7a2e\u5716\uff0c\u4e00\u554f\u6709\u5728\u63a5\u89f8\u7684\u8a2d\u8a08\u540c\u4e8b\u624d\u77e5\u9053\u9019\u7a2e\u98a8\u683c\u53eb\u505a\u300cVaporwave\uff08<\/strong>\u84b8\u6c23\u6ce2<\/strong><\/a>\uff09<\/strong>\u300d\uff0c\u5169\u7a2e\u8b1b\u6cd5\u53ef\u80fd\u53ea\u662f\u5728\u80cc\u5f8c\u610f\u7fa9\u6709\u6240\u5dee\u7570\uff0c\u56e0\u70ba\u8996\u89ba\u5f88\u985e\u4f3c\uff0c\u6211\u4e5f\u4e0d\u592a\u6703\u5340\u5206\uff0c\u7e3d\u4e4b\u6703\u6709\u4e00\u7a2e 1990s \u7684\u96fb\u5b50\u3001\u96fb\u73a9\u611f\uff0c\u5927\u6982\u662f\u90a3\u500b\u7db2\u8def\u525b\u5d1b\u8d77\u7684\u6642\u4ee3\uff0c\u70ba\u793e\u6703\u5e36\u4f86\u4e00\u7a2e\u5c0d\u672a\u4f86\u79d1\u6280\u61a7\u61ac\u7684\u98a8\u6c23\uff0c\u5e36\u9ede\u53e4\u5178\u6642\u671f\u7684\u61f7\u820a\uff0c\u800c\u73fe\u5728\u7684\u6211\u5011\u5c31\u662f\u5728\u61f7\u820a\u90a3\u500b\u6642\u4ee3\u7684\u61f7\u820a\u2026\uff08\u4f9b\u5565\u6bc0\u5566\ud83d\ude02\uff09\u6240\u4ee5\u4e00\u5b9a\u6703\u6709\u4e00\u5806 GIF \u52d5\u5716\u548c windows\u3001IE \u7684\u5143\u7d20\uff08\u73fe\u5728\u7d42\u65bc\u61f7\u5ff5\u8d77 IE \u4e86\u3105\ud83d\ude06\uff09\u662f\u8aaa\u6211\u767c\u73fe\u73fe\u5728\u7684\u96fb\u8166\u548c\u624b\u6a5f\u4f3c\u4e4e\u4e5f\u4e0d\u592a\u80fd\u8dd1\u4e00\u5806 GIF \u7684\u7db2\u7ad9\uff5e\u5c0d\u65bc\u73fe\u4ee3\u700f\u89bd\u5668\u4f86\u8aaa\uff0cGIF \u4e0d\u662f\u4e00\u500b\u5f88\u7f8e\u597d\u7684\u5143\u7d20\u8036\uff5e\u54c8\u54c8\u54c8\uff0c\u6211\u5728\u90a3\u7bc7\u5e45\u4e0a\u9762\u5beb\u4e86\u4e00\u5806\u76f8\u95dc\u5143\u7d20\uff0c\u82e5\u8981\u4eff\u5fa9\u53e4\u98a8\u683c\u7684\u8a2d\u8a08\uff0c\u53ef\u4ee5\u5f9e\u9019\u5e7e\u9ede\u57f7\u884c\uff01<\/p>\n\n\n\n

    \u5f88\u4e45\u4ee5\u524d\uff0c\u5728 HTML4 \u7684\u5e74\u4ee3\u9084\u6709\u8dd1\u99ac\u71c8\u9019\u500b\u6a19\u7c64 <marquee>\uff08\u5929\u554a\uff01\u6211\u4e00\u641c Google\uff0c\u7adf\u7136\u767c\u73fe\u4ed6\u6709\u8dd1\u99ac\u71c8\u9019\u500b\u5f69\u86cb\u54c8\u54c8\u54c8\uff0c\u50b3\u9001\u9580<\/a>\uff09\uff0cHTML5 \u5f8c\u5c31\u79fb\u9664\u4e86\uff01\u4ee5\u524d\u7d93\u5e38\u7528\u4f86\u63a8\u64ad\u6700\u65b0\u6d88\u606f\uff0c\u8ddf\u5be6\u9ad4\u7684 LED \u8dd1\u99ac\u71c8\u662f\u76f8\u540c\u7684\u9053\u7406\uff0c\u611f\u89ba\u6703\u5f88\u4fd7\u6c23\uff0c\u4e0d\u904e\u53bb\u5e74\u6211\u5c31\u770b\u5230\u4e00\u4e9b\u5f88\u6469\u767b\u7684\u7db2\u7ad9\u7528\u4e86\u4e00\u5806\u8dd1\u99ac\u71c8\uff01\u611f\u89ba\u975e\u5e38\u6f6e\u7684\u8aaa\uff01\u4ee5\u524d\u6709\u6a19\u7c64\u53ef\u4ee5\u76f4\u63a5\u7528\uff0c\u4f46\u73fe\u5728\u537b\u90fd\u8981\u9760 JavaScript \u5957\u4ef6\uff0c\u7a81\u7136\u611f\u89ba\u6280\u8853\u9000\u6b65\u4e86\ud83d\ude02<\/p>\n\n\n\n

    \u53e6\u4e00\u500b\u662f\u6211\u500b\u4eba\u975e\u5e38\u559c\u6b61\u7684\u7121\u9650\u5faa\u74b0\u63d2\u756b\u98a8\u683c\uff0c\u9019\u500b\u6280\u8853\u63a2\u8a0e\u975e\u5e38\u6709\u8da3\uff01\u6211\u60f3\u61c9\u8a72\u6709\u5f88\u591a\u65b9\u5f0f\u53ef\u4ee5\u9032\u884c\uff0c\u4f46\u6211\u6bd4\u8f03\u6e05\u695a\u7684\u6982\u5ff5\u662f\uff1a\u4ee5\u524d\u7aef\u6280\u8853\u4f86\u8aaa\uff0c\u5be6\u969b\u4e0a\u662f\u5c07\u4e0d\u540c\u5f35\u63d2\u756b\u4e0d\u65b7\u5f9e\u5c0f\u653e\u5230\u5927\uff0c\u5728\u8a2d\u8a08\u7684\u6280\u8853\u91cd\u9ede\uff0c\u5728\u65bc\u8981\u756b\u597d\u63d2\u756b\u7684\u929c\u63a5\u8655\uff0c\u5426\u5247\u7121\u6cd5\u5ef6\u7e8c\uff01\u6700\u6709\u8da3\u7684\u662f\u5b83\u7684\u7b2c\u4e00\u5f35\u8981\u929c\u63a5\u4e0a\u6700\u5f8c\u4e00\u5f35\u5716\uff0c\u5c31\u6703\u6709\u7a2e\u4e00\u76f4\u524d\u9032\u3001\u4e0d\u65b7\u5faa\u74b0\u3001\u6c38\u7121\u6b62\u5883\u7684\u6982\u5ff5\uff0c\u5c0d\u6211\u800c\u8a00\u9019\u662f\u4e00\u500b\u975e\u5e38\u6709\u54f2\u5b78\u50f9\u503c\u7684\u6982\u5ff5\u2026\u300c\u5b87\u5b99\u4e2d\u7684\u5b87\u5b99\u3001\u5927\u8207\u5c0f\u90fd\u662f\u5b87\u5b99\u5440\uff01\u300d<\/p>\n\n\n\n

    \u6d41\u9ad4\u8996\u89ba\u5247\u662f\u56e0\u70ba WebGL \u6280\u8853\u7684\u9032\u6b65\uff0c\u5927\u91cf\u4f7f\u7528 Shader\uff08<\/strong>\u8457\u8272\u5668<\/strong><\/a>\uff09<\/strong>\u7684\u958b\u767c\u8005\u8d8a\u4f86\u8d8a\u591a\uff0c\u56e0\u70ba\u770b\u8d77\u4f86\u592a\u9177\u4e86\uff01\u96a8\u4fbf\u653e\u90fd\u5f88\u5687\u552c\u4eba\uff01\ud83d\ude02\u9019\u7a2e\u7528 Shader \u7522\u751f\u7684\u7269\u7406\u6d41\u52d5\u611f\uff0c\u8ddf\u6574\u500b\u8a2d\u8a08\u98a8\u5411\u70ba\u4ec0\u9ebc\u8d8a\u4f86\u8d8a\u5f37\u8abf\u6d41\u52d5\u6027\uff0c\u9019\u5169\u8005\u662f\u6709\u4e00\u5b9a\u7a0b\u5ea6\u7684\u95dc\u4fc2\uff01\u800c\u4e0d\u898f\u5247\u7684\u6392\u7248\u4e5f\u986f\u73fe\u5728\u7db2\u9801\u8a2d\u8a08\u4e0a\uff0c\u96d6\u7136\u61f7\u820a\u5fa9\u53e4\uff0c\u4f46\u662f\u7528\u4e86\u73fe\u4ee3\u6280\u8853\u53bb\u76f8\u5bb9\u820a\u6280\u8853\u537b\u6703\u8e66\u51fa\u65b0\u7684\u8a2d\u8a08\u98a8\u683c\uff0c\u9019\u662f\u6700\u8fd1\u770b\u5230\u9019\u4e9b\u8a2d\u8a08\u7684\u5fc3\u5f97\u5440\uff5e<\/p>\n\n\n\n


    \u7b2c\u4e8c\u500b\u90e8\u5206\u662f\u6574\u7406\u4e86\u4e00\u4e9b\u6bd4\u8f03\u660e\u986f\u7684\u4e92\u52d5\u73a9\u6cd5\u5206\u985e\uff0c\u9996\u5148\u5148\u4ecb\u7d39 MV \u7684\u4e92\u52d5\u65b9\u6cd5\uff0c\u9019\u7bc7\u7ae0\u90fd\u662f\u76f8\u7576\u53b2\u5bb3\u7684\u4f5c\u54c1\uff0c\u5927\u6982\u4e5f\u662f\u5f88\u6dcb\u6f13\u76e1\u81f4\u7684 WebGL \u73a9\u6cd5\uff0c\u524d\u5e7e\u5e74\u9084\u6709\u770b\u5230\u4e00\u500b\u4e5f\u662f MV \u7684\u7db2\u7ad9\uff0c\u662f\u4e00\u4f4d DJ \u7684\u7db2\u7ad9\uff0c\u5f88\u53ef\u60dc\u7db2\u7ad9\u639b\u4e86\uff01\u4e0d\u7136\u90a3\u4e5f\u662f\u4e00\u7bc7\u5f88\u73cd\u8cb4\u7684\u53c3\u8003\uff0c\u901a\u5e38 MV \u5c31\u662f\u592a\u904e\u8b93\u4eba\u5370\u8c61\u6df1\u523b\u4e86\uff01\u6211\u8cbc\u7684\u53c3\u8003\u4e2d\uff0c\u4e00\u500b\u5f88\u50cf\u6563\u4f48\u5728\u9019\u500b\u7db2\u9801\u4e16\u754c\u88e1\uff0c\u975e\u5e38\u7642\u7652\uff1b\u53e6\u4e00\u500b\u50cf\u662f\u5728\u7db2\u9801\u4e16\u754c\u4e2d\u5c0b\u5bf6\uff0c\u662f\u53e6\u4e00\u7a2e\u4e92\u52d5\u5448\u73fe\uff0c\u9019\u7a2e MV \u4e92\u52d5\u7684\u4f5c\u54c1\u4e0d\u591a\uff0c\u56e0\u70ba\u505a\u8d77\u4f86\u9084\u6eff\u7d2f der\u2026\u6700\u7d93\u5178\u7684\u9084\u662f Google \u505a\u7684\uff0c\u53ef\u662f\u6211\u6700\u65e9\u770b\u5230\u7684\u4e92\u52d5 MV \u7db2\u7ad9\uff0c\u7528\u5207\u63db\u8996\u89d2\u53bb\u5448\u73fe\u6545\u4e8b\u60c5\u5883\u2026\u975e\u5e38\u6709\u9304\u50cf\u85dd\u8853\u4e2d\u672a\u4f86\u96fb\u5f71\u7684\u611f\u89ba\u5462\uff01\ud83d\ude33<\/p>\n\n\n\n

    \u5176\u4ed6\u7684\u5c31\u662f\u5c07\u904e\u5f80\u7684\u6e38\u6a19\u4e92\u52d5\u3001\u906e\u7f69\u6ffe\u93e1\u3001\u932f\u8996\u8a2d\u8a08\u73a9\u5230\u6975\u81f4\uff0c\u6709\u8d8a\u4f86\u8d8a\u591a\u7a2e\u4e0d\u540c\u8996\u89d2\u5207\u5165\u7684\u65b9\u6cd5\uff0c\u751a\u81f3\u66f4\u591a\u610f\u60f3\u4e0d\u5230\u7684\u73a9\u6cd5\uff0c\u90fd\u53ef\u4ee5\u53c3\u8003\u770b\u770b\uff01<\/p>\n\n\n\n


    \u7b2c\u4e09\u90e8\u5206\u6211\u662f\u91dd\u5c0d\u524d\u7aef\u5728\u8655\u7406 CSS \u6642\uff0c\u53ef\u4ee5\u7a1f\u6301\u65b0\u601d\u7dad\u53bb\u88fd\u4f5c\uff0c\u90fd\u662f RWD\uff0c\u4f46\u537b\u6709\u4e09\u7a2e\u65b9\u6cd5\uff0c\u9019\u662f\u4f9d\u64da\u6211\u770b\u7684\u7db2\u7ad9\u4e2d\u6574\u7406\u51fa\u4f86\u7684\uff0c\u56e0\u70ba\u5225\u65bc\u4e00\u822c\u4f5c\u6cd5\uff0c\u8b93\u6211\u89ba\u5f97\u5f88\u6709\u610f\u601d\uff01\u6700\u626f\u7684\u61c9\u8a72\u662f CSS3 \u4e5f\u80fd\u505a\u51fa\u5e7e\u8fd1 WebGL \u7684 3D \u98a8\u683c\uff0c\u5c31\u80fd\u7406\u89e3\u4e00\u500b\u5c0f\u8766\u7c73\u767c\u63ee\u5230\u6975\u81f4\uff0c\u4e5f\u80fd\u6210\u70ba\u5927\u9be8\u9b5a\uff01\ud83d\ude02 \u6211\u53ea\u80fd\u8aaa\u9019\u4e9b\u5927\u5927\u771f\u7684\u662f\u592a\u760b\u72c2\u60f9\uff5e<\/p>\n\n\n\n


    \u7b2c\u56db\u90e8\u5206\u9032\u5165\u5230\u524d\u7aef\u6846\u67b6\u4e86\uff0c\u7576\u7136\u9084\u662f\u4e09\u570b\u9f0e\u7acb\u7684\u6642\u4ee3\uff01\u9019\u6b21\u7684\u7c21\u5831\u6211\u90fd\u7279\u5225\u6a19\u4e0a\u4e86\u51fa\u54c1\u516c\u53f8\uff0c\u70ba\u4ec0\u9ebc\u5462\uff1f\u56e0\u70ba\u6211\u89ba\u5f97\u5168\u90e8\u6a19\u51fa\u4f86\u5f8c\uff0c\u6703\u767c\u73fe\u5728\u7db2\u9801\u524d\u7aef\u6846\u67b6\u88e1\u7684\u9f8d\u982d\u4e0d\u662f Facebook \u5c31\u662f Google \u8036\uff01Vue \u9019\u7a2e\u7368\u7acb\u7684\u6846\u67b6\u592a\u7279\u5225\u4e86\uff0c\u6839\u672c\u4e00\u679d\u7368\u79c0\uff01APP \u4e5f\u662f\u4e00\u6a23\uff0c\u6a19\u660e\u4e86\u5e74\u4ee3\u4e5f\u662f\u60f3\u770b\u770b\u5f8c\u4f86\u8ddf\u4e0a\u7684\u6846\u67b6\u5230\u5e95\u80fd\u8ffd\u5230\u591a\u5c11\u54a7\uff1f\uff01\u7136\u5f8c\u6211\u524d\u9663\u5b50\u505a\u4e86\u597d\u5e7e\u500b PWA \u7684 APP\uff0c\u89ba\u5f97\u6eff\u597d\u73a9\u7684\uff0c\u7d50\u679c\u6211\u4eca\u5929\u624d\u767c\u73fe\u4ed6\u9084\u80fd\u505a\u684c\u9762\u61c9\u7528\u7a0b\u5f0f\uff01\uff01\uff01\u771f\u7684\u662f\u760b\u4e86\uff01\u5230\u5e95\u60f3\u628a\u7db2\u9801\u6280\u8853\u63a8\u5230\u4ec0\u9ebc\u7d55\u5883\u5462\uff1f\uff01\ud83d\ude02\ud83d\ude02\ud83d\ude02 \u5176\u5be6\u6211\u4e5f\u4e0d\u592a\u61c2\uff0c\u70ba\u4ec0\u9ebc\u5728\u539f\u751f\u7a0b\u5f0f\u548c\u8edf\u9ad4\u88e1\u6280\u8853\u6c92\u6709\u9019\u9ebc\u5927\u7684\u6ce2\u52d5\uff0c\u4f46\u5728\u7db2\u9801\u6280\u8853\u771f\u7684\u5957\u4e00\u53e5\u4e00\u4f4d\u8001\u5e2b\u8aaa\u7684\u300c\u4e09\u5e74\u4e00\u5c0f\u6539\u3001\u4e94\u5e74\u4e00\u5927\u6539\u300d\uff0c\u5e7e\u4e4e\u60f3\u5403\u4e86\u5168\u90e8\u7684\u529f\u80fd\uff01<\/p>\n\n\n\n

    \u524d\u7aef\u7684\u7a0b\u5f0f\u6982\u5ff5\u4e2d\uff0c\u6211\u767c\u73fe\u5169\u500b\u6709\u8da3\u7684\u6771\u897f\uff0c\u5206\u5225\u662f\uff1a\u6709\u9650\u72c0\u614b\u6a5f\uff08Finite-StateMachine\uff09\u548c FLIP\uff0c\u6700\u65e9\u807d\u5230\u6709\u9650\u72c0\u614b\u6a5f\u662f\u5728\u53bb\u5e74 2018 \u4e03\u6708\u7684 FEDC \u524d\u7aef\u5927\u6703\uff0c\u7576\u6642\u6211\u5728\u807d David Khourshid \u89e3\u8aaa\u6642\uff0c\u771f\u7684\u4e0d\u77e5\u9053\u9019\u4ec0\u9ebc\u6771\u6771\u8036\uff01\u800c\u4e14\u9023\u4e2d\u6587\u7ffb\u8d77\u4f86\u90fd\u8d85\u602a\u7684\uff5e\u5f8c\u4f86\u8dd1\u53bb\u7a0d\u7a0d\u7814\u7a76\u4e00\u4e0b Rx.js \u624d\u6709\u9ede\u660e\u767d\u9019\u500b\u6982\u5ff5\u592a\u5049\u5927\u4e86\uff01\ud83d\ude02\u7136\u5f8c\u5f8c\u4f86\u770b\u5230 FLIP \u9019\u500b\u6280\u8853\uff0c\u6211\u5c31\u806f\u60f3\u5230 FEDC \u4e0a\u53e6\u5916\u4e00\u4f4d\u5370\u5ea6\u8b1b\u8005 Johny Vino \u5728\u89e3\u8aaa App \u52d5\u7dda\u898f\u5283\u7684\u90e8\u5206\uff0c\u770b\u4f86\u4e0d\u50c5\u662f\u8da8\u52e2\u3001\u66f4\u662f\u5f88\u9700\u8981\u4f7f\u7528\u5230\u7684\u6982\u5ff5\uff0c\u9019\u5169\u9805\u6280\u8853\u57fa\u672c\u4e0a\u90fd\u662f\u91dd\u5c0d\u8996\u89ba\u52d5\u756b\u505a\u300c\u6709\u6548\u4e14\u6548\u7387\u300d\u7684\u8655\u7406\uff0c\u662f\u6709\u9ede\u65b0\u7684\u601d\u8003\u65b9\u5f0f\uff0c\u9700\u8981\u4e00\u9ede\u6642\u9593\u6d88\u5316\u91d0\u6e05\u3002<\/p>\n\n\n\n


    \u6700\u5f8c\u4e00\u90e8\u5206\u7684\u8cc7\u8a0a\u66f4\u65b0\u975e\u5e38\u6709\u8da3\uff0c\u9019\u500b\u7bc7\u7ae0\u662f\u9019\u5e7e\u5929\u624d\u8fc5\u901f\u6574\u7406\u5b8c\u7562\u7684\uff0c\u5927\u6982\u662f\u505a\u5b8c ChatBot \u6709\u611f\uff0c\u60f3\u8d77\u53bb\u5e74\u4e0b\u534a\u5e74\u4f3c\u4e4e\u6709\u591a\u4e00\u4e9b\u9ce5\u4e8b\uff0c\u65bc\u662f\u6c7a\u5b9a\u5c07\u60f3\u5f97\u5230\u7684\u8cc7\u6599\u6574\u7406\u4e00\u4e0b\uff0c\u5176\u4e2d\u7d55\u5c0d\u5305\u542b\u6700\u91cd\u5927\u7684\u6b50\u76df\u8cc7\u6599\u4fdd\u8b77\u689d\u6b3e\u4e86\uff01\u53bb\u5e74\u5e74\u4e2d\u6709\u8033\u805e\u6b64\u4e8b\uff0c\u4f46\u4e0d\u6703\u592a\u904e\u5728\u610f\uff0c\u53ea\u662f\u6709\u767c\u73fe\u5f88\u591a\u7db2\u7ad9\u90fd\u51fa\u73fe\u60f1\u4eba\u7684<\/del>\u8072\u660e\u8996\u7a97\u8981\u95dc\u9589\uff0c\u5f8c\u4f86\u56e0\u70ba\u670b\u53cb\u554f\u8d77\uff0c\u6211\u624d\u597d\u597d\u53bb\u627e\u8cc7\u6599 der\uff08\u611f\u8b1d\u8001\u5929\u723a\u90fd\u6703\u6d3e\u4eba\u53ee\u5680\u6211\u543c \ud83d\ude02\uff09<\/p>\n\n\n\n

    \u56e0\u70ba\u73a9 ChatBot \u7684\u95dc\u4fc2\uff0c\u624d\u53bb\u6ce8\u610f\u5230 LINE \u5728\u4eca\u5e74\u6709\u5f88\u91cd\u5927\u4ed8\u8cbb\u6a5f\u5236\u8b8a\u66f4\uff0c\u5c0e\u81f4\u6709\u5f88\u591a\u5b98\u65b9\u5e33\u865f\u767c\u73fe\u4e00\u500b\u6708\u8981\u7e73\u7684\u9322\u8cb4\u5230\u7121\u6cd5\u652f\u4ed8\uff0c\u6240\u4ee5\u300c\u76ee\u6a19\u597d\u53cb\u300d\u8b8a\u5f97\u5982\u6b64\u91cd\u8981\uff0c\u5ee3\u544a\u4e0d\u4e82\u69cd\u6253\u9ce5\u6253\uff0c\u800c\u662f\u7cbe\u6e96\u6295\u653e\uff0c\u4e0d\u904e\u6211\u9084\u662f\u89ba\u5f97\u633a\u96e3\u7684\uff0c\u9019\u90e8\u5206\u6211\u5c31\u6c92\u7814\u7a76\u904e\uff0c\u7121\u6cd5\u63a2\u8a0e\u5566\uff01Facebook \u7684\u8a71\u53bb\u5e74\u5c31\u6709\u9810\u544a\u6703\u6709\u4e00\u500b\u53ef\u6015\u7684\u5927\u66f4\u65b0\uff01\u6240\u4ee5\u9019\u4ef6\u4e8b\u60c5\u6211\u5c31\u653e\u5fc3\u88e1\uff0c\u56e0\u70ba\u6211\u662f\u524d\u7aef\u4e0d\u662f\u5f8c\u7aef\u554a\u54c8\u54c8\u54c8\uff0c\u4e5f\u662f\u56e0\u70ba\u73a9 ChatBot \u8981\u9001\u5be9\u624d\u77e5\u9053\u6703\u9019\u9ebc\u6a5f\u8eca\uff5e\u4e0d\u7136\u6211\u500b\u4eba\u662f\u6c92\u4ec0\u9ebc\u8208\u8da3\u7814\u7a76\u7b2c\u4e09\u65b9\u5e73\u53f0\u7684 \ud83d\ude0c<\/p>\n\n\n\n

    \u53e6\u4e00\u500b\u6700\u6709\u8da3\u7684\u662f Google\uff0c\u6c92\u60f3\u5230\u77ed\u7db2\u5740\u7a81\u7136\u6536\u6389\uff01\u5c0e\u81f4\u6709\u5f88\u591a\u9700\u8981\u7528\u5230\u77ed\u7db2\u5740\u7684\u7db2\u7ad9\u9762\u81e8\u8981\u53bb\u627e\u5225\u5bb6\u77ed\u7db2\u5740\u6216\u81ea\u5df1\u505a\uff08\u5e6b\u5f8c\u7aef QQ\uff09\uff0c\u7136\u5f8c\uff0c\u524d\u5e74\u5c31\u6709\u6ce8\u610f\u5230\u4e00\u5806\u65b0\u6280\u8853\u7522\u54c1\u7684\u4e0a\u5e02\uff0c\u4f46\u662f\u9023 Google Map \u90fd\u8981\u6536\u8cbb\u2026 \u6211\u89ba\u5f97\u76f8\u7576\u96e3\u904e \ud83d\ude22\u524d\u9663\u5b50\u6709\u73a9\u4e00\u4e0b Google \u7684\u81ea\u7136\u8a9e\u610f\u5224\u65b7\uff0c\u767c\u73fe\u4e5f\u662f\u8981\u586b\u4fe1\u7528\u5361\uff0c\u9084\u83ab\u540d\u88ab\u6263\u4e86\u5e7e\u5341\u584a\u2026 \u611f\u89ba\u4f30\u72d7\u554a\uff01\u4e5f\u662f\u56de\u4e0d\u53bb\u4e86\uff5e\uff5e\ud83d\ude2d\ud83d\ude2d<\/p>\n\n\n\n

    \u8b1b\u5b8c\u8edf\u9ad4\u6280\u8853\u8cc7\u8a0a\uff0c\u7576\u7136\u8981\u8aaa\u4e00\u4e0b\u4e5f\u662f\u5728\u760b\u72c2\u6539\u8b8a\u7684\u786c\u9ad4\uff01\u5c0f\u4e0d\u9686\u549a\u7684 Apple Watch \u4e5f\u53ef\u4ee5\u700f\u89bd\u7db2\u9801\u4e86\uff01\u9019\u4e00\u9ede\u6211\u4e5f\u4e0d\u610f\u5916\uff0c\u65e9\u77e5\u9053\u6703\u6709\u9019\u5929\u5230\u4f86\u7684\uff01\u53ea\u597d\u628a\u7db2\u9801\u771f\u7684\u8b8a\u6210\u6c34\u4e86(?!)\uff5e\ud83d\udc7b<\/p>\n\n\n\n

    \u5f88\u5de7\u5730\u524d\u5e7e\u5929\u53bb\u4e86\u901a\u4fe1\u884c\uff0c\u6b23\u8cde\u4e86\u73fe\u4e0b\u6d41\u884c\u7684\u624b\u6a5f\u662f\u4ec0\u9ebc\u6a23\u5b50\uff0c\u56e0\u70ba\u6211\u4ecd\u7136\u505c\u7559\u5728\u53e4\u8001\u54c0\u9cf3\u6642\u4ee3\uff0c\u6700\u65b0\u7684 iPhoneX \u700f\u6d77\u53c8\u5168\u5c4f\u4e5f\u6c92\u6709\u6380\u8d77\u6211\u592a\u5927\u7684\u6ce2\u703e\uff0c\u76f4\u5230\u6211\u770b\u4e86\u4e00\u5806\u5b89\u5353\u624b\u6a5f\uff0c\u624d\u767c\u73fe\u5168\u4e16\u754c\u90fd\u5728\u300c\u5168\u5c4f\u300d\uff01\u53ef\u80fd\u54c0\u9cf3\u5f88\u6f6e\u5427\uff01\u5f15\u9818\u6642\u5c1a\uff5e\ud83d\ude0c\u56e0\u6b64\u591a\u51fa\u4e86\u4e00\u4e9b\u602a\u540d\u8a5e\uff08\u56e0\u70ba\u6c92\u6709\u6b63\u5f0f\u7684\u4e2d\u6587\u898f\u5b9a\u7ffb\u8b6f\uff0c\u6211\u53ea\u80fd\u7528\u6211\u7684\u4e2d\u6587\u8aaa\u660e\uff09\uff1a<\/p>\n\n\n\n