对于设计师来说掌握 Photoshop 快捷键是非常重要的，在实际应用中可以减少多余的操作步骤，提高工作效率。这里为大家整理出设计师最常用的 Photoshop 快捷键，其中包含了 Mac 和 Win 的对应操作键，相信你一定能用得上。当然，好用的快捷键也不止这些，但掌握了也足够日常工作使用了。要想快捷键发挥最佳作用，最好的方法莫过于多用多练多总结，正所谓功夫虽好，唯手熟尔。
分类：网站建设
网站建设、网站制作、网页设计
如何让网页中的标题文字更吸引人？
设计就是在向用户传递信息，在设计的日常工作中，传递信息的方式大多都是图文相结合的形式，而文字作为信息传递中最直观的表现形式，对于整体而言是至关重要的一环。很多设计师一味强调追求图具有吸引力，而忽略了文字的重要性，最终导致图文无法结合、虎头蛇尾。说到文案吸引力，最佳的表现位置就是标题字，所以本期就和大家一起分析、总结一些比较实用的标题文字的处理方式，提升对读者的吸引力。
在文字排版中，想要提升标题文字的吸引力，就要与其他非标题性文字形成视觉上的反差、对比，进而让标题文字在整体排版中更加吸引用户眼球。这里说的第一个比较实用的处理手法就是切割文字笔画，即：以标题文字的笔画为切入点，在不影响其辨识度的前提下，通过一些特殊的处理手法，提升视觉比重。
切割文字笔画也可以理解为将文字的笔画分离字体的本身，然后再以文字笔画为切入点，进行处理，常用的笔画处理方式：变色、模糊、删除、阴影，下面我们逐一来看。
1. 分离笔画 – 变色处理
顾名思义就是有意将分离的字体笔画进行变色处理，提升标题文字本身字体上的变化强度，从而提升标题对于用户的吸引力。举例说明： 继续阅读“如何让网页中的标题文字更吸引人？”
H5网站交互页面跳转方式总结
大家都知道，制作网站在各个页面之间跳转那是相当多的，HTML5页面更是不少，这里也有不少的坑，这篇文章就简单分享一下这方面的话题。
首先，说一个比较古老的东西，叫做 MPA。
MPA 的全称是 Multi-page Application，意思是整个应用（站点）由多个完整的 html 构成。用户在页面 1 点击跳转，需要向服务端请求页面 2，请求成功后渲染。而用户返回时，相当于是点击了浏览器的返回，页面退回到之前的历史记录，并重新加载出来。
在这样的模式下，页面间切换慢、不流畅的问题比较突出，尤其是在移动端。
同时，它还产生了几个小问题：
- 跳转动画：页面间的跳转无法实现转场动画效果。
- 如果前一个页比较长，用户滑动到页面比较靠下方的位置后点击，返回时，页面无法默认停留在原位置。
- iOS 右滑返回产生问题，从页面 1 跳转到页面 2，再从页面 2 跳转到页面 3，右滑返回，会直接回到页面 1 前的页。
App网页按钮设计小技巧
按钮越多，做决定的时间就越长。用户必须仔细看每个按钮，才能确定哪个是他们需要的。对于按钮的任何不确定性，都可能会导致他们不敢操作或误操作。
设计师可以把按钮的优先级设计得更加直观以减少这样的情况发生。当用户注意到哪个按钮与他们的任务目标更契合时，就能帮助他们快速做出决定。这篇文章就是介绍一些这样的设计技巧，通过简单的调整使得按钮变得更加直观有效。
在 App 中，一个常见错误就是按钮的排列顺序偏离了用户的阅读习惯。他们将优先级最高的按钮放在最前面，期望用户能首先注意到它。但其实只要按钮足够突出，视觉分量够重，用户就会注意到它，而无视它的排列顺序。
按钮顺序不是为了提供可视性，而是为了提高效率。在最前面放高优先级的按钮会导致用户自上而下的阅读习惯被打断，看到按钮后还会继续阅读下面的文字，然后再回过头来找前面的按钮进行操作。 继续阅读“App网页按钮设计小技巧”
产品设计开发过程中绘制流程图需要注意哪些事项？
流程图应用于许多领域，在互联网产品设计中，无论是产品经理、交互设计师，或者开发人员，都经常接触到各种类型的流程图。流程图不应该考验阅读者的理解能力，因此如何绘制清晰简洁的流程图，值得深入思考。本文将结合案例，说明互联网产品设计中，交互设计师绘制相关流程图需要注意的事项。
一、流程图的定义、优势及作用、基本构成元素
1. 什么是流程图？
ISO（国际标准化组织）对于流程图的定义，读起来有些晦涩难懂。通俗而言：流程图是通过使用箭头和不同形状的框，将流程中的关键操作路径呈现出来。
2. 流程图的优势及作用
流程图是对流程路径的一种可视化表达，易于理解，便于准确判断步骤之间的逻辑关系。规范的绘制思路和方法，可减少上下游不必要的沟通。
流程图对于记录复杂的操作任务流程很有帮助，在交互稿或交互文档中呈现流程图，有以下作用：
- 帮助交互设计师理清需求的关键任务路径。
- 便于产品上下游人员快速了解核心操作流。
- 有助于交互设计师对照复查页面流，避免缺漏或错误页面。