<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>嘿博客示站</title><link>http://a.a5zt.com/</link><description>Good Luck To You!</description><item><title>11个设计师最常用的Photoshop快捷键</title><link>http://a.a5zt.com/post/11.html</link><description>&lt;p&gt;掌握Photoshop快捷键是很重要的，在实际应用中可以减少多余的操作步骤，提高作业效率，11个设计师最常用的Photoshop快捷键，绝对用得上。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;备注：这里我们按Windows键盘讲述，如果是MAC用户，请看下面对应键位：&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;Ctrl = Command&lt;br/&gt;Alt&amp;nbsp;=&amp;nbsp;Option&lt;br/&gt;Delete = Backspace&lt;/p&gt;&lt;h4&gt;&lt;strong&gt;1、CTRL+SHIFT+单击 (选择多个对象)&lt;/strong&gt;&lt;/h4&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;【选择工具】非”自动选择“状态下：&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;1. 按 CTRL + 左键可以选择对象&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;2. 按 CTRL + SHIFT + 左键可以选择多个对象&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552896859850379.jpg&quot; title=&quot;b7.jpg&quot; alt=&quot;b7.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Tue, 29 Mar 2022 08:43:38 +0800</pubDate></item><item><title>比Bootstrap还更强大的前端框架Toolkit</title><link>http://a.a5zt.com/post/8.html</link><description>&lt;p&gt;很多设计师会忽略日常灵感采集的重要性，总是在需要的时候才去寻找想要的灵感参考，但是总会徒劳。也有很多通过一些途径一次性获得上百G资源，内心满是喜悦，以为从此设计无忧，却不知后面似乎也没什么用……你肯定还有更多这样类似的情况，下面为大家全面系统地分析一下关于灵感资源库的经验，希望带给你更多帮助。很多设计师会忽略日常灵感采集的重要性，总是在需要的时候才去寻找想要的灵感参考，但是总会徒劳。也有很多通过一些途径一次性获得上百G资源，内心满是喜悦，以为从此设计无忧，却不知后面似乎也没什么用……你肯定还有更多这样类似的情况，下面为大家全面系统地分析一下关于灵感资源库的经验，希望带给你更多帮助。很多设计师会忽略日常灵感采集的重要性，总是在需要的时候才去寻找想要的灵感参考，但是总会徒劳。也有很多通过一些途径一次性获得上百G资源，内心满是喜悦，以为从此设计无忧，却不知后面似乎也没什么用……你肯定还有更多这样类似的情况，下面为大家全面系统地分析一下关于灵感资源库的经验，希望带给你更多帮助。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552896912350375.jpg&quot; title=&quot;b17.jpg&quot; alt=&quot;b17.jpg&quot;/&gt;&lt;/p&gt;</description><pubDate>Tue, 29 Mar 2022 08:43:15 +0800</pubDate></item><item><title>如何让动效完美还原？</title><link>http://a.a5zt.com/post/16.html</link><description>&lt;p style=&quot;max-width: 750px;&quot;&gt;作为视觉设计师你是否会遇到这样的问题，当需要做一个 loading 
或者其他动效的时候，总会或多或少的出现一些问题，如何使用更轻量高效的 Sketch 直接将矢量图形转到 AE 制作动效，如何不再受 GIF 
导出的失真问题困扰，如何让开发完美还原我们的动效设计稿等，如果你也存在这些疑问，那以下介绍的2款插件就可以完美的解决这些问题。&lt;/p&gt;&lt;h4&gt;&lt;span class=&quot;auto_menu&quot; id=&quot;menu_0&quot;&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552911750202808.jpg&quot; title=&quot;b9.jpg&quot; alt=&quot;b9.jpg&quot;/&gt;&lt;/span&gt;&lt;/h4&gt;&lt;p&gt;AEUX 是由 Google 团队推出的，运用在 Sketch 和 AE 的一组高效插件，能将 Sketch 里的图层以及整个画板一键导入到 
AE 里，同时能在 AE 里解决图形分组和分层的问题，减少导出图片或者转入 Illustrator 处理带来的不必要的重复动作。首先在 Sketch 内将图层进行分组，在多图层的情况下，需要在前期进行动效构思，根据构思在 Sketch 里对图层进行分组，所做的分组将会是你在 AE 里的合成分组。&lt;/p&gt;&lt;div&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Tue, 29 Mar 2022 08:43:06 +0800</pubDate></item><item><title>B端产品如何做动效设计？</title><link>http://a.a5zt.com/post/15.html</link><description>&lt;p style=&quot;max-width: 750px;&quot;&gt;在无限的信息体量和有限的用户浏览范围之间求得平衡，让用户看到全部创作中他最想看到的那一面。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考，结合B端产品的一些固有特点，来和大家聊一聊动效设计在B端产品体验设计中的意义。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;既然是谈B端产品的体验设计，那么就免不了要与C端产品做对比。在我看来，B端产品与C端产品在大的体验趋势上是趋同的。对于大多数用户而言，都希望自己在工作与生活中是顺利、愉悦的，而用户体验就是为了让用户顺利、愉悦而生的。也就是说，不管是B端产品还是C端产品，其体验的本质都是围绕着使用的效率与愉悦感为核心展开的。那么这次我们就将目光聚焦在B端产品，来看看在这个领域都有哪些亟待解决的设计难点。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552911643201148.jpg&quot; title=&quot;b5.jpg&quot; alt=&quot;b5.jpg&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;针对这四个特点，我沉淀出一套解决B端产品体验问题的方法，它们分别是：信息折叠、路径梳理、提升效率、概念物化。接下来，我将通过具体的案例，来详细展现动效在B端产品体验设计中的意义。问题分析：初次进入 Dataphin，我们会提供一张业务流程图来解释 Dataphin 
的工作流程。为了降低理解成本，我们对每个流程都添加了文字说明。然而由于流程本身已经很复杂，页面排版中加入说明性文字会使得流程的排版拉长，用户很难通过一屏浏览完整的功能流程，体验不佳。&lt;/p&gt;</description><pubDate>Tue, 29 Mar 2022 08:42:58 +0800</pubDate></item><item><title>腾讯设计师：减少页面跳转的10个方法总结</title><link>http://a.a5zt.com/post/6.html</link><description>&lt;p&gt;当我们的页面承载信息少，并且不展示每个模块二级内容的时候，我们可以采取列表型、宫格型的导航设计，这样可以帮助用户快速的定位到相应的页面，但是每次信息获取时，需要点击跳转到另外一个页面。当每个模块都需要展示一部分内容的时候，假如采用列表的导航设计时，往往就会导致页面高度过长，用户需要滑动好几屏才能浏览完信息，这样导致信息获取的效率大打折扣。此时我们考虑采用
 tab 的导航方式，把不同类型的内容形式通过 tab 的形式展示出来。当我们的页面承载信息少，并且不展示每个模块二级内容的时候，我们可以采取列表型、宫格型的导航设计，这样可以帮助用户快速的定位到相应的页面，但是每次信息获取时，需要点击跳转到另外一个页面。当每个模块都需要展示一部分内容的时候，假如采用列表的导航设计时，往往就会导致页面高度过长，用户需要滑动好几屏才能浏览完信息，这样导致信息获取的效率大打折扣。此时我们考虑采用
 tab 的导航方式，把不同类型的内容形式通过 tab 的形式展示出来。当我们的页面承载信息少，并且不展示每个模块二级内容的时候，我们可以采取列表型、宫格型的导航设计，这样可以帮助用户快速的定位到相应的页面，但是每次信息获取时，需要点击跳转到另外一个页面。当每个模块都需要展示一部分内容的时候，假如采用列表的导航设计时，往往就会导致页面高度过长，用户需要滑动好几屏才能浏览完信息，这样导致信息获取的效率大打折扣。此时我们考虑采用
 tab 的导航方式，把不同类型的内容形式通过 tab 的形式展示出来。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552896939457022.jpg&quot; title=&quot;b19.jpg&quot; alt=&quot;b19.jpg&quot;/&gt;&lt;/p&gt;</description><pubDate>Tue, 29 Mar 2022 08:42:52 +0800</pubDate></item><item><title>设计师必备！10个包罗万象的灵感发掘网站</title><link>http://a.a5zt.com/post/14.html</link><description>&lt;p&gt;网站不求多，而求精，所以在这半夜3点，我一字一句的敲打着键盘，只为给大家甄别真心的好网站。一个日本的网页设计汇总网站，日本的隐忍的设计风格，的确让人欲罢不能，属于超级耐看型，比起中国的浮躁、花哨，世界的潮流、多变，日本的设计潮流一直是简约、大气，设计于无形中渗透到网站里，非常值得学习。LitterBigDetail是一个汇总微设计的网站，细节是魔鬼，所以如丝般润滑的体验，背后都对应着无微不至的细节打磨。我也曾经维护过一个微信公号『小细节大体验』，也是在记录遇到的所有的体验细节，灵感来源就是LittleBigDetail。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552896815185507.jpg&quot; title=&quot;b6.jpg&quot; alt=&quot;b6.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;又有Android设计模式，又有iPad设计模式，内容相对比较全面，但是APP更新不够快，不过也可以作为参考，也有分类切换的方式。又是一个设计模式收集网站，APP更新不够快，但是信息组织方式挺不错的。热门的标签全部都罗列在最上面，可以快速的切换筛选。&lt;/p&gt;</description><pubDate>Tue, 11 Jun 2019 19:52:04 +0800</pubDate></item><item><title>如何让公司的平面设计师交出可以用的Web 图</title><link>http://a.a5zt.com/post/3.html</link><description>&lt;p style=&quot;max-width: 750px;&quot;&gt;通常平面设计会交出不能实做的档案、绝大部份都是因为「他不懂」。但要等到他自己学会 Html、Css 的时候，八成也备换工作了。等平面设计学会怎么做网页，不如自己先花个半小时教他网页的版面构成方式，通常平面搞懂原理后出怪图的机会就会降低。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552897026745411.jpg&quot; title=&quot;b11.jpg&quot; alt=&quot;b11.jpg&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;找几个之前做过的案子、实际用列表机印出来成纸本，或是网络上找几个比较有规律性的网站都可以当教学模板，准备几支不同颜色的笔、就可以抓平面设计进来听课了。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;第一版拿给平面设计师当范例的网站越简单越好，太难的他们听不懂，不要开口就是Div、Class、Tag、Header
 之类。他们会把注意力放在「搞懂术语」上，F2E 
