南京ui设计中图片排版的技巧

发布者: u-walker 发布时间: 2019-07-16 浏览 108
  南京ui设计中图片排版的技巧。图片排版的方法有很多,合适的排版可以增加用户关注度以及用户体验。下面,小编就给零基础学ui的学员分享一些图片排版的技巧。

南京ui设计中图片排版的技巧

  一、单图排版

  1、平铺

  把图片铺满整个版面,多用于封面设计或者把图片当作背景,或者在内页把某一半平铺一张大图,另一半排列文字或小图。平铺的图片比较有张力,有视觉重心的图片适合这么处理。

  2、四周留白

  即图片要比版面小,让其四周都留出空白。一般分两种情况,一是图片位于版面正中央,图片周围的留白是对称的,这种效果类似于相框,常用于封面设计,另一种情况是图片和周围的留白并不对称,留白较多的区域会用来排文字,常用于海报设计和画册内页设计。推荐阅读>>>产品设计中的用户提示有哪些分类

  3、拆分

  把一张图片拆分成几份,然后隔开一些排列,这么做比单独放一张图片会更有设计感和趣味性,风景类图片适合这么处理。

  4、跨版

  南京ui设计在画册设计中,让图片同时占据两个版面,当在一个跨版中只有一张图片时,如果只把图片排在某一个版中,那么另一半就容易单调,这种情况下,通常会使用跨版,而且图片放大后会更有张力,还能把左右两个版面关联起来。

  二、双图排版

  1、统一大小对齐排版

  在一些作品集或产品画册中常用到这种方法,视觉流程简单、清晰。

  2、统一大小错位排版

  比对齐排版更有动感,且由于图片不多,所以也不会显得混乱。

  3、一大一小排版

  这种排版对比鲜明,有张弛,可以在一个跨版中使用,还可以把其中的一张图片去底,这么组合起来更灵活,对比更强烈。

  三、多图排版

  1、自由排版

  大小不需要统一,图片与图片之间也不一定要严格对齐,效果比较灵活,设计感较强,常用于杂志排版中。但要注意的是,图片不要排的太分散,最好要有大小对比。

  2、错位排版

  把相连两张图片刻意错开,或者把图片与文字的位置互换,这么做可以有效打破图片完全对齐的单调,且有一定的规律,不会对视觉流程造成太大影响。

  3、按路径排版

  适合数量较多的同类图片使用,可以避免图片排得太过分散,如果不统一图片的大小和方向,效果会比较活泼但不规范,适用于照片墙和儿童画册的排版。

  南京ui设计中图片排版的技巧。图片的排版技巧有很多,不局限于以上这几种,设计师在实际操作过程中,可以根据自身产品的特性,去选择和创新。

本页网址:https://www.u-walker.com/nanjing/731.html

上一篇: 南京ui设计如何增长banner点击率

下一篇: ui设计师如何准备自我介绍

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部