-
让品牌有温度、有情感
专注品牌策划15年
UI风格（ui风格插画）
发布时间：2023-04-28 03:36:35
稿源：
创意岭 阅读：
130
大家好！今天让创意岭的小编来大家介绍下关于UI风格的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、ui设计分为哪几类
UI设计的分类是什么？
1、移动端UI设计
移动端一般指移动互联网终端，也就是通过无线技术上网接人互联网的终端设备，它的主要功能就是移动上网。在移动互联网时代，终端多样化成为移动互联网发展的一个重要趋势，除了手机之外还包含Pad、智能手表等。
2、PC端UI设计
PC即Personal Computer (个人计算机)的简称。所谓PC端UI设计主要指用户计算机界面设计，其中包括系统界面设计、软件界面设计、网站界面设计。
3、其他终端UI设计
除了前面所描述的终端设备需要用到UI界面设计外，当今市场中还包含许多其他终端设备同样需要用到UI界面设计。例如，智能电视、车载系统、ATM机等。
UI设计都包括什么？
1、视觉设计基础内容
通过对UI行业的讲解增加对整个行业深刻的认识，零基础学习PS和AI，在实际商业案例中学习PS/AI软件功能，多种商业案例、多类设计风格的学习让设计师面临各种需求时有所应对。
2、品牌运营视觉设计
学习手绘技能，结合手绘技能融合商业设计，系统打造商业品牌价值体系；每个品牌项目设计赋予准确的文化、理念、精神、与价值定位。
3、产品交互UI设计
学习Sketch软件操作，熟悉项目全流程介绍、项目产品认知；能够制作PC、APP、电视、小程序等客户端界面设计及交互；融入行业新知识、加入行业特性。
4、电商运营视觉设计
C4D空间场景搭建+PS高级合成，站在营销和创意的角度，设计出吸引人眼球的高流量宣传页面。 PC端+移动端双重讲解，学习高竞争力的电商应用知识。
5、UI项目实战高级进阶
设计师职业发展管理与项目思维复盘方法，理解品牌思维要点、用数据思维之道营销设计、视觉类项目实战与作品集润色、用户思维的格局、业务逻辑思维、可以做到视觉风格的应用及精细化设计、结构化思维与沿趋势设计；利用前沿趋势的设计、引进数据驱动、B类产品设计、AR/VR/MR体验交互设计。
二、如何在UI设计中体现设计风格？
UI的组成元素？界面大多都是由字体，图形，色彩构成的，这也是设计三大要素。那么在设计中，我们如何去处理好里面的关系呢，今天和大家分享一些常用的设计技巧，帮助大家在做设计时候更好去排版，英文示例只说明技巧中文同样适用。▲我们尝试把上图这个UI界面拆分一下，可以看到界面基本都是由字体、色彩、图形三大板块组成的。 ▲同理：上图我们按照同样的方式去拆分，依然可以获得三部分的内容 字重创建层级▲我们都知道字体是有重量的，不同的字重可以体现界面层级，特别是现在的iOS风格中，更强调通过字重对比来提升视觉层次，但是很多设计师只知道运用字体大小去做对比，却忽略了：运用字重和颜色去做层级区分同样适用。 ▲这段文字比较重要，就加大，这个文字次要就缩小,这是大多数设计师做设计的习惯，但是不要过多依赖大小对比去区分层级 ▲我们可以尝试通过加大字重，同样可以达到效果 ▲可以感受一下当视觉字重变化时，整体版面的层级区分 ▲字重的对比在平面设计，版式设计运用比较多 ▲品牌设计中，不同字重带来视觉感受和舒适度是截然不同的 ▲商品卡片设计中，通过字重区分层级的视觉效果，信息捕捉效率显然要比整个版面都用统一字重要更快。 颜色创建层级在UI排版中，除了字体层级，颜色也是很重要排版手法之一，做界面时候不要只用一种颜色，主要内容黑色，次要内容灰色（文章日期等）辅助内容浅灰色，然后结合前面所说字重运用，能很好的和信息组成视觉节奏。 ▲界面中的线条和色块都是区分层级的辅助手段，按照界面调性去实际调整 ▲错误做法：让文字变成浅色比较适合在白色背景下，如果不彩色背景上面使用灰色，因为带色彩背景和灰色如果一起使用，会显得界面特别脏，识别度还低 ▲通过对图片，彩色背景通过降低透明度的效果会更加好 ▲通过降低文字透明度也能拉开视觉层级 ▲选择与背景相同的色相，直到饱和度合适为止 投影运用创建层级市面流行风格里面，投影运用大都比较多，但是在用投影的时候，我们需要尽量保持它的干净和利索，不要使用过大的投影值和扩散范围，尽量使用柔和投影或者垂直投影。 间距创建层级 ▲我们在做很多设计的时候，容易用到很多分割，什么时候用线什么时候用投影，如何让界面更加干净，有时候通过留白来区分层级，效果会比线更加干净清爽。 中心轴创建层级 ▲这个页面中，很明显左边比右边好，右边信息缺少对齐和呼吸感，左边有一条明显中心轴让页面更加的清晰。
三、9种UI/UX设计案例，让你做出漂亮实用的设计界面
1. 深色主题
对于大家现在也看到很多的深色主题的app设计，它是2020年这年的设计趋势无疑。如果深色主题不会设计的同学，推荐看看相关教学视频。
2. UI插画
现在大多数界面已经加入插画设计，在UI设计中扁平化UI插画风格是使用最多的。
3. 动效设计&微交互
加入细微的动效，让界面灵动起来。我们知道如果加入动画会让网页内容增大，即使未来是5G网络也会让网页加载时间增加，这对于使用手机访问的用户来说，是非常致命的，2020年依然建议使用微动效即可。
4. 渐变
从18年开始就已经说渐变是未来趋势，其实到了20年也是一样，渐变还没过时，设计师们可以继续使用。
5. 大面积颜色
界面中填充大面积的颜色，这个可能比较少见，大量使用色彩时注意不要太多颜色，建议1-3种颜色为宜，否则会让页面花哨。这个颜色通常是与品牌有主色调有关。
6. 交互体验
产品除了需要漂亮的UI界面外，在功能方面必须符合用户实际使用需求，交互动效除了能提升视觉体验，且必须实用不花哨，这是用户喜欢你产品的重要条件之一。
7. 故事画板
小朋友为什么喜欢看绘本?因为有好看的图像吸引，所以为你的产品加入一些图文形式的故事解说也许更能取悦用户。
8. UI视频动画
在必要的情况下加入视频动画让用户更加了解你的产品，当然这样的制作成本会更加。
综上所述，在这8种UI/UX设计案例中，主要有UI插画、微动效、深色模式等设计风格，这是未来一年的UI/UX设计趋势。其中「动效」和「插画」设计是设计师必备技能，如果还不会的同学要赶紧学习哦!
四、UI设计都包括哪些类型？
第一种：PC端UI设计PC端UI设计，也就是电脑用户，界面指的就是电脑上的操作界面。像电脑版的QQ，微信，PS等软件和网页的一些按钮图标等。
第二种：移动端UI设计
移动端UI设计，也就是手机用户，界面指的就是手机界面，也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面，QQ聊天界面，手机桌面 。
第三种：游戏UI设计
游戏UI设计，用户也就是游戏UI用户，界面指的是游戏中的界面，像手游王者荣耀，端游英雄联盟和一些其它游戏中的界面，登录界面、个人装备属性界面也都是属于游戏UI设计。
第四种：其它UI设计
像VR界面、AR界面、ATM界面、一些智能设备的界面，比如智能电视、车载系统等等，用户较少，但又需要，未来有可能很火，有可能保持现状
以上就是关于UI风格相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
