当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >如何让设计标题更突出?Get这五种常用技法就够了!

如何让设计标题更突出?Get这五种常用技法就够了!

发布时间:2019-03-21 09:10:53

标题是内容的精华提炼。在设计中标题的意义在于快速传达画面所要表现的重要信息,让用户一目了然。所以凸显标题尤其重要。如何让设计标题更突出?

很多设计师处理标题时会把重心放到文字重新编排、变形处理等这样一系列动作上。然而还是会听到“标题有点单薄了”“主题不太能突出”……面对这种一切合理但总觉得缺点啥的问题,我们可能必须对标题再加点料了!

一:增强整体性

为标题增加统一的背景或边框,能够增强文案中字与字的亲密性,整个标题区域化后变得非常突出、醒目。

1-1.webp.jpg

(描边式背景:文字做描边设计后填充空隙,得到的形状不规则,有活泼感)

1-2.webp.jpg

(图形化背景:通常在一些规则形基础上做局部特殊化处理,不要过于复杂化,避免喧宾夺主)

1-3.webp.jpg

(线框式:图中给标题整体加线框时,为避免版式呆板,做了破形。通常用于文案较多或者排版零碎时使用)

二:打造立体感

字体一旦添加了立体感很容易从画面中凸显出来,给用户带来更强的视觉感受,但是无论是合成场景还是扁平化其立体感强度表现手法是不同的,需要根据我们所要表现的整体风格来决定。

2-1.webp.jpg

2-2.webp.jpg

2-3.webp.jpg

三:叠加材质

添加材质是做标题处理时的一个点睛之笔,能够增强用户的记忆。视觉氛围强的质感类专题页设计中使用的较多(通常材质选择:金属/大理石/木纹等)。

3-1.webp.jpg

3-2.webp.jpg

3-3.webp.jpg

(斑驳感在扁平化中相对说比较好把控,用画笔随便涂抹下,有种似有似无的感觉就ok)

注意:在扁平化设计添加材质一般较少,偶尔需要用到时,一定要把握好度,看加上之后整体是否是协调的,如果做不到这一点,千万不要加!

四:增加层次

通过前后的遮挡关系,营造出了空间关系,层次感很强,需注意统一光影的方向,在过渡上要柔和。

4-1.webp.jpg

4-2.webp.jpg

五:自由替换

通过替换笔画的颜色或者是形态来丰富画面

5-1.webp.jpg

(替换笔画的颜色:使得设计感增强,强调重点文案,同时能够更好融合进画面中去)

5-2.webp.jpg

5-3.webp.jpg

(图形化:以图形化的元素替换掉文字中的某一部位,可以丰富画面,更具有趣味性,通常整段标题会替换1-2处,否则会降低识别度,显得花哨凌乱)

我们在去做时需要注意以下几点:

1.对标题的细节处理切忌过于繁琐,应以识别性为主

2.应依据画面风格确定具体表现形式

3.可以组合使用,灵活应用会给你惊喜

6.webp.jpg

无论哪种处理形式,都是为了更好的进行视觉表现,希望这些方法能为大家打开一些思路,灵活组合,让页面气质提升一大步!

作者:潘瑞  

来源:UI设计师之家    

本文章图片来源于网络,仅做设计交流使用,如有侵权,请联删

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定