-
Notifications
You must be signed in to change notification settings - Fork 1
/
db.json
1 lines (1 loc) · 61.9 KB
/
db.json
1
{"meta":{"version":1,"warehouse":"4.0.0"},"models":{"Asset":[{"_id":"themes/cupertino/source/js/main.js","path":"js/main.js","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/code-highlighting.css","path":"css/code-highlighting.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/components.css","path":"css/components.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/footer.css","path":"css/footer.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/index.css","path":"css/index.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/main.css","path":"css/main.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/nav.css","path":"css/nav.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/paginator.css","path":"css/paginator.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/post-list.css","path":"css/post-list.css","modified":1,"renderable":1},{"_id":"themes/cupertino/source/css/post.css","path":"css/post.css","modified":1,"renderable":1},{"_id":"themes/cupertino/source/css/typography.css","path":"css/typography.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/var.css","path":"css/var.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/waline.css","path":"css/waline.css","modified":0,"renderable":1},{"_id":"themes/cupertino/source/css/workspace.code-workspace","path":"css/workspace.code-workspace","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/a.jpg","path":"theme-img/a.jpg","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/dark.png","path":"theme-img/dark.png","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/github-mark-dark.png","path":"theme-img/github-mark-dark.png","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/github-mark-light.png","path":"theme-img/github-mark-light.png","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/mastodon-logo-black.svg","path":"theme-img/mastodon-logo-black.svg","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/light.png","path":"theme-img/light.png","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/mastodon-logo-white.svg","path":"theme-img/mastodon-logo-white.svg","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/patreon-logo-black.png","path":"theme-img/patreon-logo-black.png","modified":0,"renderable":1},{"_id":"themes/cupertino/source/theme-img/patreon-logo-white.png","path":"theme-img/patreon-logo-white.png","modified":0,"renderable":1}],"Cache":[{"_id":"source/_posts/article1.md","hash":"acc211de1290983e39d1ca80a3d5ddb660327dfa","modified":1632464971080},{"_id":"source/_posts/article2.md","hash":"9f9f5e881dc00fbcbb704eea9437087bda105713","modified":1632451690030},{"_id":"source/_posts/hello-world.md","hash":"eb3869df8bd487f4833b520f5bdf3c4072df6030","modified":1631953216445},{"_id":"source/_posts/article3.md","hash":"e777e956db35d66ea1e828b7442ed56acfefd11e","modified":1632451690261},{"_id":"themes/cupertino/LICENSE","hash":"2f7f181f155449a3c7154ec51cc60c60ab3f0932","modified":1631792635669},{"_id":"themes/cupertino/README.md","hash":"b06e6a0da781eb1fdff527d7688dbbaf0e2e0a5f","modified":1631792635671},{"_id":"themes/cupertino/_config.yml","hash":"f5328d310bf8e983aadd9d839c154b6625759c77","modified":1632451690336},{"_id":"themes/cupertino/docs/configuration.md","hash":"a2dadc54f8fe0b3bd94614664014e25c97b5a8b2","modified":1631792635676},{"_id":"themes/cupertino/languages/default.yml","hash":"0eeacde1040f31a7ac1c9d5a742cd6a9d255f91e","modified":1631935522955},{"_id":"themes/cupertino/languages/zh-cn.yml","hash":"4725cc4e8ae4b8c3e8a0b3236cc411d894d24cb1","modified":1631792635687},{"_id":"themes/cupertino/layout/layout.ejs","hash":"c33104ec822c331e13fc412d4ca03779d9facb55","modified":1631953144408},{"_id":"themes/cupertino/layout/index.ejs","hash":"83e4171a76841f1acaba09799a0eef76c9f0e59b","modified":1632452973705},{"_id":"themes/cupertino/layout/post.ejs","hash":"2c294ae1ea64e95641ec84e618b903f39da4e7d9","modified":1632465456346},{"_id":"themes/cupertino/docs/integrations/waline.md","hash":"548c1060430a7696c20a75557e6b3d4815f4f9d9","modified":1631792635683},{"_id":"themes/cupertino/docs/integrations/tidio.md","hash":"d66b2ad800b31069e36a5a4b5fc60e3c207e14d2","modified":1631792635682},{"_id":"themes/cupertino/layout/_partial/footer.ejs","hash":"ddf9aecd9a4436816f15cd1c4e1ab48b87e82ac0","modified":1631792635690},{"_id":"themes/cupertino/layout/_partial/head.ejs","hash":"5c37675c6dd6ebb990445713c9df67d360eb4857","modified":1631792635693},{"_id":"themes/cupertino/layout/_partial/paginator.ejs","hash":"dc720e95156b698f1d1e0a8436d0b38eb32be413","modified":1631792635696},{"_id":"themes/cupertino/layout/_partial/nav.ejs","hash":"4e3077b8e5169d49d86144a387f5bd66aff63850","modified":1632451690347},{"_id":"themes/cupertino/source/css/components.css","hash":"d13af3a52cbc4af35c5ca0856f5eb570c9c100b4","modified":1631792635706},{"_id":"themes/cupertino/source/css/code-highlighting.css","hash":"3d53267c33412a4976b9fe691266cc1acc77e023","modified":1631792635705},{"_id":"themes/cupertino/source/css/footer.css","hash":"5c8bd60bbabd7056958bccbe02f73b303eeb50ef","modified":1631792635708},{"_id":"themes/cupertino/source/css/index.css","hash":"e7da1d32d5f9258967da1ae41aa781fcb1da3219","modified":1631792635709},{"_id":"themes/cupertino/source/js/main.js","hash":"16dbb9424e5409440188be9459c9b3e9521135ce","modified":1632451690402},{"_id":"themes/cupertino/source/css/post-list.css","hash":"341f356149f0f17f82347b16ce7ba5d3d54d903e","modified":1632465141933},{"_id":"themes/cupertino/source/css/main.css","hash":"9ced162aa70d5538d72134d90632e673402c85ba","modified":1631792635712},{"_id":"themes/cupertino/source/css/paginator.css","hash":"9a3e9d1f13ab5f344fa674f2a25538df29033111","modified":1631792635717},{"_id":"themes/cupertino/source/css/post.css","hash":"a6175ab76725361846368ab0a03b641508a1a235","modified":1632465695901},{"_id":"themes/cupertino/source/css/typography.css","hash":"f98210e808c025b677bfebe432be3f491a7b9b02","modified":1631792635754},{"_id":"themes/cupertino/source/css/workspace.code-workspace","hash":"174ec3d95b936c324524b211c0989041a10d131e","modified":1632451690389},{"_id":"themes/cupertino/source/css/nav.css","hash":"17dc496407a137ed06902d089bfda89f0b1633e1","modified":1631951078479},{"_id":"themes/cupertino/source/css/var.css","hash":"93eebf28ee1fefd147a9ec84f9994b9498848446","modified":1632451690379},{"_id":"themes/cupertino/source/css/waline.css","hash":"5f26c16fb6e48505af941cb2bdea24df551c6907","modified":1631792635762},{"_id":"themes/cupertino/source/theme-img/dark.png","hash":"8fe7fe119d9cc023198df7af9919136131cb2079","modified":1631957623587},{"_id":"themes/cupertino/source/theme-img/github-mark-dark.png","hash":"8e4af8e0da1da6fb685e86c19afb5322d559a8ca","modified":1631870750217},{"_id":"themes/cupertino/source/theme-img/github-mark-light.png","hash":"5740f0d2ea93806516b9c646e6e166aa5c0b44d9","modified":1631870750217},{"_id":"themes/cupertino/source/theme-img/mastodon-logo-black.svg","hash":"ae77e9eab81776aae6a47d31729123a5a6c33576","modified":1631792635782},{"_id":"themes/cupertino/source/theme-img/mastodon-logo-white.svg","hash":"3238404dd517af20cbdaf9245935e5c42fed1dca","modified":1631792635785},{"_id":"themes/cupertino/source/theme-img/light.png","hash":"ab95604a96fa9a9769bc634767712fcc602d9941","modified":1631957623588},{"_id":"themes/cupertino/docs/integrations/img/tidio-integration-url.png","hash":"73f1b81cc87b84df501bdb696789a32c93cc5a20","modified":1631870750208},{"_id":"themes/cupertino/source/theme-img/patreon-logo-black.png","hash":"49ec544d938b13cc3ec519e157a40eaa432eee80","modified":1631870750218},{"_id":"themes/cupertino/source/theme-img/patreon-logo-white.png","hash":"a977d6017f976d18626c832bd2a91e9dbdc9c9a8","modified":1631870750219},{"_id":"source/_posts/article1/a5.jpeg","hash":"58a0444b8be40eba427782935157a72ccb1924a3","modified":1631959748561},{"_id":"source/_posts/article1/a2.jpeg","hash":"6b3bc8dbd8042a68a011a2fcf92861bc4c96a5dc","modified":1631959317005},{"_id":"themes/cupertino/source/theme-img/a.jpg","hash":"8ac21d3fe199b46c95e24547fb1b25a5cfd7f605","modified":1631870750217},{"_id":"source/_posts/article1/a1.png","hash":"8d8bc992819f64de095a8aa232c7bb63d5ef6eff","modified":1631959066945},{"_id":"source/_posts/article3/399a985bd5bece9ddf8323237acf968c.webp","hash":"ae83ef232ab15f46ed7538d4d0210293e3ae54e1","modified":1631967318154},{"_id":"source/_posts/article2/c9766811449634cab83a657a51c8448c.webp","hash":"3bbf9bd5c49dba1953ed969edcba48d59cacccfc","modified":1631967312264},{"_id":"source/_posts/article1/a4.gif","hash":"d8f73de35f38e7c28e6690e11bf571aebc27fb87","modified":1631959317024},{"_id":"source/_posts/article1/a3.gif","hash":"cc2b168739775f769e9777e2f90bb64e157f86da","modified":1631959317016},{"_id":"source/_posts/hello-world/1.gif","hash":"0c10441905c25cd18fd5205847c7b6ad62409eea","modified":1631869672937},{"_id":"source/_posts/hello-world/2.gif","hash":"76592e8c8178adb343bbede279c1ccfe9dea3248","modified":1631869672968},{"_id":"source/_posts/article2/2.gif","hash":"46ccaf8a20a377cf73fe507f6413e904e814a3d6","modified":1631967832728},{"_id":"public/2021/09/18/article3/index.html","hash":"101a585622a73962c238e776224092c7a23f132b","modified":1632396216399},{"_id":"public/2021/09/18/article2/index.html","hash":"c9854eaca01ac3d45d76043bcde9cb64630bf7fe","modified":1632396216399},{"_id":"public/2021/09/18/article1/index.html","hash":"c4db52ab601e524c3daf055adb336d347c3a1a9b","modified":1632396216399},{"_id":"public/2021/09/18/hello-world/index.html","hash":"e360970da31e2b09b7b32364ca2d76fb4f7d71ea","modified":1632396216399},{"_id":"public/archives/index.html","hash":"9efc579e810945ad5d77e85a098b66996e91868d","modified":1632396216399},{"_id":"public/archives/2021/index.html","hash":"f30bb80f8fa92deb0cbe97036432563d67cfd228","modified":1632396216399},{"_id":"public/archives/2021/09/index.html","hash":"b46329c30b31a342dfc5a9bfb3244bb8bd759919","modified":1632396216399},{"_id":"public/index.html","hash":"e2551d06c55db67508e459ff4091aae0b8f7ede9","modified":1632396216399},{"_id":"public/css/workspace.code-workspace","hash":"16981ba02e89b7e33324cde36c17cf4054806487","modified":1632396216399},{"_id":"public/theme-img/dark.png","hash":"8fe7fe119d9cc023198df7af9919136131cb2079","modified":1632396216399},{"_id":"public/theme-img/github-mark-dark.png","hash":"8e4af8e0da1da6fb685e86c19afb5322d559a8ca","modified":1632396216399},{"_id":"public/theme-img/github-mark-light.png","hash":"5740f0d2ea93806516b9c646e6e166aa5c0b44d9","modified":1632396216399},{"_id":"public/theme-img/mastodon-logo-black.svg","hash":"09857f854c29c894e5a46ceffbf2b104e4261a49","modified":1632396216399},{"_id":"public/theme-img/light.png","hash":"ab95604a96fa9a9769bc634767712fcc602d9941","modified":1632396216399},{"_id":"public/theme-img/mastodon-logo-white.svg","hash":"5918a2c2f8727fc65506f905e1297b117f3ac816","modified":1632396216399},{"_id":"public/theme-img/patreon-logo-white.png","hash":"a977d6017f976d18626c832bd2a91e9dbdc9c9a8","modified":1632396216399},{"_id":"public/theme-img/patreon-logo-black.png","hash":"49ec544d938b13cc3ec519e157a40eaa432eee80","modified":1632396216399},{"_id":"public/js/main.js","hash":"60d0bd8c24cc12fb4a1d439a557a91f4c590c0b6","modified":1632396216399},{"_id":"public/css/code-highlighting.css","hash":"855d95a2b2f4781c15a0cfbab961c5b9a8b7df4f","modified":1632396216399},{"_id":"public/css/components.css","hash":"74a02f47c56ebe8bd5c302186ff4d14e22cb56f2","modified":1632396216399},{"_id":"public/css/footer.css","hash":"d47a8b65a85bfa141c56da0941ead7a24350593a","modified":1632396216399},{"_id":"public/css/index.css","hash":"32abeed4f26ce851a5440fd3fcc8254465e18b1d","modified":1632396216399},{"_id":"public/css/main.css","hash":"5d62fd4a79167f5262b2dce5ee8053cf3c0ed989","modified":1632396216399},{"_id":"public/css/nav.css","hash":"aa255f9cb861bfe5ad268a3aa62f3f9643f75504","modified":1632396216399},{"_id":"public/css/paginator.css","hash":"d8b805b003e6358ec591f1d40a230611ac95ccb3","modified":1632396216399},{"_id":"public/css/post-list.css","hash":"59935fd8beaadc19a2a38ac82b23e5956e30f4a9","modified":1632396216399},{"_id":"public/css/post.css","hash":"26889a13f05716224c9741d75a829c640f432d03","modified":1632396216399},{"_id":"public/css/typography.css","hash":"c9ef90329f32c19f47e3ec5827b2d38755b71406","modified":1632396216399},{"_id":"public/css/var.css","hash":"e366c9a63f03eea1b889d327af2efffed77723ac","modified":1632396216399},{"_id":"public/css/waline.css","hash":"31e17a913d79aa43ba6508433332160851be4743","modified":1632396216399},{"_id":"public/theme-img/a.jpg","hash":"8ac21d3fe199b46c95e24547fb1b25a5cfd7f605","modified":1632396216399},{"_id":"public/2021/09/18/article1/a5.jpeg","hash":"58a0444b8be40eba427782935157a72ccb1924a3","modified":1632396216399},{"_id":"public/2021/09/18/article1/a2.jpeg","hash":"6b3bc8dbd8042a68a011a2fcf92861bc4c96a5dc","modified":1632396216399},{"_id":"public/2021/09/18/article1/a1.png","hash":"8d8bc992819f64de095a8aa232c7bb63d5ef6eff","modified":1632396216399},{"_id":"public/2021/09/18/article3/399a985bd5bece9ddf8323237acf968c.webp","hash":"ae83ef232ab15f46ed7538d4d0210293e3ae54e1","modified":1632396216399},{"_id":"public/2021/09/18/article2/c9766811449634cab83a657a51c8448c.webp","hash":"3bbf9bd5c49dba1953ed969edcba48d59cacccfc","modified":1632396216399},{"_id":"public/2021/09/18/article1/a4.gif","hash":"d8f73de35f38e7c28e6690e11bf571aebc27fb87","modified":1632396216399},{"_id":"public/2021/09/18/article1/a3.gif","hash":"cc2b168739775f769e9777e2f90bb64e157f86da","modified":1632396216399},{"_id":"public/2021/09/18/hello-world/1.gif","hash":"0c10441905c25cd18fd5205847c7b6ad62409eea","modified":1632396216399},{"_id":"public/2021/09/18/hello-world/2.gif","hash":"76592e8c8178adb343bbede279c1ccfe9dea3248","modified":1632396216399},{"_id":"public/2021/09/18/article2/2.gif","hash":"46ccaf8a20a377cf73fe507f6413e904e814a3d6","modified":1632396216399}],"Category":[],"Data":[],"Page":[],"Post":[{"title":"article2","cover_image":"2.gif","date":"2021-09-18T12:04:56.000Z","_content":"","source":"_posts/article2.md","raw":"---\ntitle: article2\ncover_image: 2.gif\ndate: 2021-09-18 20:04:56\ntags:\n---\n","slug":"article2","published":1,"updated":"2021-09-24T02:48:10.030Z","_id":"cktwuk6120000jl6vc45yd6w7","comments":1,"layout":"post","photos":[],"link":"","content":"","site":{"data":{}},"excerpt":"","more":""},{"title":"article3","cover_image":"399a985bd5bece9ddf8323237acf968c.webp","date":"2021-09-18T12:05:15.000Z","_content":"","source":"_posts/article3.md","raw":"---\ntitle: article3\ncover_image: 399a985bd5bece9ddf8323237acf968c.webp\ndate: 2021-09-18 20:05:15\ntags:\n---\n","slug":"article3","published":1,"updated":"2021-09-24T02:48:10.261Z","_id":"cktwuk6160001jl6v1wi91h4n","comments":1,"layout":"post","photos":[],"link":"","content":"","site":{"data":{}},"excerpt":"","more":""},{"title":"数字金额设计1","cover_image":"a1.png","excerpt":"金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来","date":"2021-09-18T09:43:50.000Z","_content":"## 背景\n金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来说,解决办法就是用省略号(“....”)来解决,虽然大家都知道省略号解决办法是个很无奈的办法。\n但是,是否有更加人性化的解决方案呢?\n信息展示微体验交互设计\n\n\n## 场景故事\n### 场景1**|**基金产品交易金额信息\n业务反馈昨天有人购入了4000万的基金。\n![aa](a2.jpeg)\n#### 思考\n当业务提出为大额申购的客户遇到的问题进行体验优化时,对自己对产品的设计思路有了新的反省~~(贫穷限制了想象)~~。金融产品的交互设计上需要考虑极限值的展示方案不应只存在一个解决方案“省略号/...”。\n\n\n#### 方案探索\n\n- ❌改变原有卡片信息框架,由于出现这种的情况的概率是非常低,毕竟普通的用户群体达不到如此之大的数额,为此改变整个信息展示架构不实际。\n- ❌运用省略加点击气泡展示,这种做法层级太深且让用户的认知成本变高,不太符合正常的行为逻辑。因为在一般的操作中,金额信息很少设计成可以点击的状态;\n- ❌统一缩小字体,不是最佳的解决方案,显得页面失去视觉重点。\n\n![aa](a5.jpeg)\n\n\n最后,我们提出了一个想法,在现有的界面信息框架基础上,金额信息可以根据数值的变化进行缩放。当达到正常显示状态的最大限制后,通过缩小字体大小,来达到信息展示完整的效果。如此一来,既不用改变当前的界面,也可以顾全少部分大额申购的用户的体验~~(欢迎土豪们来砸单)~~。\n![aa](a3.gif)\n最终方案展示\n\n\n\n\n\n\n### 场景2**|**学以致用-基金名称自适应展示\n#### 思考\n那么,可否将这类展示方式应用与其他的文字字节长度较长的场景上?例如应用在「基金排行」、「基金自选列表」等场景下?相比于场景1的金额数位大小的动态缩放,以上的几种场景更加需要此种方法的应用。在港元、美元基金市场上,基金名称相较于国内的基金名称来说,名称就显得有点过长。一般情况下,过长的产品名称会有两种方法去妥协:\n\n- 文字超出换行展示(排列容易混乱)\n- 文字超出,用“...”代替展示(信息不完整展示)\n\n但是这两种方案都似乎不是完美地解决信息过长展示的最佳实践。\n\n\n#### 方案探索\n为了更好的提升用户的阅读体验,有效地传达信息内容。首先我们设置了名称的展示区域长度,当名称字节长度超过设置区域,根据最小的字体的作为限制条件,进行文字大小的缩小,尽可能缩小至可以展示完整。若仍无法用最小字体完全展示名称,再使用省略号~~(真的尽力了)~~。\n\n\n![aa](a4.gif)\n最终方案展示\n\n\n\n\n## \n\n\n## 总结\n在日常界面设计工作中,很多时候我们都很容易忽略极限值的设计又或者仅仅在交互文档上留下一句“文字超出n字节,用「 ... 」代替展示”。尤其在移动设备的界面设计中,由于失去了鼠标hover的轻交互,这种方案不一定适用于所有场景。\n同时也验证了好的交互设计,是从用户认知行为、心理等角度出发,设计符合人的认知与行为习惯的界面设计。\n> 虽然是一个原本功能完善、结构合理的机器,但如果从使用行为,尤其是任务流程的角度看,它没有能够很好地满足行为逻辑的要求。\n\n\n\n参考文献\n[1]交互设计-从物理逻辑到行为逻辑,辛向阳;","source":"_posts/article1.md","raw":"---\ntitle: 数字金额设计1\ncover_image: a1.png\nexcerpt: 金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来\ndate: 2021-09-18 17:43:50\ntags: [标签1,标签2,标签3]\n---\n## 背景\n金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来说,解决办法就是用省略号(“....”)来解决,虽然大家都知道省略号解决办法是个很无奈的办法。\n但是,是否有更加人性化的解决方案呢?\n信息展示微体验交互设计\n\n\n## 场景故事\n### 场景1**|**基金产品交易金额信息\n业务反馈昨天有人购入了4000万的基金。\n![aa](a2.jpeg)\n#### 思考\n当业务提出为大额申购的客户遇到的问题进行体验优化时,对自己对产品的设计思路有了新的反省~~(贫穷限制了想象)~~。金融产品的交互设计上需要考虑极限值的展示方案不应只存在一个解决方案“省略号/...”。\n\n\n#### 方案探索\n\n- ❌改变原有卡片信息框架,由于出现这种的情况的概率是非常低,毕竟普通的用户群体达不到如此之大的数额,为此改变整个信息展示架构不实际。\n- ❌运用省略加点击气泡展示,这种做法层级太深且让用户的认知成本变高,不太符合正常的行为逻辑。因为在一般的操作中,金额信息很少设计成可以点击的状态;\n- ❌统一缩小字体,不是最佳的解决方案,显得页面失去视觉重点。\n\n![aa](a5.jpeg)\n\n\n最后,我们提出了一个想法,在现有的界面信息框架基础上,金额信息可以根据数值的变化进行缩放。当达到正常显示状态的最大限制后,通过缩小字体大小,来达到信息展示完整的效果。如此一来,既不用改变当前的界面,也可以顾全少部分大额申购的用户的体验~~(欢迎土豪们来砸单)~~。\n![aa](a3.gif)\n最终方案展示\n\n\n\n\n\n\n### 场景2**|**学以致用-基金名称自适应展示\n#### 思考\n那么,可否将这类展示方式应用与其他的文字字节长度较长的场景上?例如应用在「基金排行」、「基金自选列表」等场景下?相比于场景1的金额数位大小的动态缩放,以上的几种场景更加需要此种方法的应用。在港元、美元基金市场上,基金名称相较于国内的基金名称来说,名称就显得有点过长。一般情况下,过长的产品名称会有两种方法去妥协:\n\n- 文字超出换行展示(排列容易混乱)\n- 文字超出,用“...”代替展示(信息不完整展示)\n\n但是这两种方案都似乎不是完美地解决信息过长展示的最佳实践。\n\n\n#### 方案探索\n为了更好的提升用户的阅读体验,有效地传达信息内容。首先我们设置了名称的展示区域长度,当名称字节长度超过设置区域,根据最小的字体的作为限制条件,进行文字大小的缩小,尽可能缩小至可以展示完整。若仍无法用最小字体完全展示名称,再使用省略号~~(真的尽力了)~~。\n\n\n![aa](a4.gif)\n最终方案展示\n\n\n\n\n## \n\n\n## 总结\n在日常界面设计工作中,很多时候我们都很容易忽略极限值的设计又或者仅仅在交互文档上留下一句“文字超出n字节,用「 ... 」代替展示”。尤其在移动设备的界面设计中,由于失去了鼠标hover的轻交互,这种方案不一定适用于所有场景。\n同时也验证了好的交互设计,是从用户认知行为、心理等角度出发,设计符合人的认知与行为习惯的界面设计。\n> 虽然是一个原本功能完善、结构合理的机器,但如果从使用行为,尤其是任务流程的角度看,它没有能够很好地满足行为逻辑的要求。\n\n\n\n参考文献\n[1]交互设计-从物理逻辑到行为逻辑,辛向阳;","slug":"article1","published":1,"updated":"2021-09-24T06:29:31.080Z","_id":"cktwuk6180002jl6vecv4a60a","comments":1,"layout":"post","photos":[],"link":"","content":"<h2 id=\"背景\"><a href=\"#背景\" class=\"headerlink\" title=\"背景\"></a>背景</h2><p>金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来说,解决办法就是用省略号(“….”)来解决,虽然大家都知道省略号解决办法是个很无奈的办法。<br>但是,是否有更加人性化的解决方案呢?<br>信息展示微体验交互设计<br></p>\n<h2 id=\"场景故事\"><a href=\"#场景故事\" class=\"headerlink\" title=\"场景故事\"></a>场景故事</h2><h3 id=\"场景1|基金产品交易金额信息\"><a href=\"#场景1|基金产品交易金额信息\" class=\"headerlink\" title=\"场景1|基金产品交易金额信息\"></a>场景1<strong>|</strong>基金产品交易金额信息</h3><p>业务反馈昨天有人购入了4000万的基金。<br><img src=\"/2021/09/18/article1/a2.jpeg\" alt=\"aa\"></p>\n<h4 id=\"思考\"><a href=\"#思考\" class=\"headerlink\" title=\"思考\"></a>思考</h4><p>当业务提出为大额申购的客户遇到的问题进行体验优化时,对自己对产品的设计思路有了新的反省<del>(贫穷限制了想象)</del>。金融产品的交互设计上需要考虑极限值的展示方案不应只存在一个解决方案“省略号/…”。</p>\n<h4 id=\"方案探索\"><a href=\"#方案探索\" class=\"headerlink\" title=\"方案探索\"></a>方案探索</h4><ul>\n<li>❌改变原有卡片信息框架,由于出现这种的情况的概率是非常低,毕竟普通的用户群体达不到如此之大的数额,为此改变整个信息展示架构不实际。</li>\n<li>❌运用省略加点击气泡展示,这种做法层级太深且让用户的认知成本变高,不太符合正常的行为逻辑。因为在一般的操作中,金额信息很少设计成可以点击的状态;</li>\n<li>❌统一缩小字体,不是最佳的解决方案,显得页面失去视觉重点。</li>\n</ul>\n<p><img src=\"/2021/09/18/article1/a5.jpeg\" alt=\"aa\"></p>\n<p>最后,我们提出了一个想法,在现有的界面信息框架基础上,金额信息可以根据数值的变化进行缩放。当达到正常显示状态的最大限制后,通过缩小字体大小,来达到信息展示完整的效果。如此一来,既不用改变当前的界面,也可以顾全少部分大额申购的用户的体验<del>(欢迎土豪们来砸单)</del>。<br><img src=\"/2021/09/18/article1/a3.gif\" alt=\"aa\"><br>最终方案展示</p>\n<h3 id=\"场景2|学以致用-基金名称自适应展示\"><a href=\"#场景2|学以致用-基金名称自适应展示\" class=\"headerlink\" title=\"场景2|学以致用-基金名称自适应展示\"></a>场景2<strong>|</strong>学以致用-基金名称自适应展示</h3><h4 id=\"思考-1\"><a href=\"#思考-1\" class=\"headerlink\" title=\"思考\"></a>思考</h4><p>那么,可否将这类展示方式应用与其他的文字字节长度较长的场景上?例如应用在「基金排行」、「基金自选列表」等场景下?相比于场景1的金额数位大小的动态缩放,以上的几种场景更加需要此种方法的应用。在港元、美元基金市场上,基金名称相较于国内的基金名称来说,名称就显得有点过长。一般情况下,过长的产品名称会有两种方法去妥协:</p>\n<ul>\n<li>文字超出换行展示(排列容易混乱)</li>\n<li>文字超出,用“…”代替展示(信息不完整展示)</li>\n</ul>\n<p>但是这两种方案都似乎不是完美地解决信息过长展示的最佳实践。<br></p>\n<h4 id=\"方案探索-1\"><a href=\"#方案探索-1\" class=\"headerlink\" title=\"方案探索\"></a>方案探索</h4><p>为了更好的提升用户的阅读体验,有效地传达信息内容。首先我们设置了名称的展示区域长度,当名称字节长度超过设置区域,根据最小的字体的作为限制条件,进行文字大小的缩小,尽可能缩小至可以展示完整。若仍无法用最小字体完全展示名称,再使用省略号<del>(真的尽力了)</del>。<br></p>\n<p><img src=\"/2021/09/18/article1/a4.gif\" alt=\"aa\"><br>最终方案展示<br></p>\n<p></p>\n<h2 id><a href=\"#\" class=\"headerlink\" title></a></h2><h2 id=\"总结\"><a href=\"#总结\" class=\"headerlink\" title=\"总结\"></a>总结</h2><p>在日常界面设计工作中,很多时候我们都很容易忽略极限值的设计又或者仅仅在交互文档上留下一句“文字超出n字节,用「 … 」代替展示”。尤其在移动设备的界面设计中,由于失去了鼠标hover的轻交互,这种方案不一定适用于所有场景。<br>同时也验证了好的交互设计,是从用户认知行为、心理等角度出发,设计符合人的认知与行为习惯的界面设计。</p>\n<blockquote>\n<p>虽然是一个原本功能完善、结构合理的机器,但如果从使用行为,尤其是任务流程的角度看,它没有能够很好地满足行为逻辑的要求。</p>\n</blockquote>\n<p></p>\n<p>参考文献<br>[1]交互设计-从物理逻辑到行为逻辑,辛向阳;</p>\n","site":{"data":{}},"more":"<h2 id=\"背景\"><a href=\"#背景\" class=\"headerlink\" title=\"背景\"></a>背景</h2><p>金融产品中有很多专业术语、产品名称在无法被精简时,通常对于从设计师、产品经理角度来说,解决办法就是用省略号(“….”)来解决,虽然大家都知道省略号解决办法是个很无奈的办法。<br>但是,是否有更加人性化的解决方案呢?<br>信息展示微体验交互设计<br></p>\n<h2 id=\"场景故事\"><a href=\"#场景故事\" class=\"headerlink\" title=\"场景故事\"></a>场景故事</h2><h3 id=\"场景1|基金产品交易金额信息\"><a href=\"#场景1|基金产品交易金额信息\" class=\"headerlink\" title=\"场景1|基金产品交易金额信息\"></a>场景1<strong>|</strong>基金产品交易金额信息</h3><p>业务反馈昨天有人购入了4000万的基金。<br><img src=\"/2021/09/18/article1/a2.jpeg\" alt=\"aa\"></p>\n<h4 id=\"思考\"><a href=\"#思考\" class=\"headerlink\" title=\"思考\"></a>思考</h4><p>当业务提出为大额申购的客户遇到的问题进行体验优化时,对自己对产品的设计思路有了新的反省<del>(贫穷限制了想象)</del>。金融产品的交互设计上需要考虑极限值的展示方案不应只存在一个解决方案“省略号/…”。</p>\n<h4 id=\"方案探索\"><a href=\"#方案探索\" class=\"headerlink\" title=\"方案探索\"></a>方案探索</h4><ul>\n<li>❌改变原有卡片信息框架,由于出现这种的情况的概率是非常低,毕竟普通的用户群体达不到如此之大的数额,为此改变整个信息展示架构不实际。</li>\n<li>❌运用省略加点击气泡展示,这种做法层级太深且让用户的认知成本变高,不太符合正常的行为逻辑。因为在一般的操作中,金额信息很少设计成可以点击的状态;</li>\n<li>❌统一缩小字体,不是最佳的解决方案,显得页面失去视觉重点。</li>\n</ul>\n<p><img src=\"/2021/09/18/article1/a5.jpeg\" alt=\"aa\"></p>\n<p>最后,我们提出了一个想法,在现有的界面信息框架基础上,金额信息可以根据数值的变化进行缩放。当达到正常显示状态的最大限制后,通过缩小字体大小,来达到信息展示完整的效果。如此一来,既不用改变当前的界面,也可以顾全少部分大额申购的用户的体验<del>(欢迎土豪们来砸单)</del>。<br><img src=\"/2021/09/18/article1/a3.gif\" alt=\"aa\"><br>最终方案展示</p>\n<h3 id=\"场景2|学以致用-基金名称自适应展示\"><a href=\"#场景2|学以致用-基金名称自适应展示\" class=\"headerlink\" title=\"场景2|学以致用-基金名称自适应展示\"></a>场景2<strong>|</strong>学以致用-基金名称自适应展示</h3><h4 id=\"思考-1\"><a href=\"#思考-1\" class=\"headerlink\" title=\"思考\"></a>思考</h4><p>那么,可否将这类展示方式应用与其他的文字字节长度较长的场景上?例如应用在「基金排行」、「基金自选列表」等场景下?相比于场景1的金额数位大小的动态缩放,以上的几种场景更加需要此种方法的应用。在港元、美元基金市场上,基金名称相较于国内的基金名称来说,名称就显得有点过长。一般情况下,过长的产品名称会有两种方法去妥协:</p>\n<ul>\n<li>文字超出换行展示(排列容易混乱)</li>\n<li>文字超出,用“…”代替展示(信息不完整展示)</li>\n</ul>\n<p>但是这两种方案都似乎不是完美地解决信息过长展示的最佳实践。<br></p>\n<h4 id=\"方案探索-1\"><a href=\"#方案探索-1\" class=\"headerlink\" title=\"方案探索\"></a>方案探索</h4><p>为了更好的提升用户的阅读体验,有效地传达信息内容。首先我们设置了名称的展示区域长度,当名称字节长度超过设置区域,根据最小的字体的作为限制条件,进行文字大小的缩小,尽可能缩小至可以展示完整。若仍无法用最小字体完全展示名称,再使用省略号<del>(真的尽力了)</del>。<br></p>\n<p><img src=\"/2021/09/18/article1/a4.gif\" alt=\"aa\"><br>最终方案展示<br></p>\n<p></p>\n<h2 id><a href=\"#\" class=\"headerlink\" title></a></h2><h2 id=\"总结\"><a href=\"#总结\" class=\"headerlink\" title=\"总结\"></a>总结</h2><p>在日常界面设计工作中,很多时候我们都很容易忽略极限值的设计又或者仅仅在交互文档上留下一句“文字超出n字节,用「 … 」代替展示”。尤其在移动设备的界面设计中,由于失去了鼠标hover的轻交互,这种方案不一定适用于所有场景。<br>同时也验证了好的交互设计,是从用户认知行为、心理等角度出发,设计符合人的认知与行为习惯的界面设计。</p>\n<blockquote>\n<p>虽然是一个原本功能完善、结构合理的机器,但如果从使用行为,尤其是任务流程的角度看,它没有能够很好地满足行为逻辑的要求。</p>\n</blockquote>\n<p></p>\n<p>参考文献<br>[1]交互设计-从物理逻辑到行为逻辑,辛向阳;</p>\n"},{"title":"文章模板","cover_image":"2.gif","_content":"![aa](1.gif)\n\n# 文章模板\n\n- 它是什么?\n- 它解决了什么问题?/ 我为什么要用它?\n- 它怎么用?(这里其实就是组件的基本操作 如 Room基本的CRUD)\n- 它在真实开发过程中使用的案例是什么样的?\n- 它内部是怎么去做的?(这个可以放在文章最末出去讲解,但是不要大段源码贴上来,讲出最关键的几个就好,主要是思想!)\n- 总结,付源码地址(开源地址)\n\n> 下面是文章示例\n\n---------\n\n# 魔毯——不为人知的便捷工具系列之五\n\n自从魔法被人类第一次验证真实性到现在为止,魔法工具出现了千千万万,但真正实用的领域,除了军事相关的,大多数依然停留在生活工具,而本文的主角——魔毯——也不例外。\n\n## 它是什么?\n\n简单说,它就是个交通工具。不同于宅男快乐水这种较为主观的工具,魔毯的功能定位很简单和直接:它就是一个用于日常低空低速飞行的交通工具。\n\n大概看一下,它在使用的时候,差不多是这个样子的:\n\n![](https://ws2.sinaimg.cn/large/006tNc79gy1fzfhznpm0jj30go0ci75y.jpg)\n\n## 它解决了什么问题?\n\n换句话说,魔法扫帚也能飞,我为什么要用魔毯呢?答案很简单:因为它比魔法扫帚更好用、安全和舒适。具体来说:\n\n1. 魔法扫帚由于技术含量过低,目前多是各家自己手工制作的。虽然成本低,但同样的,它在使用的时候在舒适性和隐私性上也会有一些问题。例如微博上每天都在讨论的女性隐私问题和喜闻乐见的「扫帚缝」,让女性和多汗人士苦不堪言。而魔毯由于接触面积大并且材质柔软,就像是一个空中的敞篷汽车,舒适性和隐私保护上具有天然的优势;\n\n1. 魔法扫帚由于特有的操作方式,骑乘者需要时刻握紧扫帚才能保证飞行的稳定性。但我们在骑乘扫帚的时候,总会需要使用手机来导航,或者偶尔接个电话。但不管是低头看导航还是哪怕不用低头的接电话,都会导致不能双手扶着而失去一些稳定性。而魔毯在设计之初就抛弃了操作杆这个部件,而改用了语音控制和自动巡航,这样只要你提前设置好目的地,哪怕在魔毯上睡觉,也是平平稳稳绝对安全的;\n\n1. 魔法扫帚是魔法师的传统交通工具,它的设计并不符合最新的安全设计规范,但目前也并没有足够好的解决方案(除了弃用魔法扫帚)。而魔毯是谷歌、腾讯、阿里巴巴等七家世界级软硬件公司耗时六年,共同迭代数个产品周期所制定出的产品,它严格符合最新的安全设计规范和健康标准,具有天生的设计优势,这是魔法扫帚所无法比拟的;\n\n1. 魔法扫帚的着力点较小,网上所爆出的各种长期使用魔法扫帚所导致的健康问题大家应该都有所了解,这个不需要我多说。而魔毯的着力面积非常大,最小的魔毯也可以用盘腿坐的方式骑乘,一些豪华版本更是可以多人一起躺着飞,在舒适度上无疑比魔法扫帚要高了不止一个等级。\n\n所以显而易见的,魔毯比魔法扫帚是具有全面优势的。时代在变,我们的交通工具也需要不断升级。现在已经越来越多的人在使用魔毯,而且根据调查,现在 18-30 岁的人群中,使用魔毯的人占比已经达到了 25%,和使用魔法扫帚的 30% 的差距已经很小了,并且这个差距还在不断地减小。用发展的眼光来看,未来一定是属于魔毯的,魔法扫帚必定会在几年内被大面积替换,直至淘汰。\n\n## 它怎么用?\n\n说到魔毯,知道的人不少,但买的人却不多。除了价格因素之外,让多数人止步的重要原因还有一个:不会操作。很多人都觉得,一想到魔毯的各种看不懂的小按钮和复杂的声纹匹配流程,就觉得自己这辈子可能都学不会,所以干脆不要学了。\n\n魔毯的用法难学吗?说实话,真的难。但是不要怕!我们的「码上开飞」项目就是为你解决这个问题的!只要你认真把下面的图文看完,并且通过我们的链接租借一条魔毯试用一天,我保证你一定能学会!\n\n下面是具体用法:\n\n### 魔毯的初始化\n\n………………\n\n### 魔毯的声纹匹配\n\n………………\n\n### 起飞和降落\n\n………………\n\n### 方向操作\n\n………………\n\n### 紧急避难(重要)\n\n………………\n\n更多的细节,可以查看魔毯社区的官网 https://kaixue.io ,我们专注于上手指南,就不细讲了。\n\n## 它在真实骑乘中大概是怎样的?\n\n………………………………………………………………\n………………………………………………\n……………………………………………………………………………………\n………………………………\n\n## 它内部是怎么做的?\n\n有人会觉得,我骑个魔毯了解它的原理干什么?你放心,我只讲这其中的一小部分,这其中和我们自身的便捷和安全有关的一部分。一切的内部原理的讲解都是为了更方便地使用魔毯,例如怎样可以减小风阻、怎样可以减少撕裂的风险。\n\n魔毯能飞的本质,是它们的内部有一块铜粉制成的薄膜,它…………………………\n……………………………………………………\n……………………\n………………………………………………………………\n\n## 总结\n\n好的,这就是马上开飞的系列教程之五——魔毯的介绍。希望可以帮到每一个对魔毯有兴趣、有质疑,希望有更多了解的人。\n","source":"_posts/hello-world.md","raw":"---\ntitle: 文章模板\ncover_image: 2.gif\n---\n![aa](1.gif)\n\n# 文章模板\n\n- 它是什么?\n- 它解决了什么问题?/ 我为什么要用它?\n- 它怎么用?(这里其实就是组件的基本操作 如 Room基本的CRUD)\n- 它在真实开发过程中使用的案例是什么样的?\n- 它内部是怎么去做的?(这个可以放在文章最末出去讲解,但是不要大段源码贴上来,讲出最关键的几个就好,主要是思想!)\n- 总结,付源码地址(开源地址)\n\n> 下面是文章示例\n\n---------\n\n# 魔毯——不为人知的便捷工具系列之五\n\n自从魔法被人类第一次验证真实性到现在为止,魔法工具出现了千千万万,但真正实用的领域,除了军事相关的,大多数依然停留在生活工具,而本文的主角——魔毯——也不例外。\n\n## 它是什么?\n\n简单说,它就是个交通工具。不同于宅男快乐水这种较为主观的工具,魔毯的功能定位很简单和直接:它就是一个用于日常低空低速飞行的交通工具。\n\n大概看一下,它在使用的时候,差不多是这个样子的:\n\n![](https://ws2.sinaimg.cn/large/006tNc79gy1fzfhznpm0jj30go0ci75y.jpg)\n\n## 它解决了什么问题?\n\n换句话说,魔法扫帚也能飞,我为什么要用魔毯呢?答案很简单:因为它比魔法扫帚更好用、安全和舒适。具体来说:\n\n1. 魔法扫帚由于技术含量过低,目前多是各家自己手工制作的。虽然成本低,但同样的,它在使用的时候在舒适性和隐私性上也会有一些问题。例如微博上每天都在讨论的女性隐私问题和喜闻乐见的「扫帚缝」,让女性和多汗人士苦不堪言。而魔毯由于接触面积大并且材质柔软,就像是一个空中的敞篷汽车,舒适性和隐私保护上具有天然的优势;\n\n1. 魔法扫帚由于特有的操作方式,骑乘者需要时刻握紧扫帚才能保证飞行的稳定性。但我们在骑乘扫帚的时候,总会需要使用手机来导航,或者偶尔接个电话。但不管是低头看导航还是哪怕不用低头的接电话,都会导致不能双手扶着而失去一些稳定性。而魔毯在设计之初就抛弃了操作杆这个部件,而改用了语音控制和自动巡航,这样只要你提前设置好目的地,哪怕在魔毯上睡觉,也是平平稳稳绝对安全的;\n\n1. 魔法扫帚是魔法师的传统交通工具,它的设计并不符合最新的安全设计规范,但目前也并没有足够好的解决方案(除了弃用魔法扫帚)。而魔毯是谷歌、腾讯、阿里巴巴等七家世界级软硬件公司耗时六年,共同迭代数个产品周期所制定出的产品,它严格符合最新的安全设计规范和健康标准,具有天生的设计优势,这是魔法扫帚所无法比拟的;\n\n1. 魔法扫帚的着力点较小,网上所爆出的各种长期使用魔法扫帚所导致的健康问题大家应该都有所了解,这个不需要我多说。而魔毯的着力面积非常大,最小的魔毯也可以用盘腿坐的方式骑乘,一些豪华版本更是可以多人一起躺着飞,在舒适度上无疑比魔法扫帚要高了不止一个等级。\n\n所以显而易见的,魔毯比魔法扫帚是具有全面优势的。时代在变,我们的交通工具也需要不断升级。现在已经越来越多的人在使用魔毯,而且根据调查,现在 18-30 岁的人群中,使用魔毯的人占比已经达到了 25%,和使用魔法扫帚的 30% 的差距已经很小了,并且这个差距还在不断地减小。用发展的眼光来看,未来一定是属于魔毯的,魔法扫帚必定会在几年内被大面积替换,直至淘汰。\n\n## 它怎么用?\n\n说到魔毯,知道的人不少,但买的人却不多。除了价格因素之外,让多数人止步的重要原因还有一个:不会操作。很多人都觉得,一想到魔毯的各种看不懂的小按钮和复杂的声纹匹配流程,就觉得自己这辈子可能都学不会,所以干脆不要学了。\n\n魔毯的用法难学吗?说实话,真的难。但是不要怕!我们的「码上开飞」项目就是为你解决这个问题的!只要你认真把下面的图文看完,并且通过我们的链接租借一条魔毯试用一天,我保证你一定能学会!\n\n下面是具体用法:\n\n### 魔毯的初始化\n\n………………\n\n### 魔毯的声纹匹配\n\n………………\n\n### 起飞和降落\n\n………………\n\n### 方向操作\n\n………………\n\n### 紧急避难(重要)\n\n………………\n\n更多的细节,可以查看魔毯社区的官网 https://kaixue.io ,我们专注于上手指南,就不细讲了。\n\n## 它在真实骑乘中大概是怎样的?\n\n………………………………………………………………\n………………………………………………\n……………………………………………………………………………………\n………………………………\n\n## 它内部是怎么做的?\n\n有人会觉得,我骑个魔毯了解它的原理干什么?你放心,我只讲这其中的一小部分,这其中和我们自身的便捷和安全有关的一部分。一切的内部原理的讲解都是为了更方便地使用魔毯,例如怎样可以减小风阻、怎样可以减少撕裂的风险。\n\n魔毯能飞的本质,是它们的内部有一块铜粉制成的薄膜,它…………………………\n……………………………………………………\n……………………\n………………………………………………………………\n\n## 总结\n\n好的,这就是马上开飞的系列教程之五——魔毯的介绍。希望可以帮到每一个对魔毯有兴趣、有质疑,希望有更多了解的人。\n","slug":"hello-world","published":1,"date":"2021-09-17T07:51:11.159Z","updated":"2021-09-18T08:20:16.445Z","_id":"cktwuk6190003jl6v0u1r6318","comments":1,"layout":"post","photos":[],"link":"","content":"<p><img src=\"/2021/09/17/hello-world/1.gif\" alt=\"aa\"></p>\n<h1 id=\"文章模板\"><a href=\"#文章模板\" class=\"headerlink\" title=\"文章模板\"></a>文章模板</h1><ul>\n<li>它是什么?</li>\n<li>它解决了什么问题?/ 我为什么要用它?</li>\n<li>它怎么用?(这里其实就是组件的基本操作 如 Room基本的CRUD)</li>\n<li>它在真实开发过程中使用的案例是什么样的?</li>\n<li>它内部是怎么去做的?(这个可以放在文章最末出去讲解,但是不要大段源码贴上来,讲出最关键的几个就好,主要是思想!)</li>\n<li>总结,付源码地址(开源地址)</li>\n</ul>\n<blockquote>\n<p>下面是文章示例</p>\n</blockquote>\n<hr>\n<h1 id=\"魔毯——不为人知的便捷工具系列之五\"><a href=\"#魔毯——不为人知的便捷工具系列之五\" class=\"headerlink\" title=\"魔毯——不为人知的便捷工具系列之五\"></a>魔毯——不为人知的便捷工具系列之五</h1><p>自从魔法被人类第一次验证真实性到现在为止,魔法工具出现了千千万万,但真正实用的领域,除了军事相关的,大多数依然停留在生活工具,而本文的主角——魔毯——也不例外。</p>\n<h2 id=\"它是什么?\"><a href=\"#它是什么?\" class=\"headerlink\" title=\"它是什么?\"></a>它是什么?</h2><p>简单说,它就是个交通工具。不同于宅男快乐水这种较为主观的工具,魔毯的功能定位很简单和直接:它就是一个用于日常低空低速飞行的交通工具。</p>\n<p>大概看一下,它在使用的时候,差不多是这个样子的:</p>\n<p><img src=\"https://ws2.sinaimg.cn/large/006tNc79gy1fzfhznpm0jj30go0ci75y.jpg\"></p>\n<h2 id=\"它解决了什么问题?\"><a href=\"#它解决了什么问题?\" class=\"headerlink\" title=\"它解决了什么问题?\"></a>它解决了什么问题?</h2><p>换句话说,魔法扫帚也能飞,我为什么要用魔毯呢?答案很简单:因为它比魔法扫帚更好用、安全和舒适。具体来说:</p>\n<ol>\n<li><p>魔法扫帚由于技术含量过低,目前多是各家自己手工制作的。虽然成本低,但同样的,它在使用的时候在舒适性和隐私性上也会有一些问题。例如微博上每天都在讨论的女性隐私问题和喜闻乐见的「扫帚缝」,让女性和多汗人士苦不堪言。而魔毯由于接触面积大并且材质柔软,就像是一个空中的敞篷汽车,舒适性和隐私保护上具有天然的优势;</p>\n</li>\n<li><p>魔法扫帚由于特有的操作方式,骑乘者需要时刻握紧扫帚才能保证飞行的稳定性。但我们在骑乘扫帚的时候,总会需要使用手机来导航,或者偶尔接个电话。但不管是低头看导航还是哪怕不用低头的接电话,都会导致不能双手扶着而失去一些稳定性。而魔毯在设计之初就抛弃了操作杆这个部件,而改用了语音控制和自动巡航,这样只要你提前设置好目的地,哪怕在魔毯上睡觉,也是平平稳稳绝对安全的;</p>\n</li>\n<li><p>魔法扫帚是魔法师的传统交通工具,它的设计并不符合最新的安全设计规范,但目前也并没有足够好的解决方案(除了弃用魔法扫帚)。而魔毯是谷歌、腾讯、阿里巴巴等七家世界级软硬件公司耗时六年,共同迭代数个产品周期所制定出的产品,它严格符合最新的安全设计规范和健康标准,具有天生的设计优势,这是魔法扫帚所无法比拟的;</p>\n</li>\n<li><p>魔法扫帚的着力点较小,网上所爆出的各种长期使用魔法扫帚所导致的健康问题大家应该都有所了解,这个不需要我多说。而魔毯的着力面积非常大,最小的魔毯也可以用盘腿坐的方式骑乘,一些豪华版本更是可以多人一起躺着飞,在舒适度上无疑比魔法扫帚要高了不止一个等级。</p>\n</li>\n</ol>\n<p>所以显而易见的,魔毯比魔法扫帚是具有全面优势的。时代在变,我们的交通工具也需要不断升级。现在已经越来越多的人在使用魔毯,而且根据调查,现在 18-30 岁的人群中,使用魔毯的人占比已经达到了 25%,和使用魔法扫帚的 30% 的差距已经很小了,并且这个差距还在不断地减小。用发展的眼光来看,未来一定是属于魔毯的,魔法扫帚必定会在几年内被大面积替换,直至淘汰。</p>\n<h2 id=\"它怎么用?\"><a href=\"#它怎么用?\" class=\"headerlink\" title=\"它怎么用?\"></a>它怎么用?</h2><p>说到魔毯,知道的人不少,但买的人却不多。除了价格因素之外,让多数人止步的重要原因还有一个:不会操作。很多人都觉得,一想到魔毯的各种看不懂的小按钮和复杂的声纹匹配流程,就觉得自己这辈子可能都学不会,所以干脆不要学了。</p>\n<p>魔毯的用法难学吗?说实话,真的难。但是不要怕!我们的「码上开飞」项目就是为你解决这个问题的!只要你认真把下面的图文看完,并且通过我们的链接租借一条魔毯试用一天,我保证你一定能学会!</p>\n<p>下面是具体用法:</p>\n<h3 id=\"魔毯的初始化\"><a href=\"#魔毯的初始化\" class=\"headerlink\" title=\"魔毯的初始化\"></a>魔毯的初始化</h3><p>………………</p>\n<h3 id=\"魔毯的声纹匹配\"><a href=\"#魔毯的声纹匹配\" class=\"headerlink\" title=\"魔毯的声纹匹配\"></a>魔毯的声纹匹配</h3><p>………………</p>\n<h3 id=\"起飞和降落\"><a href=\"#起飞和降落\" class=\"headerlink\" title=\"起飞和降落\"></a>起飞和降落</h3><p>………………</p>\n<h3 id=\"方向操作\"><a href=\"#方向操作\" class=\"headerlink\" title=\"方向操作\"></a>方向操作</h3><p>………………</p>\n<h3 id=\"紧急避难(重要)\"><a href=\"#紧急避难(重要)\" class=\"headerlink\" title=\"紧急避难(重要)\"></a>紧急避难(重要)</h3><p>………………</p>\n<p>更多的细节,可以查看魔毯社区的官网 <a href=\"https://kaixue.io/\">https://kaixue.io</a> ,我们专注于上手指南,就不细讲了。</p>\n<h2 id=\"它在真实骑乘中大概是怎样的?\"><a href=\"#它在真实骑乘中大概是怎样的?\" class=\"headerlink\" title=\"它在真实骑乘中大概是怎样的?\"></a>它在真实骑乘中大概是怎样的?</h2><p>………………………………………………………………<br>………………………………………………<br>……………………………………………………………………………………<br>………………………………</p>\n<h2 id=\"它内部是怎么做的?\"><a href=\"#它内部是怎么做的?\" class=\"headerlink\" title=\"它内部是怎么做的?\"></a>它内部是怎么做的?</h2><p>有人会觉得,我骑个魔毯了解它的原理干什么?你放心,我只讲这其中的一小部分,这其中和我们自身的便捷和安全有关的一部分。一切的内部原理的讲解都是为了更方便地使用魔毯,例如怎样可以减小风阻、怎样可以减少撕裂的风险。</p>\n<p>魔毯能飞的本质,是它们的内部有一块铜粉制成的薄膜,它…………………………<br>……………………………………………………<br>……………………<br>………………………………………………………………</p>\n<h2 id=\"总结\"><a href=\"#总结\" class=\"headerlink\" title=\"总结\"></a>总结</h2><p>好的,这就是马上开飞的系列教程之五——魔毯的介绍。希望可以帮到每一个对魔毯有兴趣、有质疑,希望有更多了解的人。</p>\n","site":{"data":{}},"excerpt":"","more":"<p><img src=\"/2021/09/17/hello-world/1.gif\" alt=\"aa\"></p>\n<h1 id=\"文章模板\"><a href=\"#文章模板\" class=\"headerlink\" title=\"文章模板\"></a>文章模板</h1><ul>\n<li>它是什么?</li>\n<li>它解决了什么问题?/ 我为什么要用它?</li>\n<li>它怎么用?(这里其实就是组件的基本操作 如 Room基本的CRUD)</li>\n<li>它在真实开发过程中使用的案例是什么样的?</li>\n<li>它内部是怎么去做的?(这个可以放在文章最末出去讲解,但是不要大段源码贴上来,讲出最关键的几个就好,主要是思想!)</li>\n<li>总结,付源码地址(开源地址)</li>\n</ul>\n<blockquote>\n<p>下面是文章示例</p>\n</blockquote>\n<hr>\n<h1 id=\"魔毯——不为人知的便捷工具系列之五\"><a href=\"#魔毯——不为人知的便捷工具系列之五\" class=\"headerlink\" title=\"魔毯——不为人知的便捷工具系列之五\"></a>魔毯——不为人知的便捷工具系列之五</h1><p>自从魔法被人类第一次验证真实性到现在为止,魔法工具出现了千千万万,但真正实用的领域,除了军事相关的,大多数依然停留在生活工具,而本文的主角——魔毯——也不例外。</p>\n<h2 id=\"它是什么?\"><a href=\"#它是什么?\" class=\"headerlink\" title=\"它是什么?\"></a>它是什么?</h2><p>简单说,它就是个交通工具。不同于宅男快乐水这种较为主观的工具,魔毯的功能定位很简单和直接:它就是一个用于日常低空低速飞行的交通工具。</p>\n<p>大概看一下,它在使用的时候,差不多是这个样子的:</p>\n<p><img src=\"https://ws2.sinaimg.cn/large/006tNc79gy1fzfhznpm0jj30go0ci75y.jpg\"></p>\n<h2 id=\"它解决了什么问题?\"><a href=\"#它解决了什么问题?\" class=\"headerlink\" title=\"它解决了什么问题?\"></a>它解决了什么问题?</h2><p>换句话说,魔法扫帚也能飞,我为什么要用魔毯呢?答案很简单:因为它比魔法扫帚更好用、安全和舒适。具体来说:</p>\n<ol>\n<li><p>魔法扫帚由于技术含量过低,目前多是各家自己手工制作的。虽然成本低,但同样的,它在使用的时候在舒适性和隐私性上也会有一些问题。例如微博上每天都在讨论的女性隐私问题和喜闻乐见的「扫帚缝」,让女性和多汗人士苦不堪言。而魔毯由于接触面积大并且材质柔软,就像是一个空中的敞篷汽车,舒适性和隐私保护上具有天然的优势;</p>\n</li>\n<li><p>魔法扫帚由于特有的操作方式,骑乘者需要时刻握紧扫帚才能保证飞行的稳定性。但我们在骑乘扫帚的时候,总会需要使用手机来导航,或者偶尔接个电话。但不管是低头看导航还是哪怕不用低头的接电话,都会导致不能双手扶着而失去一些稳定性。而魔毯在设计之初就抛弃了操作杆这个部件,而改用了语音控制和自动巡航,这样只要你提前设置好目的地,哪怕在魔毯上睡觉,也是平平稳稳绝对安全的;</p>\n</li>\n<li><p>魔法扫帚是魔法师的传统交通工具,它的设计并不符合最新的安全设计规范,但目前也并没有足够好的解决方案(除了弃用魔法扫帚)。而魔毯是谷歌、腾讯、阿里巴巴等七家世界级软硬件公司耗时六年,共同迭代数个产品周期所制定出的产品,它严格符合最新的安全设计规范和健康标准,具有天生的设计优势,这是魔法扫帚所无法比拟的;</p>\n</li>\n<li><p>魔法扫帚的着力点较小,网上所爆出的各种长期使用魔法扫帚所导致的健康问题大家应该都有所了解,这个不需要我多说。而魔毯的着力面积非常大,最小的魔毯也可以用盘腿坐的方式骑乘,一些豪华版本更是可以多人一起躺着飞,在舒适度上无疑比魔法扫帚要高了不止一个等级。</p>\n</li>\n</ol>\n<p>所以显而易见的,魔毯比魔法扫帚是具有全面优势的。时代在变,我们的交通工具也需要不断升级。现在已经越来越多的人在使用魔毯,而且根据调查,现在 18-30 岁的人群中,使用魔毯的人占比已经达到了 25%,和使用魔法扫帚的 30% 的差距已经很小了,并且这个差距还在不断地减小。用发展的眼光来看,未来一定是属于魔毯的,魔法扫帚必定会在几年内被大面积替换,直至淘汰。</p>\n<h2 id=\"它怎么用?\"><a href=\"#它怎么用?\" class=\"headerlink\" title=\"它怎么用?\"></a>它怎么用?</h2><p>说到魔毯,知道的人不少,但买的人却不多。除了价格因素之外,让多数人止步的重要原因还有一个:不会操作。很多人都觉得,一想到魔毯的各种看不懂的小按钮和复杂的声纹匹配流程,就觉得自己这辈子可能都学不会,所以干脆不要学了。</p>\n<p>魔毯的用法难学吗?说实话,真的难。但是不要怕!我们的「码上开飞」项目就是为你解决这个问题的!只要你认真把下面的图文看完,并且通过我们的链接租借一条魔毯试用一天,我保证你一定能学会!</p>\n<p>下面是具体用法:</p>\n<h3 id=\"魔毯的初始化\"><a href=\"#魔毯的初始化\" class=\"headerlink\" title=\"魔毯的初始化\"></a>魔毯的初始化</h3><p>………………</p>\n<h3 id=\"魔毯的声纹匹配\"><a href=\"#魔毯的声纹匹配\" class=\"headerlink\" title=\"魔毯的声纹匹配\"></a>魔毯的声纹匹配</h3><p>………………</p>\n<h3 id=\"起飞和降落\"><a href=\"#起飞和降落\" class=\"headerlink\" title=\"起飞和降落\"></a>起飞和降落</h3><p>………………</p>\n<h3 id=\"方向操作\"><a href=\"#方向操作\" class=\"headerlink\" title=\"方向操作\"></a>方向操作</h3><p>………………</p>\n<h3 id=\"紧急避难(重要)\"><a href=\"#紧急避难(重要)\" class=\"headerlink\" title=\"紧急避难(重要)\"></a>紧急避难(重要)</h3><p>………………</p>\n<p>更多的细节,可以查看魔毯社区的官网 <a href=\"https://kaixue.io/\">https://kaixue.io</a> ,我们专注于上手指南,就不细讲了。</p>\n<h2 id=\"它在真实骑乘中大概是怎样的?\"><a href=\"#它在真实骑乘中大概是怎样的?\" class=\"headerlink\" title=\"它在真实骑乘中大概是怎样的?\"></a>它在真实骑乘中大概是怎样的?</h2><p>………………………………………………………………<br>………………………………………………<br>……………………………………………………………………………………<br>………………………………</p>\n<h2 id=\"它内部是怎么做的?\"><a href=\"#它内部是怎么做的?\" class=\"headerlink\" title=\"它内部是怎么做的?\"></a>它内部是怎么做的?</h2><p>有人会觉得,我骑个魔毯了解它的原理干什么?你放心,我只讲这其中的一小部分,这其中和我们自身的便捷和安全有关的一部分。一切的内部原理的讲解都是为了更方便地使用魔毯,例如怎样可以减小风阻、怎样可以减少撕裂的风险。</p>\n<p>魔毯能飞的本质,是它们的内部有一块铜粉制成的薄膜,它…………………………<br>……………………………………………………<br>……………………<br>………………………………………………………………</p>\n<h2 id=\"总结\"><a href=\"#总结\" class=\"headerlink\" title=\"总结\"></a>总结</h2><p>好的,这就是马上开飞的系列教程之五——魔毯的介绍。希望可以帮到每一个对魔毯有兴趣、有质疑,希望有更多了解的人。</p>\n"}],"PostAsset":[{"_id":"source/_posts/article2/2.gif","slug":"2.gif","post":"cktwuk6120000jl6vc45yd6w7","modified":0,"renderable":0},{"_id":"source/_posts/article2/c9766811449634cab83a657a51c8448c.webp","slug":"c9766811449634cab83a657a51c8448c.webp","post":"cktwuk6120000jl6vc45yd6w7","modified":0,"renderable":0},{"_id":"source/_posts/article3/399a985bd5bece9ddf8323237acf968c.webp","slug":"399a985bd5bece9ddf8323237acf968c.webp","post":"cktwuk6160001jl6v1wi91h4n","modified":0,"renderable":0},{"_id":"source/_posts/article1/a1.png","slug":"a1.png","post":"cktwuk6180002jl6vecv4a60a","modified":0,"renderable":0},{"_id":"source/_posts/article1/a2.jpeg","slug":"a2.jpeg","post":"cktwuk6180002jl6vecv4a60a","modified":0,"renderable":0},{"_id":"source/_posts/article1/a3.gif","slug":"a3.gif","post":"cktwuk6180002jl6vecv4a60a","modified":0,"renderable":0},{"_id":"source/_posts/article1/a4.gif","slug":"a4.gif","post":"cktwuk6180002jl6vecv4a60a","modified":0,"renderable":0},{"_id":"source/_posts/article1/a5.jpeg","slug":"a5.jpeg","post":"cktwuk6180002jl6vecv4a60a","modified":0,"renderable":0},{"_id":"source/_posts/hello-world/1.gif","slug":"1.gif","post":"cktwuk6190003jl6v0u1r6318","modified":0,"renderable":0},{"_id":"source/_posts/hello-world/2.gif","slug":"2.gif","post":"cktwuk6190003jl6v0u1r6318","modified":0,"renderable":0}],"PostCategory":[],"PostTag":[{"post_id":"cktwuk6180002jl6vecv4a60a","tag_id":"cktxrr29g00004sd3agij3lhm","_id":"cktxrr29l00024sd358te2kyq"},{"post_id":"cktwuk6180002jl6vecv4a60a","tag_id":"cktxrr29k00014sd3gaos9krc","_id":"cktxrr29m00034sd3ghps13t0"},{"post_id":"cktwuk6180002jl6vecv4a60a","tag_id":"cktxzhthb00008sd3fg2y2w3q","_id":"cktxzhthj00018sd36cjh1av4"}],"Tag":[{"name":"标签1","_id":"cktxrr29g00004sd3agij3lhm"},{"name":"标签2","_id":"cktxrr29k00014sd3gaos9krc"},{"name":"标签3","_id":"cktxzhthb00008sd3fg2y2w3q"}]}}