UI版式设计模板，这样做才高级！

版式设计决定作品

视觉传达的传播工具

在这个时代，无论是纸媒还是互联网，信息的传播都离不开版式设计，好的版式设计可以在有限的页面内,以最快速、直接、有效的方式传递出核心的信息内容，并让受众建立深刻而良好的印象。

所以，今天我带领大家学习一些版式设计知识，希望可以帮助到你们早日做出爆款的版式~！

学习基础

首先，要了解到版式设计是将图片、文字进行编排组合，以此通过它来更好的传达作者想要传递的信息，并使得版面内容更加一目了然。那么，它有哪些主要构成部分呢？

看看实例模板，对优秀作品，建议多临摹学习！

手绘图片边缘粗糙效果网页

欧美博客网页版式设计素材

更多值得临摹学习UI版式设计素材，到模库网(MCOOL) 国外第一手新鲜的 UI Kits, Icons, Mockups, Texture 等优秀设计素材，同时更为前端设计、设计教程、设计理论、设计工具和设计欣赏等资讯内容.

如何做好版式设计进行分类总结

版式设计的好坏决定你的作品被记住的程度，想要做好它得从以下几点来探讨。

字体的选择

文字作为语言符号，无论在何种视觉媒体中都直接影响版式的视觉效果，它不仅是提高作品的诉求力更是赋予了版面审美的价值观。

 

设计资源 / 字体

高质量精选字体素材，包含中文字体,海报字体,衬线字体,无衬线字体,毛笔字体,手写字体,其他字体,字体下载,fonts.

选用字体时，先观看其设计风格再决定。其次，多看不同的字体，选择其中集中熟练地套

文字多列排版时，同样类型的文章一定要套用相同的样式，依据不同用途调整字距时，第一优先为文章阅读时的韵律感，其次才是调整编排的整齐度。

花式手写草书英文字体

色彩与配色

色彩有色相、明度、彩度三要素，各式各样的色彩可用CMYK混调呈现。印刷用色分别为CMYK混色与特别调制的特别色，要输出黑色质感时可考虑使用复色黑。

颜色会让人联想到温暖、冰冷、华丽等印象，编排设计时应善用利用颜色的印象并熟练使用。

可以参考 搜UI （SOOUI)  色彩搭配

在做版面设计时，比起单一色彩，更常遇到的是各种混色的连用。多认识颜色的一些使用特点，搭配颜色时可选用同色系、对比色、以及稍微偏离前2种色彩的配色。

版面留白的基本技巧

留白的意义是在虚无的空间感中突显主要视觉的存在感，为此强调主角视觉感的分量。