<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>拓源主题演示</title><link>https://zbp.toyean.com/</link><description>专业的ZBlog主题模板原创网站！</description><item><title>当网友吐槽新LOGO时，小米的目的已经达到了</title><link>https://zbp.toyean.com/post/32.html</link><description>&lt;p&gt;你你你不准笑！小米新logo可太好了&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;https://zbp.toyean.com/zb_users/upload/2021/04/202104031617415071307298.jpg&quot; title=&quot;小米新LOGO&quot; alt=&quot;小米新LOGO&quot;/&gt;&lt;/p&gt;&lt;p&gt;网上的吃瓜群众都炸了啊，说小米找日本设计大师原研哉改了一下自家logo从这样改成了。&lt;/p&gt;&lt;p&gt;对此难免有网友要发问，设计师是握着这200万打了个盹，醒来随便改了一下就交稿了吗？&lt;/p&gt;&lt;p&gt;小米是一个知名度很高的品牌，之所以这样设计，原来的logo深入人心，贸然大改，可能原来种下的品牌形象会荡然无存，所以才要用奥卡姆剃刀原理做尽量少的改动，一方面一定要与旧logo有传承关系，一方面又要给人全新的感受，不愧是世界顶级设计大师的匠心之作！！！&lt;/p&gt;</description><pubDate>Sat, 03 Apr 2021 08:17:16 +0800</pubDate></item><item><title>产品详情模板示例</title><link>https://zbp.toyean.com/post/31.html</link><description>&lt;p&gt;产品模板页参数示例：&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2020/05/202005091588963798130757.png&quot; title=&quot;未标题-2.png&quot; alt=&quot;未标题-2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;产品展示效果：&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2020/05/202005091588964140216888.png&quot; title=&quot;未标题-5.png&quot; alt=&quot;未标题-5.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;夜间模式效果：&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2020/05/202005091588964169542543.png&quot; title=&quot;未标题-6.png&quot; alt=&quot;未标题-6.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;B2C主题V4.0 更新内容：&lt;/p&gt;&lt;p&gt;- 新增页面变灰及指定日期变灰功能；&lt;/p&gt;&lt;p&gt;- 新增网站开关灯与指定时间段开关灯功能；&lt;/p&gt;&lt;p&gt;- 新增列表及文章左右键翻页功能；&lt;/p&gt;&lt;p&gt;- 新增产品展示模板支持产品图放大镜展示；&lt;/p&gt;&lt;p&gt;- 新增产品详情页广告位设置；&lt;/p&gt;&lt;p&gt;- 新增相关文章指定条数设置；&lt;/p&gt;&lt;p&gt;- 新增网站分享功能；&lt;/p&gt;&lt;p&gt;- 新增验证码字符集设置，独立设置验证码出现字符；&lt;/p&gt;&lt;p&gt;- 新增文章页面图片灯箱功能；&lt;/p&gt;&lt;p&gt;- 新增清理文章空段落功能；&lt;/p&gt;&lt;p&gt;- 新增滚动进度条功能；&lt;/p&gt;&lt;p&gt;- 新增滚动进度数功能；&lt;/p&gt;&lt;p&gt;- 调整面包屑导航位置；&lt;/p&gt;&lt;p&gt;- 更换首页新闻模块小幻灯核心脚本；&lt;/p&gt;&lt;p&gt;- 调整部分UI布局展示；&lt;/p&gt;&lt;p&gt;- 优化网站导航文章所在页面高亮显示；&lt;/p&gt;&lt;p&gt;- 优化列表置顶文章标签样式；&lt;/p&gt;&lt;p&gt;- 全新更换字体图标以缩减主题文件体积；&lt;/p&gt;&lt;p&gt;- 可通过“链接管理中心”插件，支持表单化管理导航及下拉菜单；&lt;/p&gt;</description><pubDate>Sat, 09 May 2020 02:41:53 +0800</pubDate></item><item><title>如何成功盗开秦始皇陵？</title><link>https://zbp.toyean.com/post/qsh.html</link><description>&lt;p&gt;中国有个人，死前住在一个能干倒大明宫、圆明园的地方，叫阿房宫。想来死后住的地方也不会差，于是我想去看看。&lt;/p&gt;&lt;p&gt;特设计行动方案如下，请大家批评指正。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;困难1：秦始皇陵到底在哪儿？&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/03/201703211490077565538433.jpg&quot;/&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;这个问题好像是句废话，秦陵的位置从来不是秘密：百度百科云其位于陕西省西安市临潼区城东5公里处的骊山北麓。&lt;/p&gt;&lt;p&gt;门口有牌为证：秦始皇帝陵，国家AAAA级景区。&lt;/p&gt;&lt;p&gt;可谁又能证明这个土包儿就是秦始皇的坟呢？司马迁能，郦道元能，谁都能。&lt;/p&gt;&lt;p&gt;《史记·秦始皇本纪》：“（秦始皇陵）穿治郦山”。《水经注》：“秦始皇大兴厚葬，营建冢圹于骊戎之山”。&lt;/p&gt;&lt;p&gt;秦陵位置，正如“啊，盐是咸的，糖是甜的”一样，是老百姓代代相传的常识。&lt;/p&gt;&lt;p&gt;什么底气敢让秦始皇把坟修得如此高调，这般藐视天下盗墓贼呢？&lt;/p&gt;&lt;p&gt;科学的底气。世间有种化学元素剧毒无比，叫汞，俗称水银。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;困难2：如何解决秦陵里的水银？&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/03/201703211490077584536096.jpg&quot;/&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;秦陵至今不敢打开，因为墓里被灌入了重达100吨的水银。《水经注》描述“以水银为百川江河大海”，这简直就是“白水银啊，浪呀嘛浪打浪啊！”&lt;/p&gt;&lt;p&gt;100吨！秦始皇打哪儿弄来的呢？&lt;/p&gt;&lt;p&gt;广告商赞助。&lt;/p&gt;&lt;p&gt;史书记载，今重庆涪陵有一姓巴名清的寡妇，坐拥白银8亿万两，赤金580万两，号称“大秦第一女企业家”。巴清赞助秦始皇116吨丹砂炼制水银。&lt;/p&gt;&lt;p&gt;而巴小姐上次中标是赞助秦始皇的另一项工程：长城。&lt;/p&gt;&lt;p&gt;为表感谢，巴小姐被接入宫中养老，特批拥有私人军队。&lt;/p&gt;&lt;p&gt;秦始皇当年没收天下兵器铸造12铜人，别人家里连把水果刀都不能有，巴小姐却坐拥私人武装……恩？恩？恩？&lt;/p&gt;&lt;p&gt;那如何应对巴寡妇的100吨水银剧毒呢？&lt;/p&gt;&lt;p&gt;现代科学告诉我们，如果温度计打碎了，大量饮用绿豆水+牛奶+麻油就可以抑制毒性。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;困难3：钱呢？钱呢？钱呢？&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/03/201703211490077592587497.jpg&quot;/&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;想看秦陵的陪葬品，还得进地宫，那秦陵地宫到底有多深呢？&lt;/p&gt;&lt;p&gt;当年秦始皇把修陵的活儿派给了李斯，李斯曾汇报：我带领72万人已经挖到了地心最深处，那里点不着火，只能听见空空之声。&lt;/p&gt;&lt;p&gt;《水经注》说秦陵“穿三泉”，就是已经穿透三条地下河。考古学家估测，秦陵地宫应该在地下1000米左右。&lt;/p&gt;&lt;p&gt;我粗略做了个工程款预算：&lt;/p&gt;&lt;p&gt;按照今天陕西省的人力市场价，每挖100立方要4000块；那挖开秦陵的人工费是2亿3千万左右。&lt;/p&gt;&lt;p&gt;因年代久远，很多宝贝一旦遇到光线、空气就会溃烂粉碎。为保护文物，必须先建造一个隔离外界的大壳子把秦陵扣起来。水立方的壳子花了10亿，秦陵有6个水立方大，就要60个亿，再加上挖土费，合计62亿。&lt;/p&gt;&lt;p&gt;我决定学习秦始皇，也去拉赞助。小云云最近忙着跟川普做生意，可能腾不出空儿；思聪还要操心娱乐圈的事儿。&lt;/p&gt;&lt;p&gt;于是我决定众筹，大家要是有兴趣，您有钱的捧个钱场，没钱的捧个人场，多多少少是个心意！&lt;/p&gt;</description><pubDate>Tue, 21 Mar 2017 13:58:26 +0800</pubDate></item><item><title>老师当着全班取笑一个学生，但看了他档案后震惊了</title><link>https://zbp.toyean.com/post/edu.html</link><description>&lt;p&gt;
    开学的第一天，班主任站在五年级的学生们面前，说了个谎。她看着她的学生们，说她会平等地爱班里的每一位同学。
