hexo插件记录 hexo部署到git123## hexo-deployer-gitnpm install hexo-deployer-git --save 百度主动推送插件12## baidu-url-submitnpm install hexo-baidu-url-submit --save 短链生成12## hexo-abbrlinknpm install hexo-abbrlink --save 字数统计12## wordcountnpm i --save hexo-wordcount 本地搜索12## generator-searchdbnpm install hexo-generator-searchdb 外链添加nofollow12## nofollownpm i hexo-filter-nofollow --save 自动生成sitemap123## sitemapnpm install hexo-generator-sitemap --savenpm install hexo-generator-baidu-sitemap --save 生成 ...

5af6079fd629ceaa70339ee92747f18254af2864fa3335339397d4c86a5b24f974b4fc2170dc8fd3c88ff5188de7666f0d439959b5c158fad82d015f8f318f52a9b41a8637ba3997a346f4fdd0208cf5851590145472acb5e4cf2c2b9495c54aae0bf9710e946499cedbb846b9d4293209aaa55200626d9ff2e8e44242092f65a915ec32bd00bd00b6c107abe1bc62ef807a34e4833489ed0120c55bd68d8a280a0f8e90d2f7ba07ee7f06a0949762d717a4b70048b2bd5c0f224767837fafcc3b0b79b9066e466518f8f7d901c8223ddff903a550f65b1c38c5cb32f6e295cdacb9e0c479956f5ecc19a67ed1a14869e1b1f93d73ace42fc ...

  在界面中，我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。​ Ant Design 全局规则文案篇文档入口 语言​在界面中，文案是我们与用户沟通的基础，语言文字的表述也需要精心推敲，仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，同时让用户体验更加友好。 明确表述立足点​ 在表述内容时，关注点应该是用户和他们能用你的产品做什么，而不是你和你的产品在为他们做什么，所以内容表述的立足点很重要。​ ​💡如“为了方便快速使用，我们提供了入门引导”。侧重点变成了我们提供了什么，用户关注的只是如何快速使用。可以使用“浏览入门引导，方便快速使用”​ 精简语句​ 省略无用词汇，不重复用户已知事实；在绝大多数交互场景下，都无需界面描述出全部的细节。​ ​💡如列表格页仅存在唯一新建内容时，用户在当前表格新建内容，是知道自己要创建什么的，而不是在不同页面重复表达不同的新建内容。如新建项目、新建模拟器，新建用户...​ 使用用户熟悉的语言​ ...

  在阿诺德渲染器中，IPR Windows是非常常用的工具，但实际上很多朋友并不清楚它除了预览，还有哪些实用功能，今天就带大家揭秘阿诺德渲染器的IPR Windows。 界面打开C4D，在菜单中找到Arnold，并打开其子菜单IPR Windows(交互式渲染窗口)，​这个窗口是Arnold的其中一个核心窗口，其实时预览效果是目前任何渲染器无法攀比的，当然，你们也别拿GPU渲染器来比了，不是同一概念！下面我们先来了解一下这个窗口中的常用​。 IPR菜单IPR菜单，分为View(视图)和Render(渲染) View(视图菜单) Show pixel information (显示像素信息) ：勾选此选项后，我们会在IPR窗口下方的状态栏看到当前鼠标所在位置的像素RGB信息。 Toolbar工具栏：切换显示常用工具。 Sidebar侧边栏：显示侧边栏工具。（高级功能有详细说明） Fit to Window (适合到窗口)：自动匹配IPR渲染分辨率到窗口。 Fit to render region(适合到渲染区域)：自动匹配IPR渲染分辨率到设定的渲染区域 居中到渲 ...

  各类设计软件中都有着大量的插件/预设可用于提高设计的效率，虽然有时候用的几率不大，但用的时候贼香。所以专门用一个板块用于记录各类插件/预设的作用和使用方法。 Roll-it.2020适用软件：C4D归类：插件名称：Roll-it.2020 Plugin for Cinema4D效果：物体滚动使用：-操作：-说明：可以在对象管理器中的标签/ roll-it下找到该表达式，也可以直接通过右键单击对象管理器中的对象找到该表达式。使用表达式在对象上创建一个滚动标签。选择此标记可以在属性管理器中更改参数。原则上，您不应该为Roll-It对象本身设置动画，而应该为父级的null对象设置动画。您可以使用“父级”轻松创建它。Roll-It由三个区域组成：Roll，Floor和Rotate，您可以一起使用它们，也可以单独使用它们。根据对象的位置旋转来旋转对象；或换种说法：它让物体沿其方向滚动.使用工具：C4D文件编号：-安装：解压缩文件夹“ RollIt”并复制到Cinema4D的插件目录中。之后重新启动Cinema4D。