真正想传达「我会这样切图」、「我会这样构成版面」就不太容易被听进去。请把专业用语放一边，设想「今天我要对我妈说明我的工作是怎么完成的」，你就不会用太多只有行内人才懂的用字，尽量浅显口语化。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Tue, 11 Jun 2019 19:51:46 +0800</pubDate></item><item><title>栅格化你的网页</title><link>http://a.a5zt.com/post/4.html</link><description>&lt;p&gt;692年，新登基的法国国王路易十四感到法国的印刷水平差强人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 
重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas 
Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印
 刷版面就有 
2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也
 是栅格系统最早的雏形。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552897007817007.jpg&quot; title=&quot;b10.jpg&quot; alt=&quot;b10.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。&lt;br/&gt;网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。&lt;/p&gt;</description><pubDate>Tue, 11 Jun 2019 19:51:23 +0800</pubDate></item><item><title>给设计师的50个最新的高质量免费字体</title><link>http://a.a5zt.com/post/13.html</link><description>&lt;p&gt;正确的选择字体，也是设计师一项潜在技能，因为一个好字体可以让你的作品更有吸引力，传递非凡的视觉气场。正确的选择字体，也是设计师一项潜在技能，因为一个好字体可以让你的作品更有吸引力，传递非凡的视觉气场。&lt;br/&gt;而这篇文章的基本目的是为了向你展示流行的字体，当然最重要的是提供免费的打包下载链接。而这篇文章的基本目的是为了向你展示流行的字体，当然最重要的是提供免费的打包下载链接。正确的选择字体，也是设计师一项潜在技能，因为一个好字体可以让你的作品更有吸引力，传递非凡的视觉气场。&lt;br/&gt;而这篇文章的基本目的是为了向你展示流行的字体，当然最重要的是提供免费的打包下载链接。正确的选择字体，也是设计师一项潜在技能，因为一个好字体可以让你的作品更有吸引力，传递非凡的视觉气场。而这篇文章的基本目的是为了向你展示流行的字体，当然最重要的是提供免费的打包下载链接。正确的选择字体，也是设计师一项潜在技能，因为一个好字体可以让你的作品更有吸引力，传递非凡的视觉气场。&lt;br/&gt;而这篇文章的基本目的是为了向你展示流行的字体，当然最重要的是提供免费的打包下载链接。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552896833460424.jpg&quot; title=&quot;b2.jpg&quot; alt=&quot;b2.jpg&quot;/&gt;&lt;/p&gt;</description><pubDate>Tue, 11 Jun 2019 19:51:12 +0800</pubDate></item><item><title>如何提高插画能力？国外大神给出了他的自学过程！</title><link>http://a.a5zt.com/post/37.html</link><description>&lt;p&gt;对我来说，生命中最重要的价值观之一就是好奇心，这种让我有动力去不断发掘未知领域的心态，让我收益颇丰。另外，向他人学习这一点对我来说也非常重要。所以我想在此与你分享我的知识，希望它在某种程度上对你有所帮助。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://a.a5zt.com/zb_users/upload/2019/03/201903181552914443736286.jpg&quot; title=&quot;b11.jpg&quot; alt=&quot;b11.jpg&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;我习惯每天早上5点半左右起床，泡一杯茶或者咖啡，然后打开笔记本电脑，在这个时间段内我会屏蔽掉所有的社交和新闻信息。在过去的几个月里，我一直专注于学习西班牙语，我会在 Duolingo 上花15分钟来学习，坚持打卡。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;结束之后，我会开始学习写作，但写作对我来说算是一项新计划。前段时间我会利用这个时间来练习日常绘画，在下面的内容中，我会告诉你更多关于我是如何养成这种习惯的。&lt;/p&gt;&lt;p style=&quot;max-width: 750px;&quot;&gt;当设定好目标后，保证日常生活规律是执行计划的最佳方式。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Tue, 11 Jun 2019 19:50:24 +0800</pubDate></item></channel></rss>