&lt;/p&gt;
&lt;p&gt;
    但这是不可能的，那是因为坐在前排的一个小男孩，他叫李安。班主任发现，李安根本无法与其他孩子们玩到一起去。他的衣服很邋遢，身上也不整洁，而且不怎么受大家欢迎。班主任很喜欢在他的卷子上用红笔画一个个红叉。
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/02/201702041486191104235727.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    过了不久，班主任教课的学校要求老师对每个孩子过去的记录進行审阅，她把李安的档案放到了最后一个才看。然而，当她看李安档案的时候吃了一惊。
&lt;/p&gt;
&lt;p&gt;
    一年级的老师写道：李安是个聪明的孩子，永远面带笑容。作业写得很整洁、很有礼貌，他给周围的人带来了欢乐。
&lt;/p&gt;
&lt;p&gt;
    二年级的老师写道：李安是一个优秀的学生，深受同学的喜欢，但是他很苦恼，因为他妈妈的病已经到了晚期，家里生活困难。
&lt;/p&gt;
&lt;p&gt;
    三年级的老师写道：母亲的去世对他是个沉重的打击。他试图尽最大努力，但他的父亲责任感不强，如果不采取一些措施他的家庭会对他产生不利影响。
&lt;/p&gt;
&lt;p&gt;
    四年级的老师写道：李安性格孤僻，对学习不感兴趣。他没有什么朋友，有时会在课堂上睡觉。
