版式设计的基础在于流畅地传达信息 ， 即在某种意义上制造一种“通顺”的秩序 ， 让信息在这样的“流”的状态下 ， 准确、有效地传播 。那么在UI设计中 ， 如何设计版式布局呢？有哪些好的布局方法？下面我们一起来了解学习一下 。
文章插图
初步编排
【如何设计版式布局？有哪些布局方法？】首先文档中梳理最基本的文案内容 ， 将文案放置到画面中简化做另一个初步框架的编排 。
信息分层
阅读文案并分类出主题、副标题、内容、时间信息以及小部分弱化文字的关系 ， 这样就可在之后的排版中做出字体、大小、位置、比例等信息的分层 。
放置背景找到问题
尝试置入背景找寻问题的所在 ， 例如填充底色 ， 再放入跟主题相关的素材融入看看大概的感觉 ， 当发现色系和风格不与主题相符时 ， 可尝试换成与主题相似的色系和素材找出影响版式美感的问题所在 。
版式编排
一般情况下可以利用色块先将文字层次划分出来 ， 比如主题可以放大 ， 小标题缩小 ， 内容层进行拆分 。
再结合一开始提到的布局比例关系 ， 当图像的面占比越大时 ， 版式上的构造就会相对简单的原理 ， 解决初学者或者想快速排出好版式的首选 。
解决配色
最简单的办法就是吸取你想要放置的主视觉图像或素材上的主颜色 ， 以此得到一个主色调与辅助色 ， 有人说另外一个颜色怎么配的 ， 正常利用相邻色、间隔色、互补色等等来找寻之间的配比关系 。
图像处理
比如可以利用渐变映射对其图像置换新的颜色 ， 扁平和手绘风改变其原有纹理和色彩质感 。
以上就是关于如何设计版式布局的一些相关技巧 ， 版式布局在设计中是很重要的一个操作 ， 好的版式布局可以有效的传达信息 。
推荐阅读
- UI设计如何提高转化率？有哪些技巧？
- UI设计流行哪些网页风格？有哪些方式？
- UI设计中如何打破网格规则？有哪些方法？
- UI设计中标签栏有什么作用？包含哪些内容？
- 淘宝店铺装修流程步骤是什么？如何装修？
- 淘宝直通车成交额在哪里看？如何提高成交额？
- 淘宝限购数量怎么解除？如何限购一件？
- 淘宝商品上架时间卡位怎么弄？如何操作？
- 快手小店有自然流量吗？流量如何变现？
- 快手小店的销量可以刷吗？如何添加商品类目？