• 高手出品!快速提升设计感的7个版式小妙招 - 优设网 - UISDC

    高手出品!快速提升设计感的7个版式小妙招

    2019/03/25 51106评论 23

    看了很多版式技巧仍排不好版?懂得很多套路仍做不好设计?其实也正常,因为大部分技巧都比较笼?#24120;?#27599;个人用起来?#19981;?#26377;不同的效果,所以葱爷特地总结了7个比较具体的小技巧,算是属于一学就会且很容易出效果的排版小妙招,希望能帮你解决一些比较具体的问题。

    文叠文

    该技巧操作起来很简单,就是在标题或内文下面,增加相关的英文单词或阿拉伯数字就可以了。不过在处理下面的文字时要注意:

    • 颜色要比上面的文字淡,以免影响其识别性;
    • 字体要用粗体,且字号要比上面的文字大;
    • 要与上面的文字错位排版。

    之所以这么处理是为了增加版面的层次、对比,以及丰富元素。

    给标题增?#26377;?#33394;块

    这是增强标题设计感的另一种处理方式,单纯的文字标题难免显得单调,我们可以通过增加辅助元素使它变得更丰富一点,比如在文字的基础上?#26377;?#33394;块。

    色块的高度最好大于笔画厚度,小于文字的高度,加上去的方式可以是叠加于文字之上,或是置于文字底部,创造出文字的一部分在色块内一部分在色块外的对比效果。还有,色块的颜色最好来源于版面中的其他元素。

    用斜线或点填充空白

    在做设计的时候常常会遇到这两?#26234;?#20917;,一是版面中会多出一些影响版面平衡的空白,但已经没有合?#23454;?#20869;容可以填充了,如果硬塞一些装饰文字或者图案,很可能会弄巧成拙;二是有的区域小元素小信息比较多、比较散。怎么办呢?

    这两?#26234;?#20917;都可以通过该方法解决。把斜线或点重复排列成一个矩形,然后把它填充在空白处就可以平衡版面,且不会造成突兀的感觉,如下图案例:

    要点?#21512;?#26465;不宜太粗,点也不宜太大,而且此方法只适合填补小空白,不适合填补大面积的空白。

    在比较散的元素?#36335;?#25490;一组斜线,可以把各个分散的元素联系起来,使其成为一个整体。如下图:

    把背景分成两个斜切的色块

    背景能很大程度地影响版面的设计感,这一点应该都有体会,常规的处理方式?#21069;?#32972;景作为一整个色块,而如果把背景分割成两个几何色块时,设计感立马就会增加不少。

    分割的方式好比用一?#35757;?#22312;背景的?#24179;?#20998;割处,划一条倾斜的直线贯穿版面,使整个背景一分为二,而这两个色块的颜色对比要比较强烈。另外,在横版中用左右分割,竖版中用上?#36335;?#21106;效果会比较好。

    给?#35745;?#21152;圆形色块

    增加对比关系是加强设计感的最有效技巧,我们也可以用此方式来优化?#35745;?#22914;果版面中的配图是没有背景的产品或人物,那么在这些?#35745;?#19978;加一个圆形的色块,创造出虚与实的对比,通常也能得到不错的效果。

    要点:

    • 色块可以置于?#35745;?#24213;部,也可以采用正片叠底压在?#35745;?#19978;方;
    • 圆形色块的边长至少要超出?#35745;?#23485;或高;
    • ?#35745;?#19982;色块要错位排?#23567;?/li>

    给每行文字?#25216;?#19968;个色块

    该手法在画册和海报设计中比较多见,与直接在一段文字?#36335;?#21152;一个大色块不同,而是要根据每行文字不同长度,单独加一个相应长短的色块,所以这些文字每一行的长?#22871;?#22909;是不一样的。

    这种处理方式可以使整段文字看起来更整体,增加文字视觉冲击力,而?#19968;?#33021;使文字与背景区隔开,加强文字的识别性。

    要点:

    • 段落文字行数太多或太少效果都不会很好,3-10行左右为最佳。
    • 各个小色块可以相互连起来,也可以相互隔开,以实际效果为准。

    用飘带装饰包装上的文字

    如果你看过的食品包装够多,你应该能发现,很多包装上的产品名称、广告语或者卖点等信息,都会摆放在一条飘带上。这么处理的效果通常不错,因为飘带具有礼品、赠送的寓意,用在哪里都不会太唐突,而且飘带的形式简单、有细节、变化丰富,很适合用作装饰元素。

    还有一点也很重要,飘带的形式一般都是柔软的曲线,这与版面中其他直线元素可以形?#19978;?#26126;的对比,加强版面的灵活性。

    结语

    以上的七个小妙招是不是既简单又实用,你们在做设计的时候记得拿出来试试。不过这些也确实只是小技巧而已,只能优化局部,不要指望用上这几招就能做出很好的设计,而且它们也不一定适合所有情形,在实?#20160;?#20316;中一定要具体问题具体分析,灵活运用。

    欢迎关注作者的微信公众号:「葱爷」

    优设大课堂

    非特殊?#24471;鰨?#26412;文版权归原作者所有,转载请注明出处
    本文地址:http://www.caxp.icu/7-improve-fashionable-skills

    发表评论 加载中....

    评论加载中....

    uisdc

    评论区都快饿瘪了,看看我期盼的小眼神...

    版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

    您还没有登录

    优设启用更安全省心的 微信扫码登录

    微信扫码

    300万设计师聚集地!优设网是极具人气的设计师平台
    2012年成立?#20004;瘢?#19968;直专注于设计师的学习成长交流

    把好文章收藏到微信

    打开微信,扫码分享
    学设计 优设网 在这里

    017期神七是特码
  • 北京时时放假 十一选五湖北开奖 52开奖网PK10 香港六合彩解特王 湖南赛车开奖结果走势图人彩 北京pk赛车号码走势图 重庆时时彩官方手机版 上海时时乐投注网 河内5分彩是官方开奖吗 华东彩票 河北时时走势图开奖号码 重庆福彩欢乐生肖 南京麻将 澳洲幸运5人工在线全天计划 最新孟料一码中特图片 澳洲幸运10计算公式