&lt;/p&gt;
&lt;p&gt;
    此时，班主任才意识到问题的所在，她为自己的行为感到羞愧。圣诞节到了，当学生们送给她圣诞礼物之时，她更是无地自容。学生们的礼物是用明亮的彩纸包好，上面扎着美丽的丝带，唯独李安的不是。
&lt;/p&gt;
&lt;p&gt;
    他的礼物是用厚厚的牛皮纸袋包裹，那纸是从杂货袋上扯下的。班主任费了很大劲才打开这个礼物。那是一只水晶石手链，上面有颗水晶石已经丢失了，还有一瓶只有四分之一的香水。一些孩子开始发笑，她制止了他们。她大声夸赞这只手链多漂亮啊，并把它戴在手上，还在手腕上擦了些香水。
&lt;/p&gt;
&lt;p&gt;
    那天放学后，李安说了一句话才走：“老师，今天你身上味道就像我妈妈以前一样。”
&lt;/p&gt;
&lt;p&gt;
    孩子们走后，她哭了至少一个小时。就从那一天起，她不再研究怎样教阅读、写作和算术，而是研究怎样教育孩子们。班主任开始特别关注李安。与她一起学习时，他的大脑便显得灵活起来，她越鼓励他，他的反应就越快。
&lt;/p&gt;
&lt;p&gt;
    到了这年年末，李安已经成为班上最聪明的孩子，尽管她说过会平等地爱所有的孩子，但李安成了她的“宠儿”。
&lt;/p&gt;
&lt;p&gt;
    一年后，班主任在门缝下发现一张纸条，是李安写的，他告诉她，她是他一生中遇到最棒的老师。
&lt;/p&gt;
&lt;p&gt;
    又过了六年，班主任又收到李安的另一张纸条。他说，自己已经高中毕业，成绩排在全班第三名，她仍是他一生遇到的最棒的老师。
&lt;/p&gt;
&lt;p&gt;
    多年后，班主任收到一封信。这次李安说，当初拿到学士学位后，他决定继续留在学校深造，他还说，班主任仍是自己一生中遇到的最好的老师。但如今信上的落款变得长了些：医学博士李安。
&lt;/p&gt;
&lt;p&gt;
    那年春天，李安又来了一封信，说他马上要结婚了，他不知道班主任是否愿意参加他的婚礼，并坐在新郎母亲的座位子上。
&lt;/p&gt;
&lt;p&gt;
    当然，班主任去了。她戴着那只丢了颗水晶石的手链，还专门喷了李安母亲用过的那种香水。师生俩互相拥抱，李安轻声在老师的耳畔说道：“谢谢你，非常感谢你让我知道自己可以有所作为。”
