Photoshop最常用的快捷键合集

对于设计师来说掌握 Photoshop 快捷键是非常重要的,在实际应用中可以减少多余的操作步骤,提高工作效率。这里为大家整理出设计师最常用的 Photoshop 快捷键,其中包含了 Mac 和 Win 的对应操作键,相信你一定能用得上。当然,好用的快捷键也不止这些,但掌握了也足够日常工作使用了。要想快捷键发挥最佳作用,最好的方法莫过于多用多练多总结,正所谓功夫虽好,唯手熟尔。

继续阅读“Photoshop最常用的快捷键合集”

如何让网页中的标题文字更吸引人?

设计就是在向用户传递信息,在设计的日常工作中,传递信息的方式大多都是图文相结合的形式,而文字作为信息传递中最直观的表现形式,对于整体而言是至关重要的一环。很多设计师一味强调追求图具有吸引力,而忽略了文字的重要性,最终导致图文无法结合、虎头蛇尾。说到文案吸引力,最佳的表现位置就是标题字,所以本期就和大家一起分析、总结一些比较实用的标题文字的处理方式,提升对读者的吸引力。

切割文字笔画

在文字排版中,想要提升标题文字的吸引力,就要与其他非标题性文字形成视觉上的反差、对比,进而让标题文字在整体排版中更加吸引用户眼球。这里说的第一个比较实用的处理手法就是切割文字笔画,即:以标题文字的笔画为切入点,在不影响其辨识度的前提下,通过一些特殊的处理手法,提升视觉比重。

切割文字笔画也可以理解为将文字的笔画分离字体的本身,然后再以文字笔画为切入点,进行处理,常用的笔画处理方式:变色、模糊、删除、阴影,下面我们逐一来看。

1. 分离笔画 – 变色处理

顾名思义就是有意将分离的字体笔画进行变色处理,提升标题文字本身字体上的变化强度,从而提升标题对于用户的吸引力。举例说明: 继续阅读“如何让网页中的标题文字更吸引人?”

H5网站交互页面跳转方式总结

大家都知道,制作网站在各个页面之间跳转那是相当多的,HTML5页面更是不少,这里也有不少的坑,这篇文章就简单分享一下这方面的话题。

传统的MPA

首先,说一个比较古老的东西,叫做 MPA。

MPA 的全称是 Multi-page Application,意思是整个应用(站点)由多个完整的 html 构成。用户在页面 1 点击跳转,需要向服务端请求页面 2,请求成功后渲染。而用户返回时,相当于是点击了浏览器的返回,页面退回到之前的历史记录,并重新加载出来。

在这样的模式下,页面间切换慢、不流畅的问题比较突出,尤其是在移动端。

同时,它还产生了几个小问题:

  • 跳转动画:页面间的跳转无法实现转场动画效果。
  • 如果前一个页比较长,用户滑动到页面比较靠下方的位置后点击,返回时,页面无法默认停留在原位置。
  • iOS 右滑返回产生问题,从页面 1 跳转到页面 2,再从页面 2 跳转到页面 3,右滑返回,会直接回到页面 1 前的页。

继续阅读“H5网站交互页面跳转方式总结”

App网页按钮设计小技巧

按钮越多,做决定的时间就越长。用户必须仔细看每个按钮,才能确定哪个是他们需要的。对于按钮的任何不确定性,都可能会导致他们不敢操作或误操作。

设计师可以把按钮的优先级设计得更加直观以减少这样的情况发生。当用户注意到哪个按钮与他们的任务目标更契合时,就能帮助他们快速做出决定。这篇文章就是介绍一些这样的设计技巧,通过简单的调整使得按钮变得更加直观有效。

根据阅读习惯设计按钮

在 App 中,一个常见错误就是按钮的排列顺序偏离了用户的阅读习惯。他们将优先级最高的按钮放在最前面,期望用户能首先注意到它。但其实只要按钮足够突出,视觉分量够重,用户就会注意到它,而无视它的排列顺序。

按钮顺序不是为了提供可视性,而是为了提高效率。在最前面放高优先级的按钮会导致用户自上而下的阅读习惯被打断,看到按钮后还会继续阅读下面的文字,然后再回过头来找前面的按钮进行操作。 继续阅读“App网页按钮设计小技巧”

产品设计开发过程中绘制流程图需要注意哪些事项?

流程图应用于许多领域,在互联网产品设计中,无论是产品经理、交互设计师,或者开发人员,都经常接触到各种类型的流程图。流程图不应该考验阅读者的理解能力,因此如何绘制清晰简洁的流程图,值得深入思考。本文将结合案例,说明互联网产品设计中,交互设计师绘制相关流程图需要注意的事项。

一、流程图的定义、优势及作用、基本构成元素

1. 什么是流程图?

ISO(国际标准化组织)对于流程图的定义,读起来有些晦涩难懂。通俗而言:流程图是通过使用箭头和不同形状的框,将流程中的关键操作路径呈现出来。

2. 流程图的优势及作用

流程图是对流程路径的一种可视化表达,易于理解,便于准确判断步骤之间的逻辑关系。规范的绘制思路和方法,可减少上下游不必要的沟通。

流程图对于记录复杂的操作任务流程很有帮助,在交互稿或交互文档中呈现流程图,有以下作用:

  1. 帮助交互设计师理清需求的关键任务路径。
  2. 便于产品上下游人员快速了解核心操作流。
  3. 有助于交互设计师对照复查页面流,避免缺漏或错误页面。

继续阅读“产品设计开发过程中绘制流程图需要注意哪些事项?”