火星网校
UI设计中可借鉴平面设计技巧
发布时间：2024-01-22 14:26:03 浏览量：153次
UI设计是随着智能设备的飞速发展、互联网行业的发展以及农林牧渔传统行业的急于转向而兴起。主要是企业对移动设备交互界面的重视。在企业越来越重视界面设计的今天。传统的平面设计能为现在我们的UI设计提供哪些参考呢，我们能从中借鉴的技巧有哪些？今天就从板式设计说起。
板式设计
在UI设计中板式设计不言而喻是非常重要的。板式设计就如同盖房子先要搭好框架一样。一款APP视觉呈现是不是符合商业性并兼具审美。其中的板式设计是其核心。而在平面设计中板式设计也是一个作品的核心。平面设计长时间的发展积淀了相当多实用的技巧和方法。
一、形势方法
板式设计中形势方法指的是、画面的表现方法和原理。说白了就是画面要出什么效果就用什么表现手法而已。平面设计中形势方法可以分为。虚空留白、比例适度、对比调和、变化统一、变异秩序、节奏韵律、重复交错、对称均衡等。今天我们举例分析一下前四个。
1、虚空留白（适合现在极简设计风格）
这种板式设计主要是突出主题，给人以轻松愉悦的感觉。适合文艺范的和有逼格的app界面使用，能够营造出高品质的界面风格。但是如果一旦运用不得当容易出现界面空或单调的感觉。
2、比例适度（协调UI中各部分内容）
平面设计中所说的比例适度主要是整体和部分的协调，采用合理的比例方法，如：黄金比例、等差等比。去协调各部分的关系使各部分要素产生联系。在UI版面布局中正是需要调节和有机的组合各要素在有限的界面里的合理性。
3、对比调和（UI中信息层级的表现）
对比调和在平面设计中是经常用到的，整体版面要调和，局部版面要对比。对比是强调主次关系。对比调和用到UI设计中可以做到设计内容在主次关系的层级化。在统一调和的界面里又充满了对比的小情调。这正是平面不平之所在，也是一个优秀的界面所必备的。
4、变化与统一（是UI突破同质化的一种方法）
变化与统一是形式美法则的总则。是其他方法方式的一个总结。变化所说的就是在设计中要有所创新不能总墨守成规，统一是设计要做到视觉上的愉悦而不是虽然有局部吸引人的眼球但是整体一看却是辣眼睛。变化和统一也许是突破现在APP同质化的一种方法。在现在APP同质化严重的情况下我们能做到APP的风格统一又不墨守成规寻求变化才是营造自己风格的一种方法。
这些平面设计里的形式美法则在UI设计中同样受用。这些表面形式在做banner图构图和创意上也特别有用。
二、板式设计基本类型
板式设计的基本类型有特别多。我们这里着重分析其中对UI设计最有帮助的骨骼型、左右分割、曲线型、满版型这几个基本类型。
1、骨骼型（类似网格构图）
这里说的骨骼型就是在板式构图中，进行横竖向的分栏。能容严格按照分栏排列。版面效果沉稳厚重，井然有序，如果横竖分栏交叉排列还可制造灵动活泼的版面气氛。非常类似网格构图的方法。在UI设计中也很受用，可以很好的规范个元素的位置。（如果你对目前的界面设计一筹莫展，不妨可以试试这种方法）
2、左右分割型（瀑布流）
左右分割不外乎就是把版面左右分开在配之以图文。在UI中的应用是随着扁平化卡片化的兴起，在移动端界面尺寸的限制下，开始进行了信息的分割处理。横向的卡片式布局使得一屏内所看到的信息受到了极大的限制（不利于用户体验，卡片式并非万能）。所以就应用的左右分割的布局。左右分割有利于信息的呈现，可以与瀑布流结合。
3、曲线型（UI方向1）
曲线型主要表现的是韵律和节奏，可能符合一部分小众APP设计界面设计，充满了特色和戏剧性。我觉得有特色的界面设计是这些小众APP的设计核心。可以利用另类的小众的设计做吸引。
4、满版型（UI方向2）
满版设计在平面设计中主要表达大方、舒展的设计风格。在UI移动端界面设计中寸土寸金。现在的扁平化，极简设计风格都在留白提升逼格。但是未来极简设计终将过去，我们面对的还是海量信息。
结束语
板式设计是平面设计的一部分，也应该是UI设计的一部分。这里仅仅是说出了板式设计的一点点内容，部分的形式美法则和板式设计的基本类型。还有很多很多对UI设计有利的点没有发掘。站在巨人的肩上可以看的更远，平面设计就是我们前进的加速剂。
本文由 @彪形大汉 原创发布于人人都是产品经理。未经许可，禁止转载。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
