bootstrap图片怎么横向布局_版面设计布局不恰当之“版面零碎不统一”的解决思路...

9e66b8b92c6a61927efc78b9b83960c1.png

信息内容这么多,但是还是要整齐美观!-请对齐标准线!

造成版面零碎的原因,很可能在于各项内容没有对齐。对齐是布局的一项基本工作。把各自的标准线对齐,才能方便读者阅读,从设计层面上让读者感受到“经过认真整理了”。下面介绍一下如何将很多内容美观地对齐的小窍门。

1/想把版面整理得很清爽-请将子版面的边缘对齐吧!

0bb0cf1d17fecced1ade638142237b18.png

版面的划分,有纵向的也有竖向的,请将其对齐在一条直线上!

本想做出具有动感的很活泼的设计,在这个过程中对图文进行了移动,结果给人一种零零碎碎的印象。

请将基本框架的边缘对齐,整齐布局吧!

2/想给人很整洁的印象-请把文字对齐吧!

7f95688572dde8015f830049e87b2c3d.png

名片上有很多条类目,将不同区域文字的起始位置对齐,这样看起来很美观。公司LOGO放在左边,如果公司地址,网址及联系方式之类的内容放在中间位置,文字的起始位置就会参差不齐,看起来困难,给人留下不好的印象。

通过对齐文字的起始位置,人们对名片的印象就从“看了后才知道是好名片”直接升级为“给人留下整洁印象的好名片”。

3/想让条目看起来漂亮-请把各个条目对齐吧!

e0947f968e94cbd7818a2703a061292a.png

如果强调阅读起来较方便,推荐文字左对齐。在分条目罗列时,位于前端的开始符号与后面的文字内容应隔开且排列整齐。符号是独立的,因此即使文字换行,阅读起来也较为容易。

本篇所示方法对于较长的问答与注释也使用。★◎※这些符号应与开始的文字和正文内容隔开,且分别排列整齐,这样更方便阅读。

4/想让版面避免参差不齐-请把图片与文字的边缘对齐吧!

9e992eb75269bad2abe212360f2e95c9.png

将标题,图片,说明文字等集中起来布局时,应把各自的横向长度对齐,将其巧妙地排在一个大小合适的框架中,这样会使版面更漂亮。

在类似设计中,如果需要将几个横向图文并列进行布局时,请尽可能对齐图片的纵向长度及文字!纵向也要对齐,这样就完美地完成了布局设计。

本文“版面设计布局不恰当之“版面零碎不统一”的解决思路”源自于麦子地平面设计培训课程版面设计,更多详细请查阅麦子地网站http://www.vrmaizidi.com教学经验分享!

谢谢!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值