标签: 教程

  • 设计中标题文字如何处理?会更诱人!

    设计中标题文字如何处理?会更诱人!

    图片

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

    图片

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

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

    分离笔画-变色处理

    顾名思义就是将有意分离的字体笔画进行变色处理,提升标题文字本身字体上的变化强度,从而提升标题对于用户的吸引力,举例说明:

    图片

    上图中,这两种标题形式在设计工作中都是可取的,只是相对比而言,案例1给人的感觉更加平缓,属于比较常见、中规中矩。而案例2则更加新颖,在视觉上相比变化更强烈(主要体现在文字笔画与笔画之间),更加吸引用户眼球,也起到了一定的提升作品设计感的作用。

    分离笔画-模糊处理

    同样的理解方式,就是将分离的字体笔画进行模糊化处理,目的是通过笔画与笔画之间的虚实对比,营造出视觉上的前后关系,从而提升标题文字在整体文案中的视觉注意力,举例说明:

    图片

    上图案例中通过对比我们发现:案例4相较于案例3更吸引人,原因在于其笔画之间的虚实结合使得字体本身就形成了一定的反差感,形式上的多变造就了文字更吸引人,同时如果感觉文字笔画之间的变化强度不够,可以结合变色+模糊相结合的处理形式,比如:

    图片

    这样给人的感觉就更加强烈、也更诱人,但是这种笔画之间的变化多了,也就意味着掌握的难度提升了,一定要避免过多的效果导致出现乱的现象。

    分离笔画-阴影处理

    可以理解为将文字笔画分开来看,通过添加阴影的方式,营造视觉上笔画的前后关系,从而增强其整体的视觉变化,举例说明:

    图片

    上图中,案例8就是通过给文字笔画添加阴影的形式,使得笔画与笔画之间在视觉上形成了很明显的前后遮挡关系,将原本平面的文字变得更立体,也更易于吸引用户眼球。这种处理手法在平时工作中也很实用,只需要理清楚笔画的前后逻辑关系,通过画笔涂抹的方式慢慢调整即可。

    分离笔画-删除处理

    删除笔画的处理形式相对来说在工作中运用的较少,因为一旦处理不恰当,很容易影响字体本身的辨识度,导致适得其反,举例说明:

    图片

    如上图所示,删除了一些笔画,给用户留下来一些想象的空间,也是比较新颖的处理方式,比较适合一些平面海报标题的设计,比如:

    图片

    这种删除字体笔画的处理形式虽然很新颖,但是应用的局限性较大,属于比较难把控的一种。

    注意:将文字笔画单独拆分出来进行处理的手法,一定不要过于追求变化强烈,否则很容易导致标题文字非但没有起到吸引用户的作用,反而最基本的辨识度都会被破坏,一定要把握好度。

    图片

    在日常工作中,通过给标题文字添加辅助元素,从而突出标题的处理手法是非常实用的,这里所说的辅助元素可以分为很多种,比如:图形、肌理、光效等等,目的都是借助辅助元素与标题文字的相互结合,让文案标题的视觉形象更鲜明、更吸引用户。关于添加肌理和光效的,在之前文章中说过《为什么不能把标题做的更明显呢?》,今天着重说下图形篇:

    添加辅助元素-图形篇

    添加图形是属于比较直观且应用广泛的一种处理方式,而这里的图形一般情况下会和标题文字在属性上有所反差,这样有利于最终效果的呈现更加明显,举例说明:

    图片

    如上图所示,标题文字通过添加下划线、边框、形状等等辅助图形元素,较常规标题而言,其视觉变化更加强烈,整体丰富度提升了很多。但是这种辅助元素不能添加太多,否则很容易出现乱的现象,要让这些添加的元素与标题形成相辅相成的关系,不能为了加而加!看个设计中的案例:

    图片

    通过对比我们发现,右侧案例视觉更丰富,且标题文字添加下划线后,其在画面整体的视觉形象更加鲜明、更吸引用户眼球。

    图片

    现实生活中一个物品如果置身于某一个环境内,它自身就会受到周围环境的影响,而如果我们假定环境,将标题文字看做物品,那么我们就可以给与标题文字环境感处理,比如:投影、倒影、发光、环境色等等,这样就间接的增强了标题文字的视觉变化,从而起到吸引用户眼球的作用,举例说明:

    图片

    如上图所示,把文字当做处于环境中物体,通过投影、倒影、阴影的方式进行体现其环境感,在视觉上有了更深的层次变化,也能起到强调、加深印象的作用。这种营造环境感的处理形式在平时工作中也很实用。

    再说下发光的处理手法,这种形式大多用在暗色调的画面中,将文字看做一个发光体,其即受周围环境的影响又影响着周围环境,举例说明:

    图片

    上图中虽然说左右两种表现形式文字都比较清晰、明了,但是就视觉感受而言,右侧将文字作为发光体与周围环境相辅相成、融为一体的处理形式更容易吸引用户眼球,而且更加新颖、有创意。这种表现形式在一些电商海报中也很常见,比如:

    图片

    发光的效果给人的感受很舒服,打破了常规的单纯平面编排文字的现象,将文字场景化,使其更诱人。

    图片

    还有一些在平时工作比较实用的,只不过或多或少在之前文章中都有提过,这里以补充说明形式向大家说下:

    标题文字-关键词变色

    说到关键词变色算是比较常用的一种,就是将原本标题文字中一些关键词进行变色处理,目的是增加标题文字的视觉变化强度,举例说明:

    图片

    通过将案例中“免息”一词变色处理,使得标题在视觉感受上更加明显、有吸引力,而且给人的感觉也很舒服,这种处理手法是非常实用的,不妨多试试。

    标题文字-描边

    描边文字在平时工作中用到的相对少一些,这种处理手法也间接的起到了打破常规的作用,当我们一直按照某一些常规形式工作时,偶尔做一些改变也许会收到意想不到的效果,下面我们看个例子:

    图片

    标题文字-与主体遮挡

    文字与主体营造遮挡关系也是在日常工作中很实用的一种,就是将主体与文字相互穿插排放,通过必要位置的阴影进行加深体现。虽然元素并不多,但是最终呈现的视觉效果却很舒服、有吸引力,举个例子:

    图片

    图片

    这种主体与标题穿插表现的形式使得两者更加整体,对于画面而言:主体和标题都起到了很好的强调作用。

    图片

    文章中提到了一些比较实用的提升标题文字吸引力的处理手法,但是需要注意不能过于追求效果而忽略了设计的本质,要根据需求选择恰当的处理使用,不管何种形式,都要保证文字本身的识别性。文章中提到的并非全部,主要还是为大家提供一个可以参考的方向,要学会举一反三、大胆尝试。下期再见

  • 篮球进阶教程–突破第一步的技术详解(3)

    篮球进阶教程–突破第一步的技术详解(3)

    第四例

    乔丹单打“滑翔机”德雷克斯勒。这似乎是 1992年总决赛上的一个球。可以看到,防守人站的位置有些随意,身体的发力程度也比较松散,显然强度不大。乔丹突得很坚决,但是对手毕竟是老江湖,乔丹 也没有掉以轻心,突破第一步的外拉幅度很大,重心降低的程度也很到位,左手护球更是一直维持到开始上篮,左手压根都没摆臂一直在护球。而即使这样,我们看 乔丹最后出手之前,德雷克斯勒依然在乔丹左后方用左手试图断球。而这个动作,要是别的球员可能就被断球了。正因为乔丹在平日练习的时候养成了比较好的习 惯,也就是我们讲的时刻让球远离防守威胁的方向,乔丹在起跳的瞬间还下意识的把球往右侧举起。正是这个细节救了命,上篮成功的完成。但是各位在看这个细节 的时候,一定要知道,这个躲避不是偶然的,正是台下十年功的效果。

    第五例

    这个球是一个非同侧腿迈第一步突破的例 子。乔丹先是向习惯突破的右侧做了一个佯装突破的假动作,对手上钩,然后乔丹迅速向左突破迈步,这个球由于防守人已经被我们的假动作骗了,所以,脚踝和地 面的夹角没必要太小了,以速度为主了。但是乔丹依然谨慎的降低了重心,这说明对手也是速度很快的人,而这个球我们要重点注意乔丹的护球手,也就是右手。手 臂的摆动大的有些离谱且笔直。这是为了彻底摆脱防守人而做的动作。

    第六例

    这个球是比赛的最后关键时刻出现的。而乔 丹居然把这种绝杀演绎的这样写意甚至闲庭信步,这说明他的技术实在是太纯熟了。这个球是一个左手突破而后左手上篮的例子。乔丹先是一个胯下运球,换到左 手。对手明显站位出现漏洞,在乔丹换到左手运球以后防守人居然呆在原地而没有横向调整位置,于是乔丹顺势从左侧突破。虽然防守人站位出了点问题,但是由于 是超低身防守也就是主要防止突破的防守动作,所以,乔丹横拉的第一步外加上右手的护球动作,这次的护球有一些主动意识的阻挡对手移动的趋势,不过这个程度 裁判是不会吹的。利用右肩与右手的护球动作,乔丹始终把防守人压在身子斜后方且让对手难以起跳(有身体接触,并且有几次倚靠对方,让对方无法发力起跳)。

    第七例

    这个球是1997年的一次总决赛的绝杀。 乔丹在前些日子的进入名人堂的演讲时候,还提到了这个防守人拉塞尔。据说在1995年乔丹打棒球的时候,拉塞尔曾对乔丹大放厥词说,幸亏你退役了,你要是 出现在球场上我一定会防死你。于是97年,总决赛,乔丹说,你有机会防死我了。于是,这个球成为一个经典,也是第一次乔丹在总决赛以绝杀形式羞辱拉塞尔。 不过,拉塞尔确实是一个非常出色的防守人,从斯隆教练用他防守乔丹就可以看出来。另外,乔丹显然也知道拉塞尔防守很出色。所以,乔丹在奇才复出期间,还特 意把拉塞尔招致麾下增强防守。可惜的是拉塞尔确实被乔丹毁掉了,在奇才时期他就已经很平庸了。

    我们来看这个球,这个球我们需要注意的是 乔丹的眼睛。在突破之前,乔丹一直在看着拉塞尔,并且注意力非常集中,显然,乔丹这个球打算针对防守来做动作而不是主动进攻。乔丹在挑逗拉塞尔,果然,拉 塞尔上钩,在超低身防守的过程中,一次急功近利的上抢。乔丹早有准备,在拉塞尔上抢的瞬间,迅速向左侧降低重心用左手横向向左前方运球,一大步直接过掉防 守人,完成投篮。

    第八例

    这个球我们前文曾见过一次,这次来分析突 破技巧。首先,防守人马丁防守动作很专业,半蹲动作且双手张开位于胸前外侧,并且随着乔丹的刺探步在不停的移动脚步。很显然马丁显得有些紧张,动作很敏 捷,注意力很集中。我们上几个例子就讲过,这种情况的防守人,最容易吃假动作。于是,乔丹在刺探步做完以后,左臂迅速横向向左侧运球,降低重心外加右手护 球。从图片角度看护球不是很清晰,不过很显然右臂整体把马丁挡在身后了。而马丁因为精力集中跟得很紧,这个时候乔丹一反常态的使用了一个后撤步,马丁判断 失误且后退防守过猛而摔倒。之所以说马丁会失误,这个球其实和之前的艾弗森单打泰伦卢那个球有异曲同工的地方,在正常说来,完全晃掉了防守人,应该是利用 大好机会突破到篮下才对。而乔丹此时居然一反常态的使用了后撤步来跳投,后撤步的意思很明显,乔丹显然知道马丁的弹跳很好盖帽能力强,另一方面,也说明乔 丹对自己的投篮极有信心。

    第九例

    这个球可以说是一个突破技术的经典范例。 尽管第一步因为有人掩护而迈步比较随意,但是也都把该做的技术做到位了,说明麦蒂的基本功非常扎实,这些突破第一步的技巧早已养成习惯。很显然,尽管有人 挡拆作掩护,麦蒂依然是降低重心横向运球来开始第一步。之后的第二步一直到最后一路杀到篮下一直到完成扣篮。麦蒂一直是很好的阐释了“绕”的理念,并且全 程超低身运球切脚踝和地面夹角很小,身体倾斜很厉害,并且始终左手在护球。整个突破几乎过掉了所有的湖人球员,在球场画出一个大大的半圆形突破轨迹。全程 没有用到假动作而只是依靠突破技巧就完成了一次进攻。

    第十例

    这个球和之前的乔丹的那次左手上篮有异曲 同工之处,放在这里可以对比一下。突破原理完全一样,突破前一个反方向的假动作让对方重心略微偏移,而后开始降低重心超低身突破,以左手扣篮完成进攻。也 要顺便注意麦蒂的右手护球技巧,让被过掉的防守人一直没找到几乎下手。

    第十一例

    这是一个典型的技巧过人案例。科比在上篮 之前在三分线附近,就利用横向带球等于连续过掉两个人,且让对方防守阵容乱掉了,然后在弧顶顺势杀入篮下,完成进攻。整个进攻科比都没有用到太快的速度, 就是利用突破技术顺理成章的杀到篮下了。而在过掉第二个防守人的时候,各位可以留意科比的左手护球动作。

    第十二例

    这是乔丹早年的一个球。很显然,乔丹很早 的时候过人就很纯熟了。这个球,防守人的站位其实距离比较远,属于不好突破的机会,不过乔丹早期喜爱突破,这个球如果换到后期乔丹就会中投了。于是,乔丹 决心突到篮下,一个大跨步降低重心横向体前放球,“绕”,两步直接过掉防守人,且在过人之后把他压在身后。这个球可以看到乔丹的步幅非常大。

    第十三例

    这个球,乔丹在三分线的底线附近,背身拿 球,先是一个常规的右腿横向迈步假动作让对方因为进攻方背对自己而瞬间犹豫,而后,乔丹突然由背对的姿态,直接转身超低重心+外侧运球+倾斜身体把对方挡 在身后+左手护球,一气呵成的过掉了对手。显然防守人被过掉以后连从背后断球的可能都没有的,防守人也明显放弃抵抗了。

    第十四例

    很多人说詹姆斯只是身体素质好,而这个球 的细节,就可以看出来詹姆斯的技术也很细腻。在突破到了罚球线附近,有人补防,詹姆斯突然利用突破第一步技术,横向带球降低重心迅速摆脱还在惯性中的防守 人,而直接去扣篮了。

    第十五例

    这个球除了突破第一步的技巧外,还为了让 各位重视过掉对手以后的背后断球动作。仔细看这个球,乔丹过人之后,对方从背后下手断球,还是那句话,要是一般人就被断掉了。我们仔细看着时候乔丹的拿球 位置,这是很有学问的,显而易见是专门做过针对性练习的。乔丹把球举到了右侧肩外,远离了所有防守人。别看这只是一个小小的细节动作,但是在训练里面究竟 用了几个月才能养成这个习惯,我们只有自己去练了才会明白。

    第十六例

    这个球,是一个突破第一步的典范,由于韦 弗的防守很好,科比不敢怠慢,所以动作做得比较到位。第一步步幅很大,速度很快,也降低了重心,并且还有左手护球,一步直接过掉。

    第十七例

    这个球图片切的不太完整。不过我们主要是 为了看乔丹的那个“钻”的动作。让球完全的远离了防守人,并且超低身倾斜身体,让对方不敢做动作。顺便再来欣赏一下这个空中躲闪吧。

    第十八例

    。乔丹打皮蓬,这个球出现在1994年皮蓬的 慈善比赛上。乔丹一个小幅度的投篮假动作,皮蓬被晃,虽没有跳起重心已经失去了。乔丹了解皮蓬防守能力,即使晃了,仍不敢怠慢,仍然是超低身运球+右手护 球+倾斜身体+防止背后抄球举球动作。

    第十九例

    这个球无疑是最为经典的了。这个球很大一部分的 功劳,都要归功于乔丹的突破第一步的技巧。如果单从动作效果来看,我们很难分辨这究竟是一个有意识的假动作还是一个突破过程中的即兴变向运球。当然,根据 比赛的情势和前因后果我们可以判断出这是一个有计划的假动作。乔丹从运球过半场就开始做计划了。而拉塞尔为了报1997年的最后被绝杀的一箭之仇而哞足了 劲。这就又陷入了我们前面说的误区,这样的情况最容易吃假动作。果不其然,由于防守的速度太快,而被乔丹的假动作晃倒在地。

    这个球,乔丹把突破第一步的技术表现到了 极致,也最完美的阐述了我们上文所讲到的全部技巧。无论是超低身幅度,还是左手护球,还是突破的脚步迈步幅度,还是放球的位置,都完全100%的吻合了我 们所讲解的技术,这正是我们在私下练习突破动作的完美模板。当然,由于第二步就是一个主动的假动作,所以,这个球,我们在这里也只能学习第一步了。当然, 这个球是一个经典技术打法,日后我们会在百种单挑技巧里面单独讲到的。

    而最后我给出的这段视频,是我早在去年暑 假期间就录制完成的,因为我知道讲解突破最好还是短裤最为方便,所以我趁着夏天没结束的时候去录制的。由于我的身体机能这一年下降的比较厉害,这是我熬夜 工作的关系,所以,对于这些突破的练习动作我都有些力不从心了,我主要给各位演示的是突破之前的假动作和刺探步,还有就是突破第一步和第二步的的技巧,第 三步我就几乎不发力了。之后的上篮也是随手去投的,各位在训练的时候是不能这样的。因为身体较差,所以我每次只录制15分钟就不行了,累到眼睛看东西发 白,所以这些视频是分三次录制完成的。其中有次我是找朋友站在身前佯作防守,是为了作为一个参照物,看看我究竟迈步躲出去多远,还有就是超低身的幅度是什 么样的,是为了给各位一个比较直观的印象。录像机的摆放位置一直都不太理想,所以录制向左侧突破的时候只能录上前两步,后面的动作我都白做了没录上。这主 要是为了能录制出理想的地面夹角的缘故。

    另外顺便说一下,由于我目前工作的计划又 增加了一些,所以以后工作会更忙,写文章会稍慢,回复评论肯定无法及时,希望各位理解。我一开始打算随机挑选一些评论回复,后来觉得欠妥,大多数朋友问问 题似乎都希望有答案,所以,我会在我休息的日子集中解答的,有些问题可能会拖延一个月才能回复,所以各位别太急于看到回复,安心练球就好。

    最后再来综合全篇强调一 下。突破第一步的练习,最忌讳迈不开步,要大步,练习大幅度迈步,把超低身第一步的大幅度迈步炼成习惯并且熟练成为下意识的动作,要让突破第一步的技巧完 全发挥而且把速度提到最大。大幅度的快速带球技术一定要练成下意识的动作。也许日后不是每个对手都需要你这么去过人,不过这是你的基础,也是你的王牌,练 好了,即使乔丹在防守,你也一样突破过去。