&lt;/p&gt;
&lt;p&gt;
    老师眼含热泪，低声说：“李安，你全搞错了，是你教会了我，直到遇见你，我才知道如何做老师。”
&lt;/p&gt;
&lt;p&gt;
    希望把这个故事传递给所有的老师。这个故事中，我们看到了有效的教育制度，回看学生的年度评语。我们看到优秀老师的责任，更可贵的是她有一颗爱心，用实际行动给予了孩子最大的鼓励。
&lt;/p&gt;
&lt;p&gt;
    这才是真正的教育。请为这样的老师点赞！
&lt;/p&gt;</description><pubDate>Sat, 04 Feb 2017 13:41:54 +0800</pubDate></item><item><title>了解最新的趋势，创造更好的将来</title><link>https://zbp.toyean.com/post/trend.html</link><description>&lt;p&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701081483848816919452.jpg&quot;/&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    有三个人要被关进监狱三年，监狱长给他们三个一人一个要求。美国人爱抽雪茄，要了三箱雪茄。法国人最浪漫，要一个美丽的女子相伴。而犹太人说，他要一部与外界沟通的电话。三年过后，第一个冲出来的是美国人，嘴里鼻孔里塞满了雪茄，大喊道：“给我火，给我火！”原来他忘了要火了。接着出来的是法国人。只见他手里抱着一个小孩子，美丽女子手里牵着一个小孩子，肚子里还怀着第三个。最后出来的是犹太人，他紧紧握住监狱长的手说：“这三年来我每天与外界联系，我的生意不但没有停顿，反而增长了200％，为了表示感谢，我送你一辆劳施莱斯！”
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    什么样的选择决定什么样的生活。今天的生活是由三年前我们的选择决定的，而今天我们的抉择将决定我们三年后的生活。我们要选择接触最新的信息，了解最新的趋势，从而更好的创造自己的将来。
&lt;/p&gt;</description><pubDate>Sun, 08 Jan 2017 12:12:14 +0800</pubDate></item><item><title>利用动画效果来提升用户体验</title><link>https://zbp.toyean.com/post/anmue.html</link><description>&lt;p&gt;
    动画效果会讲故事。但不是冗长和完整的故事，而是简单的故事，比如“嗨，你现在该看这里了”或者“哇，你的操作完全正确。”然而，动效的目的不是为了愉悦用户，而是为了帮助理解操作会有什么进展亦或是提高用户使用APP的效率。这一点我们可以在 Zurb 的陈述里证实。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701081483847961787476.gif&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    我们不仅仅只是设计图形界面。我们设计的是用户与他们的屏幕如何互动。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    或许动画效果应用在广范围的背景来构建美学与功能的统一：动效能够影响用户行为，沟通状态，引导用户的注意力以及帮助用户看到自己动作的反馈。这里有一些例子说明你可以在界面的什么地方增加动画效果来提升用户体验。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    加载不能太无聊
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    你应该尝试让等待变得愉悦，如果你不能缩减等待时间的话。动效可以代替烦人的转啊转啊转（这基本上只是提醒用户他们正在等待）。几乎任何网页或者应用都可以利用屏幕框架和巧妙的动画来维持用户的兴趣。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    在页面完全加载完之前用屏幕框架递增的方式完成
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    状态切换不能太生硬
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    动画效果可以让过渡更加显著，所以当用户开始和结束，动画效果要能展示到底发生了什么。好的过渡设计会让用户清楚的明白自己的注意力应该往什么地方放。
&lt;/p&gt;</description><pubDate>Sun, 08 Jan 2017 11:57:09 +0800</pubDate></item><item><title>极简主义设计的最佳实践</title><link>https://zbp.toyean.com/post/minimalism.html</link><description>&lt;p&gt;
    随着移动设备的普及，极简主义也得到了越来越广泛的运用。极简主义为各大应用和网站带来了额外的好处，去除了多余的修饰元素后，使得加载速度更快，各屏幕尺寸之间的兼容性更好了。一个好的应用，需要把极简主义和易用性很好的结合在一起，才能给人留下深刻的印象，一个简单易用的应用，代表着的是一个高效的沟通方式。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701081483847700521089.jpg&quot;/&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    “设计师往往想要通过更简单的方式去表达更多的内容”
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    但同时，想要把极简主义用的得心应手，还是存在一定难度的。它迫使设计师以小见大，用少表示出多。对于那些想要尝试极简主义的人，在开始之前，确保你知道一些基本的经验法则。这里有一些小提示，供你参考：
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    删除所有不必要的元素
&lt;/p&gt;
&lt;p&gt;
    你的设计中的每一个元素都是要有意义的
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    一个极简的设计，是没有一点多余的。页面上的每个元素都是必要存在的。每一个元素服务于你的设计目的。抓住最重要的地方进行设计。正如Antoine De Saint-Exupery说的：
&lt;/p&gt;
&lt;p&gt;
    “ 完美之道不在于没有更多的东西填进去了，而是已经没有一丝多余。“
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    页面中消息被清楚地表达出来，画面上没有一丝多余的元素
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    温馨提示：决定好哪些是该去掉的，哪些是该留下来的。
&lt;/p&gt;
&lt;p&gt;
    1.去掉没有意义的图片。除非它们是为了清楚表达你想要的信息，所必要存在的。
&lt;/p&gt;
&lt;p&gt;
    2.删除不必要的文字，保持言简意赅。用最简洁的文字，把你想要表达的内容表达清楚。同时，文本内容应包含所有最重要的信息，避免导致信息混乱和不好的用户体验。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    在每个页面上建立一个焦点
&lt;/p&gt;
&lt;p&gt;
    润色你的文字
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    屏幕上的元素越少，越能突出你想要突出的内容。极简的哲学在于，你必须围绕你的内容进行设计：内容为王，所有的视觉设计都为它服务。这个做法是想要使消息更简洁，不脱离主题，让用户注意力更集中在内容上。因此，极简的设计应以清晰，不模棱两可的方式突出你想表达的内容和按钮。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    层次可以使得内容更容易被理解
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    Tips：从大体的内容入手，再通过特定的界面去表达，让用户能够清晰的找到他想要的东西。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp;精简的配色方案
&lt;/p&gt;
&lt;p&gt;
    克制得使用颜色
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    精简的配色，会给用户带来良好的用户体验，相反，过多的用色则会显得设计没有章法，效果也大打折扣。当然，简约的配色方案并不意味着你只能使用黑色或者白色。极简设计的核心在于，只使用必要的颜色，准确表达你的设计理念，塑造出层次感。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    iOS的Clear APP使用邻近色的颜色方案，来区分任务的优先级
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    Tips：在设计过程中，也可以考虑大胆的用色。通过增加字体的大小和颜色的对比，将用户的注意力吸引到页面的特定区域，而且不用增加额外的视觉提示。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    流动的色块将用户的注意力吸引到屏幕的特定区域（图片来源： &amp;nbsp;Dribbble）
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    使用适当的留白
&lt;/p&gt;
&lt;p&gt;
    流出呼吸的空间，保持页面简洁
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    界面的留白，不一定指的是白色。它是极简主义的一个重要组成部分 - 它使得页面风格在视觉上更统一，更加易于阅读。并不是页面上所有的空白区域，都一定要被填满，请将留白，理解成是你界面内容的一部分。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    灵活的留白，和灰色搭配在一起，被巧妙的运用在 Medium App iOS版中
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    提示： 注意对间距的使用。你可以通过增加元素周围的间距，使元素更突出。只要确保空白的区域在视觉上是符合一定规律的。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    iOS的Sky APP使用留白创造出信息的层次感，使内容更容易理解
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    结论
&lt;/p&gt;
&lt;p&gt;
    极简主义当然是实现好设计的一种方式，但它并不是唯一途径
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    功能决定形式
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    这意味着，我们的最终目的是实现一个更简单和更流畅设计过程，并且这种情况只有当设计师懂得把实用性和美观性结合在一起的时候，才算是真正掌握了什么是极简主义。请记住，极简主义并不是要从设计中抽离，而是要恰到好处得传达出我们自己的设计理念。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    谢谢！
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    关于作者
&lt;/p&gt;
&lt;p&gt;
    Nick Babich，一个软件开发人员，技术爱好者和UI / UX爱好者。
