{"id":868,"date":"2022-10-13T11:11:03","date_gmt":"2022-10-13T03:11:03","guid":{"rendered":"https:\/\/niiice.design\/?p=868"},"modified":"2022-10-13T14:29:18","modified_gmt":"2022-10-13T06:29:18","slug":"wireframe-2021","status":"publish","type":"post","link":"https:\/\/niiice.design\/en\/wireframe-2021\/","title":{"rendered":"\u7db2\u9801\u8a2d\u8a08\u7684\u524d\u7f6e\u4f5c\u696d \u2014 \u8a8d\u8b58 Wireframe\uff082021\u6700\u65b0\uff09"},"content":{"rendered":"

Wireframe \u662f\u7db2\u9801\u8a2d\u8a08\u521d\u671f\u78ba\u8a8d\u6bcf\u4e00\u500b\u9801\u9762\u69cb\u6210\u7684\u5de5\u5177\uff0c\u5982\u540c\u6211\u5011\u5728\u7e6a\u88fd\u4e00\u5e45\u756b\u4f5c\u6642\u6703\u5148\u5e6b\u756b\u4f5c\u6253\u597d\u8349\u7a3f\uff0c\u4ee5\u4fbf\u5f8c\u7e8c\u7684\u7e6a\u88fd\u3002\u70ba\u4ec0\u9ebc\u9700\u8981 Wireframe \u5462\uff1f \u5982\u4f55\u7e6a\u88fd Wireframe ? \u672c\u7bc7\u6587\u7ae0\u5c07\u8b93\u4f60\u8a8d\u8b58\u4ec0\u9ebc\u662f Wireframe\u3002<\/p><\/blockquote>\n\n\n\n

\"\"
Photo by Sigmund<\/a> on Unsplash<\/a><\/em><\/figcaption><\/figure>\n\n\n\n
\n\n\n\n

\u70ba\u4ec0\u9ebc\u9700\u8981 Wireframe\uff1f<\/strong><\/h2>\n\n\n\n

\u7576\u6211\u5011\u8981\u7e6a\u88fd\u4e00\u5e45\u756b\u4f5c\u6642\uff0c\u901a\u5e38\u90fd\u6703\u62ff\u8d77\u925b\u7b46\uff0c\u628a\u60f3\u50cf\u4e2d\u7684\u756b\u9762\u7c97\u7565\u7684\u756b\u51fa\u4f86\uff0c\u9019\u5c31\u662f\u6211\u5011\u7a31\u547c\u7684\u300c\u8349\u7a3f\u300d\uff0c\u76f8\u540c\u5730\uff0cWireframe \u5982\u540c\u7db2\u7ad9\u8a2d\u8a08\u7684\u8349\u7a3f\uff0c\u5b83\u53ef\u4ee5\u5e36\u7d66\u6211\u5011\u4ee5\u4e0b 3 \u9ede\u597d\u8655\uff1a<\/p>\n\n\n\n

  1. \u6c7a\u5b9a\u7db2\u7ad9\u9801\u9762\u7684\u5927\u65b9\u5411\uff0c\u4e14\u898f\u5283\u4e0d\u9700\u8981\u82b1\u8cbb\u592a\u591a\u6642\u9593\u3002<\/li>
  2. \u4e0d\u7528\u5728\u610f\u7d30\u7bc0\uff0c\u5982\u6587\u6848\u3001\u8272\u5f69\u3001\u5716\u7247\u7b49\u3002<\/li>
  3. \u5728\u9032\u884c\u7e6a\u88fd Wireframe \u7e6a\u88fd\u540c\u6642\uff0c\u4e00\u908a\u6574\u7406\u81ea\u5df1\u7684\u8a2d\u8a08\u601d\u8def\u3002<\/li><\/ol>\n\n\n\n

    \u6211\u5011\u53ef\u4ee5\u5229\u7528\u7c21\u55ae\u7684\u6846\u7dda\u7e6a\u88fd Wireframe\uff0c\u4e26\u5c08\u6ce8\u5728\u7db2\u7ad9\u7684\u529f\u80fd\u4ee5\u53ca\u64cd\u4f5c\u4e0a\uff0c\u7e6a\u88fd Wireframe \u7684\u65b9\u5f0f\u6709\u5f88\u591a\u7a2e\uff0c\u5e02\u9762\u4e0a\u6709\u8a31\u591a\u53ef\u4ee5\u7e6a\u88fd Wireframe \u7684\u8edf\u9ad4\uff0c\u6700\u7c21\u55ae\u7684\u65b9\u5f0f\u9084\u662f\u7528\u624b\u7e6a\u88fd\uff0c\u53ea\u9700\u8981\u4e00\u652f\u7b46\u8ddf\u4e00\u5f35\u7d19\u5373\u53ef\u3002Wireframe \u4e26\u4e0d\u9700\u8981\u592a\u591a\u7d30\u7bc0\uff0c\u91cd\u9ede\u662f\u628a\u7db2\u7ad9\u7684\u5167\u5bb9\u8ddf\u529f\u80fd\u5c55\u793a\u51fa\u4f86\uff0c\u8b93\u8a2d\u8a08\u5e2b\u6216\u5de5\u7a0b\u5e2b\u770b\u5f97\u61c2\u3001\u53ef\u4ee5\u7406\u89e3\u3002<\/p>\n\n\n\n

    \u5982\u4f55\u756b Wireframe\uff1f<\/strong><\/h2>\n\n\n\n

    \u5e38\u898b\u7e6a\u88fd Wireframe \u7684\u65b9\u5f0f\u70ba\u5229\u7528\u4e00\u500b\u7c21\u55ae\u7684\u5713\u5f62\u548c\u6b63\u65b9\u5f62\u4f86\u8868\u793a\u9801\u9762\u7684\u5716\u7247\u6216\u5c0f\u6a19\u8a8c (icon)\uff0c\u5c07\u5b83\u5011\u5b89\u6392\u5728\u60f3\u8981\u51fa\u73fe\u7684\u4f4d\u7f6e\uff0c\u6b64\u5916\u4e5f\u53ef\u4ee5\u52a0\u5165\u5047\u7684\u6587\u5b57\u6216\u5be6\u969b\u8981\u5448\u73fe\u5728\u7db2\u7ad9\u4e0a\u7684\u6587\u6848\uff0c\u5982\uff1a\u6a19\u984c\u3001\u6bb5\u843d\u3001\u6309\u9215\u7b49\u3002\u53ea\u9700\u8981\u6ce8\u610f\uff0cWireframe \u4e0d\u9700\u8981\u592a\u591a\u7d30\u7bc0\uff0c\u91cd\u9ede\u662f\u628a\u7db2\u7ad9\u7684\u5167\u5bb9\u8ddf\u529f\u80fd\u5c55\u793a\u51fa\u4f86\u3002<\/p>\n\n\n\n

    \"\"
    Photo by HalGatewood.com<\/a> on Unsplash<\/a><\/em><\/figcaption><\/figure>\n\n\n\n

    \u9700\u8981\u898f\u5283\u7684\u5143\u7d20\u5982\u4e0b\uff1a<\/p>\n\n\n\n

    1. \u6846\u7dda\uff1a\u8868\u793a\u5f71\u50cf\u3001\u63d2\u5716\u3001icon \u3001\u5f71\u7247\u3002<\/li>
    2. \u6587\u6848\uff1a\u6587\u5b57\u5927\u5c0f\u3001\u9810\u671f\u4f7f\u7528\u5b57\u9ad4\u3002<\/li>
    3. \u6309\u9215\uff1a\u76f8\u5c0d\u5c3a\u5bf8\u3002<\/li>
    4. \u7248\u9762\u898f\u5283\uff1a\u5c0d\u9f4a\u65b9\u5f0f\u3001\u9593\u8ddd\u3001\u6700\u5c0f\u9ad8\u5ea6\u3001\u756b\u9762\u7684\u5e73\u8861\u3001\u60f3\u5448\u73fe\u7684\u65b9\u5f0f\u3002<\/li><\/ol>\n\n\n\n

      \u6b64\u5916\uff0c\u53ef\u4ee5\u900f\u904e\u6578\u5b57\u6a19\u8a18\u6bcf\u500b\u5340\u584a\u7684\u540d\u7a31\uff0c\u4e26\u5728\u53f3\u5074\u6a19\u793a\u6e05\u695a\u5c0d\u61c9\u7684\u540d\u7a31\u3002\u5728\u7279\u5b9a\u7684\u5340\u584a\u53ef\u4ee5\u7e6a\u88fd\u5c40\u90e8\u653e\u5927\u7684\u5167\u5bb9\uff0c\u4f7f\u6574\u500b Wireframe \u66f4\u6e05\u6670\u6613\u61c2\u3002<\/p>\n\n\n\n

      \u5728\u524d\u500b\u6bb5\u843d\u63d0\u5230\u53ef\u4ee5\u5229\u7528\u7c21\u55ae\u7684\u5713\u5f62\u548c\u6b63\u65b9\u5f62\u4f86\u8868\u793a\u9801\u9762\u7684\u5716\u7247\uff0c\u5be6\u969b\u4e0a\uff0c\u6211\u5011\u4e0d\u5fc5\u62d8\u9650\u5728\u65b9\u65b9\u6b63\u6b63\u7684\u6846\u67b6\u3001\u6574\u9f4a\u7684\u6587\u5b57\u5448\u73fe\uff0c\u53ea\u8981\u53ef\u4ee5\u6e05\u695a\u4e86\u89e3\u5927\u81f4\u4e0a\u7684\u7de8\u6392\u3001\u6bcf\u500b\u5143\u7d20\u76f8\u5c0d\u61c9\u7684\u4f4d\u7f6e\uff0c\u5c31\u662f\u597d\u7684 Wireframe\uff0c\u4e0d\u5fc5\u64d4\u5fc3\u81ea\u5df1\u6709\u6c92\u6709\u85dd\u8853\u7d30\u80de\u3002<\/p>\n\n\n\n

      Wireframing is the Way to Go<\/strong><\/h2>\n\n\n\n

      \u6211\u5011\u9700\u8981\u5f88\u6e05\u695a\u7684\u4e86\u89e3\uff0c\u7e6a\u88fd Wireframe \u7684\u76ee\u7684\u5728\u65bc\u78ba\u8a8d\u6bcf\u4e00\u500b\u9801\u9762\u7684\u69cb\u6210\uff0c\u91cd\u9ede\u5728\u65bc\u756b\u9762\u4e0a\u60f3\u8981\u5448\u73fe\u4ec0\u9ebc\u5167\u5bb9\u8ddf\u529f\u80fd\uff1b\u5982\u679c\u6c92\u6709\u7e6a\u88fd Wireframe \u5c31\u76f4\u63a5\u9032\u884c\u8996\u89ba\u8a2d\u8a08\uff0c\u5f88\u6709\u53ef\u80fd\u6703\u767c\u751f\u505a\u5230\u4e00\u534a\u6f0f\u4e86\u67d0\u4e9b\u529f\u80fd\u6216\u662f\u9801\u9762\u64cd\u4f5c\u4e0d\u6d41\u66a2\uff0c\u5f8c\u7e8c\u4fee\u6539\u53cd\u800c\u6703\u6d6a\u8cbb\u66f4\u591a\u6642\u9593\u8207\u529b\u6c23\u4fee\u6539\u3002<\/p>\n\n\n\n

      \"\"
      \u5be6\u969b\u6848\u4f8b<\/figcaption><\/figure>\n\n\n\n
      \n\n\n\n
      \u53c3\u8003\u8cc7\u6599<\/strong><\/h5>\n\n\n\n

      Akane Lee\uff082020.09.27\uff09\u3002\u4ec0\u9ebc\u662f Wireframe ?\u3010\u5ac1\u7d66 RD \u7684 UI Designer\u3011\u3002
      \u53d6\u81ea       https:\/\/blog.akanelee.me\/posts\/159788-what-is-wireframe\/<\/a><\/p>\n\n\n\n

      Dynocreative \uff082020.09.27\uff09\u3002 HOW TO WIREFRAME A WEBSITE IN 3 EASY STEPS\u3010 dynocreative\u3011\u3002
      \u53d6\u81ea       https:\/\/dynocreative.com\/elementor\/how-to-wireframe-a-website-in-3-easy-steps\/<\/a><\/p>\n\n\n\n

      Jay \uff082020.09.27\uff09\u3002 Wireframe\u3001Mockup \u8207 Prototype \u7684\u5dee\u7570\u8207\u6bd4\u8f03\u3010 Jay\u7684\u5546\u696d\u7b46\u8a18\u3011\u3002
      \u53d6\u81ea       https:\/\/jeffy0637.pixnet.net\/blog\/post\/277304284-wireframe%E3%80%81mockup%E8%88%87prototype%E7%9A%84%E5%B7%AE%E7%95%B0\u2014wireframe<\/a><\/p>\n\n\n\n

      MORIYANANA \uff082020.09.27\uff09\u3002 UI\u8a2d\u8a08\u5e2b -\u7dda\u6846\u7a3f (Wireframe)\u3010 HI;MYDREAM\u3011\u3002
      \u53d6\u81ea       http:\/\/himydream.me\/2017\/03\/23\/ui%E8%A8%AD%E8%A8%88%E5%B8%AB-wireframe%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F\/<\/a><\/p>\n\n\n\n

      PAUL ANDREW \uff082020.09.27\uff09\u3002 20 Inspiring Examples of Web and Mobile Wireframe Sketches\u3010 speckyboy\u3011\u3002
      \u53d6\u81ea       https:\/\/speckyboy.com\/web-mobile-wireframe-sketch-examples\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"

      Wireframe \u662f\u7db2\u9801\u8a2d\u8a08\u521d\u671f\u78ba\u8a8d\u6bcf\u4e00\u500b\u9801\u9762\u69cb\u6210\u7684\u5de5\u5177\uff0c\u5982\u540c\u6211\u5011\u5728\u7e6a\u88fd\u4e00\u5e45\u756b\u4f5c\u6642\u6703\u5148\u5e6b\u756b\u4f5c\u6253\u597d\u8349\u7a3f\uff0c\u4ee5\u4fbf\u5f8c […]<\/p>","protected":false},"author":2,"featured_media":870,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[24,25],"class_list":["post-868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tutorial","tag-wireframe","tag-25"],"_links":{"self":[{"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/posts\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":4,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":950,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/posts\/868\/revisions\/950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/media\/870"}],"wp:attachment":[{"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/media?parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/categories?post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niiice.design\/en\/wp-json\/wp\/v2\/tags?post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}