上期思思考题直达入口交互设计沉思录第五期 💡wan方案很多时候在把原型转设计的时候，一定不能受原型图的限制。如原型图把通知方式和需要填写的内容一一拆解出来，只是想表达有不同的通知类型，以及对应类型需要补全信息的功能。但实际开启的方式和填写信息是对应的。所以可以采取容器法则的方式，把通知方式和需要填写的信息放在同一容器中。同时未开启的的通知方式，则不可填写通知信息。如果你认为有不合理的或者更合适的方案欢迎在评论区一起讨论。毕竟交互设计是选择题不是判断题。 🤔本期思考题下图需求是将某创建过的软件同步到不同的平台。首先选择需要同步的软件，然后选择需要同步的平台，默认仅有三个平台，每个平台内部只需要填写同步类型、项目地址等字段。项目地址可添加多个。且同步的三个平台任填一个或每个都填均可。大家可以思考下可以用哪些方式表现？怎样的交互更加合理。如果觉得有需求背景和缘由描述不清晰的，也可以在小站底部评论区一起讨论。此次考题将会在下期推文中解答。 (废话一下，”交互设计沉思录“经过多次的调整已经慢慢走上正轨了。之前出题，和给出方案都不是特别具体，仅仅是记录自己的思考过程。虽然很多思考都来自项目 ...

  我们在做设计的时候，几乎全部都会涉及到心智模型，小到一个圆角的大小，大到整个产品的定位和功能。我们常说得为了用户体验去了解用户、接近用户、挖掘用户真实的需求，其实说的就是了解用户的心智模型。 心智模型是什么？心智是心理学的概念。简单来讲，它泛指我们对周遭一切人、事、物的所有的精神活动。拿双十一举例。我们双十一剁手前分析、判断商品的好坏，剁手时产生的剧烈情绪波动，剁手后脑海中不自觉飘过的种种念头，想象自己拿到商品的样子，推测快递什么时候发货等等，这些所有的心理活动都叫心智。 我们再来看下对于心智模型不同的解释。 百度百科： 心智模式是指深植我们心中关于我们自己、别人、组织及周围世界每个层面的假设、形象和故事。并深受习惯思维、定势思维、已有知识的局限。 wikipedia： 心智模型是用于解释个体为现实世界中之某事所运作的内在认知历程。 唐纳德·诺曼在《设计心理学》一书中的解释： 心智模型是存在于用户头脑中对一个产品应具有的概念和行为的知识。这种知识可能来源于用户以前使用类似产品沉淀下来的经验，或者是用户根据使用该产品要达到的目标而对产品概念和行为的一种期 ...

5df915172ab62d2a65bc0eda25b5a8b9db7fb4bbf8eb33b04b0206be424aa6aabc98f7f4d8b1e6d1d11bef272045031a68265a3bd7053d85b9802088d21d0b414801fc3eca4640b907cc82c98f7b34d2feb1badcd038f18506daab020082a0e77d5f35aa83b907aa09ee0928394483c159ef35303569a8196d49a36ff0029e21a7cf4a840932d185bc4a4f464e53f7f2956dbf75ea6fd15b4a9bea599da81382d65817dbc793c942e1669274663b64a0d127559ee1f3b7e08e3947bd62a35fbb7bd450d00bfc488eef30b5b82dd66c1aa7e78718419ab9e616ccd87d052f4a12a760e4597bf6e890a7c5fe4c040baa7f23ee8b3f0c9f2d9e5 ...

小程序效果公众号小程序正式发布1.1.0版。效果图如下⬇️： 小程序介绍​制作小程序的目的，是为了帮助公众号内容更细化、垂直化。让关注公众号的朋友不被其它内容打扰，专门聚焦在交互设计和C4D的内容上。 小程序数据均来源于设计师小站的内容。相比较而言，小程序和设计师小站的内容覆盖会更广一点。 设计师小站则更像一个聚合类的网站。除了本公众号发布过的内容，更多的还有设计相关的知识点、收集、以及日常的各种设计记录等等。最重要的是，集成了评论通知功能。大家在小站上的评论，我都能第一时间收到通知，具有更多的互动性。 总的来说，公众号未来每篇文章的都可以通过底部的阅读原文进入小站互动，公众号将更适合垂直关注交互及C4D的小伙伴；小程序更多的是提供一种不打扰的阅读，适合单纯只关注内容的小伙伴使用，通过小程序了解更多的内容；小站则更适想要关注更多设计点相关内容的小伙伴，作为设计师的你，在小站上一定能找到你想要了解的内容！ 小程序刚发布，体验上还有很多不完善的地方。如：没有加载状态，没有搜索功能等。后续都会迭代和改进！ 扫码进入小程序⬇️

  用户调研是指通过面对面访谈、问卷填写、观察用户等方式，收集受访者的意见和观点，基于收集的数据进行统计分析，研究事物的总体特征，为后期设计决策提供依据的一种方式。   设计师在设计前期了解目标用户的真实想法和需求，有利于设计出贴合用户目标的产品，避免设计方案是基于设计师或管理者的主观臆想产出。 酒店详情页的重要性随着互联网及移动互联网的普及，在线预订酒店已经成为主流。 而由于用户们的消费观念、出行目的不同，用户在预订酒店上存在差异。 酒店详情页，简称酒店D（Detai）页，是预订酒店流程中非常重要的环节，它为用户提供酒店、房型等相关信息，是辅助用户对比评价、地理位置、设施信息的页面。 合理信息页面布局设计，有助于提高用户的决策效率。 通过用户调研，探索更合理的页面布局通过对比竞品酒店详情页面，发现各平台在头部信息布局上呈现差异化，比如1、去哪儿和携程平台趋向统一，采用纵向信息罗列的布局形式。2、飞猪在评价、设施、地理位置上，采用了“三等分卡片”布局设计。3、美团则是在头部右上方突出评论信息。为了探索更贴合用户思维的页面布局，提高用户在酒店D页信 ...

  Banner是整个网页中最大的一张图片，它给用户传达的信息量最大，给用户的吸引力也最大，如果这个Banner很普通，那么就会导致整个网站都显得很普通。相反的，如果这个Banner做的漂亮吸引眼球，Banner图的配色也和整个网站的信息、Logo、Vi色系统一，那么能给用户传递更加专业的企业形象，同时给网站带来很多的亮点。 案例分析当我们去思考和探索网页中的Banner形式以及Banner如何更好的传递信息时。不难发现，大部分优质的网页都有相似的地方。如文字内容往往在左侧，简洁易赅的传递最有用、最吸引眼球或者最有价值的信息。因为人们关注点往往是从上往下以及从左往右的，同时太复杂的信息浏览者是没有时间去研究的。这也说明优秀网页中的Banner设计在运用中，做到了对用户体验的思考和总结。 本次通过对30多个B端安全平台相关的网页比对分析。发现越是优秀的网站，Banner越是大胆超前。如：绿盟为了树立更好的品牌形象，直接在Banner按钮上，投放了近3分钟的视频，详细介绍不同场景下的身份安全重要性。给用户一种切身实际的体验和感受。毕竟直观的视频讲解，远比静态文字的描述， ...

上期思思考题直达入口交互设计沉思录第四期 💡wan方案上次的思考仅仅需要考虑关于首页、应用列表、设置、注销等元素的布局，在产品给的原型中将设置和注销放在左侧底部。说漏了一个使用场景，那就是不登录是无法进入当前页面的，所以进入后我们是不需要在给予登录入口的，当用户注销后就自动跳转登录页面。左侧的导航内容并没有很多，所以并没有过多的大类需要用上和下进行划分，且导航的内容都是功能类的，所以把设置放到一起，也方便用户操作，减少注意力分散到底部。另外注销是一个危险操作，且注销后是会跳转为登录页登录用户。为了避免这样的误操和误操后的弹窗给用户带来的警惕感；同时不同用户的权限会有所不同，切换用户这类操作是很少会使用的。所以将注销这类操作可以隐藏放在了设置内部。如果你认为有不合理的或者更合适的方案欢迎在评论区一起讨论。毕竟交互设计是选择题不是判断题。 🤔本期思考题下面是一个给用户设置通知的后台页面。需要注意的是，通知方式可以同时存在。如可以同时勾选邮件和RSS通知，但勾选后需要填写对应的信息。产品在交付原型时希望勾选方式和填写信息联动，意思是在用户取消勾选邮件则不需要填写邮箱信息。勾选短信时出 ...