&lt;/p&gt;</description><pubDate>Sun, 08 Jan 2017 11:44:48 +0800</pubDate></item><item><title>后AlphaGo时代的体验设计</title><link>https://zbp.toyean.com/post/alphago.html</link><description>&lt;p&gt;
    阿里巴巴UCAN2016 “设计赋能商业，共创极致体验”大会非常荣幸地请到了同济大学设计创意学院娄永琪院长，于3月28日上午给我们带来精彩的演讲，娄院长的思考可谓跨界，他从更宏观的视野去定义设计，在更发散的面向人类未来的场景中探索设计的本质，从人道主义的角度去建构设计的使命—除了服务于消费主义之外，设计的未来要去创造更多非物质的价值，比如幸福感和美，给了我们很多深刻的输入。
&lt;/p&gt;
&lt;p&gt;
    我们尽可能地通过以下的文字来还原这次精彩的演讲。希望能分享给更多会场之外，却同样关注设计及用户体验的你。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    挑战1 :人－人工世界，人还是机器？
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701081483846995687788.jpg&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    具有转折意义时代的开启，往往都和一个标志性的事件联系在一起。1945年，原子弹在广岛和长崎爆炸，是人类的灾难，但在哲学家看来：这一事件标志着人类从此开始具有了毁灭自己的能力。今年3月15号，“阿尔法狗”战胜韩国围棋九段李世石，是不是标志着人工智能时代的到来，还要打一个问号。事实上，人和机器下棋的故事开始很久了，从1956年所谓的人工智能元年就开始了，不过那时候下的是跳棋，之后的里程碑是1997年IBM深蓝战胜了国际象棋冠军卡斯帕诺夫。不过，我认为靠算法运行的棋类运动，人一定下不过机器。刚过去的那次被过度渲染的人机大战，它的确开启了一个时代。不过不是谁的时代，而是大众开始普遍讨论未来人机关系的时代。
&lt;/p&gt;
&lt;p&gt;
    回顾人类发展历史，人类原来是自然界中微不足道的种群，如果把整个宇宙的年龄作为一天的话，差不多在最后一分钟的时候诞生人类，在最后一秒钟的时候有了人类的文明。但第一次工业革命后短短3百年时间，人类这个种群，已经俨然成为世界的主宰。人类在与自然进行广义的交互过程中，发明创造了各种各样的人造物，日积月累，形成一个庞大的人造物世界，承载了灿烂文明。其中有一类新事物：计算机和网络，尤为年轻，但其影响却前所未有。计算机产生不过70年，网络产生30多年，但在今天，这个世界已经深深烙上了它们的印记。它们渗透到人类生活的每个角落，其扩张之迅猛，和人类的发展如出一辙。人工智能的出现，更是让人不能不对人类的生存带来些许担忧。
&lt;/p&gt;
&lt;p&gt;
    2013年，有一部很震撼的电影，叫《HER》，影片里描述了人和机器之间恋情。我们现在讲的人工智能，导航也好、语音也好、自动驾驶、大数据预测等等，都不可怕。为什么呢？人创造机器就是用来取代自己的能力，要是造个计算机，连人都算不过，要来做什么？但当机器有了感情之后，这个事情就变得复杂起来，甚至让人觉得有点不寒而栗。有时候我常在想，好莱坞也许是同政府和科学家建立了某种联盟，通过各种“科幻片”，引导普通民众思考未来的世界，也许背后是在为一种可能的危机做心理和舆论准备。
