千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计技巧|七种主流平面板式介绍

UI设计技巧|七种主流平面板式介绍

来源:千锋教育
发布人:小千
时间: 2021-05-17 09:36:00 1621215360

      在设计板式上面会有几种常见的流行板式,我们只需要遵循一定的规则即可轻松设计出想要的效果,下面小千就来给大家介绍一下。

      1.无衬线字体搭配手写英文

      比如给英文或者中文标题选择一个笔画很粗的无衬线字体,然后在它上面加一个或几个比较潦草、笔画较细的手写英文单词,就能得到一个很不错的效果。

      由于识别性不高,手写的英文单词最好是无关紧要的,主要是为了起装饰作用。

      在此基础上还可以进行色彩搭配,而且颜色对比最好要鲜明一点,这样就建立起了强烈的粗细对比、大小对比、刚柔对比、色彩对比等。适合在海报设计、画册设计、网页设计中使用。

1

      2. 把英文排成一个圆圈用于装饰

      你是不是常常发现自己设计好的版面太过规矩,或者有点空、缺乏细节?而增加一个用英文排成的圆圈就可以解决很多类似的问题。

      因为这个圆圈文字能与版面中的图片以及其他文字块形成轮廓对比、面和线的对比、曲和直的对比等。为了让其不太孤立和单调,最好把它叠加在图片或其他文字上面。

      组成圆圈的文字字体可以是衬线体、无衬线体或者手写体,但字号不宜太大,精致、秀气一点比较好看。

2

      3. 大间距与大行距

      在正常的排版中我们都知道,字间距和行距都不能太大,而且间距要比行距小,而在文字比较少、版面比较空的情况下,我们可以把一些不是很重要且字数比较少的文字,采用大间距、大行距的方式排版。

      这么做等于是把单词或者句子拆成了整齐排列的一组点,这样它就能与版面的其它元素形成点、线、面的对比,可以增强版面的设计感,而且能覆盖比较大的空间,起到装饰的作用。

3

      4. 在文字中填充图片

      为了效果比较好,用于填充图片的文字通常是字号较大、笔画较粗、字数较少的标题文字,图片也要选择质感好、颜值高的,如果是具象的图片则要尽量保证重要部分的完整性和识别性。

4

      5.文字立体效果

      不是说要把文字做立体字,而是把文字按照一定的结构进行组合,或者把文字变形处理,从而达到三维效果。

      由于文字常见的状态是扁平的,所以当打破文字这种常规的状态,将其图形化、赋予三维效果时,就会具有很强烈的视觉冲击。在使用这一技巧时要注意文字的识别性。

5

      6.描边文字与描边文字组

      这一技巧同样也适用于标题排版,字体同样要选择笔画较粗的无衬线体,而且字号要大,描边字与无描边字的字号要统一或者比较接近。

      这种效果比较好的原因是,描边文字与无描边文字组合在一起,可创造出鲜明的线面对比、虚实对比、轻重对比。为了保证文字的识别性,文字的描边不要太细,也别太粗。

6

      7. 去底大图与非去底小图组合

      在图片为人物、动物,或者产品的设计中,可以把最主要、或者质量最好的一张图片去底,并且拉大,然后再搭配 1-2 张比较小的方形图片,这样就能形成鲜明的大小对比和轮廓对比,效果也是不错的。这种排版方式在网页设计和画册设计中很常见。

7

      以上的 7 个版式小技巧还不错吧,赶紧去试一试。你们可能也发现了,其实它们都是巧妙运用了设计中的对比原则,比如大小对比、粗细对比、点线面、平面与立体对比、轮廓对比、虚实对比等等。所以熟练掌握对比非常重要,你也可以在对比的基础上,尝试出很多有趣、好看的排版技巧和设计形式。

      最后欢迎对UI设计感兴趣的同学来到千锋UI设计培训班了解我们的UI设计培训课程,现在更有免费学习资料可以领取,赶紧来领取吧。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT