火星网校
当学会了这“3招”UI版式，整个人都精神了
发布时间：2023-12-01 15:41:06 浏览量：201次
编辑导语：随着互联网行业的快速发展，各种APP也开始应运而生，现在不论是哪个行业，关于UI设计师都是一个必要的岗位，设计好板式是很重要的一项工作，那怎样可以设计出属于自己的版式呢，本文就来为大家聊一聊！
每次拿到原型开始设计，总是没有好的想法；每次做出来的设计，不是同质化，就是很平庸，该如何破局？
这是80%的设计师目前的现状，设计好的UI版式真的很难么？答案显然是否定的。
如果，大家经常去关注一些前沿设计作品，设计概念，你就会发现别人的设计其实也没用什么牛逼的技法，就是普通的版式，也可以设计感很强。
他们到底怎么做到的？
下面我来给你拆解3个方向，尤其是第二个，很容易学；但，就是越简单的东西，越容易被忽略。
一、图文序列
图形与文字版式组合创新设计，形成可见的几何序列或者几何矩阵，从而达到增强设计版式的视觉效果。
比如，我们常见的线条序列几何、或者块面序列几何、点阵序列几何。
很多人说，这些我都知道，但是灵感从哪里来？我们做UI设计不一定只看这个领域的参考。
比如，我们可以去看看平面、品牌、建筑、装置艺术、概念艺术、街头艺术、建筑艺术。
来看个例子，下面这张平面海报的设计。
将图形与文字混合穿插排版，增强了形式感与版式感，这样的思路我们在UI版式中也可以使用。
这种设计手法特征关键词：穿插组合、几何序列、叠加序列、重复序列。
下面，我们看几个案例。
大量重复使用几何线条序列，区分信息层级的同时，还增加了版式感。
重复几何序列矩阵，叠加，重复切割。
Nike Run Club
二、比大更大
大小对比，我们从学设计时，就已经知道了，但就是用不好。
因为大家，把大小对比理解成就是放大或者缩小两者之间的差距，这个理解只能说正确一半。
我们要真正意义上理解大小对比，应该是需要更大，再大一些，形成鲜明的对比。
Short Waves Festival
Tech Central
杂志设计，大家应该都看过，之所以杂志周刊很有版式感、设计感，是因为他们设计大胆。
比如，字体喜欢用大号文字，这样更显得直观、清晰，在视觉上产生强烈的对比冲突，唤起思考。
下面，我们来看看在UI中的应用案例。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
请绑定手机号
1. 打开微信扫一扫，扫描左侧二维码
2. 添加老师微信，马上领取免费课程资源
同学您好！