&lt;/p&gt;</description><pubDate>Sun, 08 Jan 2017 10:57:11 +0800</pubDate></item><item><title>制作ttf字体文件的过程</title><link>https://zbp.toyean.com/post/ttf.html</link><description>&lt;p&gt;
    下面大致讲解一下TTF字体设计的过程,感兴趣的朋友也可以尝试一下.
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701071483802052265423.jpg&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    一．草稿。这一步是在纸上完成的，用的是黑色的马克笔。这一步必须有清晰的思路，设计字体的时候要有目标，也就是说希望的风格，字体适合应用在哪些场合，必须清楚，要对英文字体有一定的认识和见解。有了清晰的思路，才能制定出字体的风格。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    建议开始之前先研究一下Arial，Batang，Impact，Vrinda，Tahoma，Times New RoMAN这些字型比较正规的经典字体。　&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    英文字体需要设计的元素包括：二十六个大写英文字母，二十六个小些英文字母，十个数字，和常用的符号及标点。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    ABCDEFGHIJKLMNOPQRSTUVWXYZ&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    abcdefghijklmnopqrstuvwxyz&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    0123456789&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    , . : ; ( ) [ ] &amp;lt; &amp;gt; &amp;lt; &amp;gt; / \ | @ &amp;amp; $ % ÷ + &amp;amp; - * = _ ` ~ ^ &amp;#39; &amp;quot; ! ? ® © ™
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    二．整理草稿。我在A4纸上画好参考线，然后把草稿上的字体，逐个画下来。
&lt;/p&gt;
&lt;p&gt;
    三．把字体整理到电脑里。用什么软件随意PS，CD都可以。我比较习惯PS的钢笔，所以用PS，不过我建议用矢量软件，至于为什么，就不说了。这一步要注意的问题很多。因为涉及到字体最终效果，所以要使用很多参考线。根据字体的风格，我制定了两种参考线，硬参考线和软参考线。
&lt;/p&gt;
&lt;p&gt;
    在录入的过程中，我对字体进行了一定程度的修改，尤其是小写字母和几个符号的大小及相对位置。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    需要注意的是，字体的相对位置和绝对位置，一定要把握好。这些要在脑子里事先想好，不然会一塌糊涂，出现很多矛盾的问题，更难解决。录入的时候要多对自己进行比较，字体的相对位置，字体相对高度，绝对高度，字体的宽度。按照上面的几个要点，把相同的归类，进行比较。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    因为每款字体都有自己的特征，所以就不举例了。有时候需要把字体叠在一起比较。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    所有构成字体的笔划，都单独列出来。比如在这款字体里，BDHIK等字体的竖笔划，其实是相同的。省事，也更标准。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp;&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    四．制作TTF。如果想做TTF，需要一个名为Font Creator的软件，版本 5.0，目前好像没有汉化和教程。&amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    这个步骤花了整个字体设计80%的时间。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp;
&lt;/p&gt;
&lt;p&gt;
    五．字体编码的前期工作。我用的是比较省事的方法，用PS里的切片功能，把字符导出为单独的图片。然后把单独的图片按照字符命名为：A，a，B，b，C，c……需要注意的是，导出的图片分辨率要高一些，自己把握。切片要准确。
&lt;/p&gt;</description><pubDate>Sat, 07 Jan 2017 22:57:07 +0800</pubDate></item><item><title>为用户体验做设计</title><link>https://zbp.toyean.com/post/uedesign.html</link><description>&lt;p&gt;
    用户体验（UX）是一个产品在市场上的成败关键，但是UX是什么意思？很多时候UX被混淆为可用性 ，它描述在一定程度上的产品是多么容易使用，这是事实，UX作为一门学科，开始为可用性，然而UX已发展到适应，而不是实用性，越来越多注意的各个方面的用户体验 ，以提供成功的产品推向市场。
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://zbp.toyean.com/zb_users/upload/2017/01/201701071483800492104563.jpg&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    用户体验是不能被设计的，只能是为用户体验做设计，用户体验的核心和本质：满足用户需求，超出用户期望。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    ー 用户体验是一个完整的过程
&lt;/p&gt;
&lt;p&gt;
    ー 用户体验因人而异
&lt;/p&gt;
&lt;p&gt;
    ー 用户体验因时而变
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    有7个因素来描述用户体验，让我们来看看整体用户体验的每个因素：
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    1.有用
&lt;/p&gt;
&lt;p&gt;
    你设计一种产品是不是有用的？如果它没有目的，这是不太可能的，竞争是沿着一个市场充满针对性和有用性的产品。值得注意的是“有用”是在旁观者和事物的眼睛可以被视为“有用”，如果他们提供非实际的好处，如娱乐或美感。
&lt;/p&gt;
&lt;p&gt;
    因此，即使他们不能够使用户能够达到一个目标，其他人也会认为一个电脑游戏或雕塑可能被视为有用的。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    2.可用
&lt;/p&gt;
&lt;p&gt;
    可用性涉及使用户能够有效地实现其最终目标与产品。
&lt;/p&gt;
&lt;p&gt;
    就是说我们设计的产品到用户手里要能实现他们最基本的目标和期许。
&lt;/p&gt;
&lt;p&gt;
    指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度，即用户能否用产品完成他的任务，效率如何，主观感受怎样，实际上是从用户角度所看到的产品质量，是产品竞争力的核心。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    3.玛丽萨
&lt;/p&gt;
&lt;p&gt;
    玛丽萨是指思想，即产品必须容易找到，如果你不能找到一种产品，你不打算买它，这是该产品的所有潜在用户真实的。
&lt;/p&gt;
&lt;p&gt;
    如果你拿起一张报纸，都在它的故事被随机分配的页面空间，而不是被组织成部分，如体育，娱乐，商业等，你可能会发现阅读报纸一个非常令人沮丧的事情。
&lt;/p&gt;
&lt;p&gt;
    可查找性，是至关重要的许多产品的用户体验。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    4.可信的
&lt;/p&gt;
&lt;p&gt;
    兰德尔·特里说，你“骗我一次，可耻。骗我两次，可耻的是我。“如今的用户是不会给你第二次机会来糊弄他们。
&lt;/p&gt;
&lt;p&gt;
    信誉涉及到用户在你所提供的产品信任的能力。它会持续一段合理数量和提供的资料是准确的，装修的目的。如果用户认为该产品的创造者是一个撒谎，小丑与不良意图，提供用户体验 - 他们会拿自己的业务，而不是其他地方。
&lt;/p&gt;
&lt;p&gt;
    可信性在很多产品中出现，很多玩金融网页底部都会出现很多图片，比如可信网站，警察网站，360网站安全监测，诚信龙头单位等，说明在使用时给用户吃一颗定心丸，此产品是安全的，可信的。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    5.合意
&lt;/p&gt;
&lt;p&gt;
    斯柯达和保时捷都让汽车。他们在一定程度上都是有用的，可用的，容易找到，方便可靠和有价值的，但保时捷比斯柯达更可取的。这并不是说，斯柯达是不可取的，他们已经卖出了很多车下比品牌，但赋予了新的保时捷或斯柯达的选择“自由 ”- 大多数人会选择保时捷。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    6.无障碍
&lt;/p&gt;
&lt;p&gt;
    可悲的是，无障碍 创建用户体验时，往往迷失在组合。无障碍环境是关于提供可以通过全方位能力的用户可访问的经验-包括那些谁是在某些方面残疾，如耳聋，视力障碍，运动障碍或学习障碍。
&lt;/p&gt;
&lt;p&gt;
    辅助功能设计往往是由公司作为浪费钱，因为看到的印象是，残疾人占总人口的一小部分。事实上，人们在美国至少有19％有残疾根据人口普查数据，很可能，这个数字是欠发达国家高。
&lt;/p&gt;
&lt;p&gt;
    这是19%的人作为观众对你的产品可能不能够使用它，如果它无法访问或你的总市场的20％！
&lt;/p&gt;
&lt;p&gt;
    这也是值得记住的是，当你设计的可访问性，你经常会发现你创建更易于产品给大家不只是使用残疾人。在做用户体验不敢怠慢辅助功能。
&lt;/p&gt;
&lt;p&gt;
    最后，无障碍设计 ，现在在许多司法管辖区包括欧盟和未能提供它可能会导致罚款的法律义务。可悲的是，这种义务不被经常因为它应该是强制执行。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    7.有价值
&lt;/p&gt;
&lt;p&gt;
    最后，产品必须创造价值。它必须要创造它，到谁买或使用它的用户的业务提供价值。没有价值很可能是一个产品的任何初步成功最终将受到损害。
&lt;/p&gt;
&lt;p&gt;
    设计师应该记住，值是购买决策的关键因素之一。一个$ 100个产品，解决了$ 10,000的问题是一个可能成功; 这解决了$ 100的问题$ 10,000的产品是不太可能这样做。
&lt;/p&gt;
&lt;p&gt;
    &lt;br/&gt;
&lt;/p&gt;
&lt;p&gt;
    带走
&lt;/p&gt;
&lt;p&gt;
    一个产品的成功依赖于比单独的实用性和易用性等等。该产品是可用的，有用的，容易找到，方便，可靠的，有价值的，需要的是更容易在市场上获得成功。如果一个产品能让用户有向别人推荐使用和分享的时候，这个产品就已经很不错了，有了良好的口碑和人气，这就是一个好产品。
&lt;/p&gt;</description><pubDate>Sat, 07 Jan 2017 22:43:20 +0800</pubDate></item></channel></rss>