火星网校
学好UI设计，如何体现UI界面设计高级感
发布时间：2024-03-11 10:23:26 浏览量：139次
作者：刘涛导师
最近HMI班级同学设计接近尾声了，大部分同学都在做中控设计，其中就涉及到音乐模块，音乐界面本身就是设计师发挥的地方，可以充分去体现设计感。比如可以在布局、封面、播放器界面等做文章。
但我发现绝大部分同学都有相似的问题，封面直接找一张图就好了，如下这张图。
这个问题还是比较普遍，曾经遇到很多同学也是这样的，所以今天拿出来讲讲。
一些特殊的栏目和模块我们最好去花心思设计下，这样可以大大提高UI界面的设计感。
一、上下分割
在封面设计中，可以使用简单的上下分割，轻松做出有层次的封面。普遍同学存在的问题，都是直接找一张图贴进去，如下这样：
这种方式设计，完全体现不出你的设计，而只是找了一张别人的图，况且这样贴进去缺少一些特色，不管怎样，一些关键重点功能还是需要设计一下的。
比如，我们可以通过画面分割的形式，对一些特殊的重点推荐歌单做个区别。
上面，使用了上下分割的形式，人物和背景上下都有交接，在加上文字版式，整个封面旧有了视觉张力。
当然，还有其他的分割形式，但大思路是一致。
二、大字叠加
同样的在做一些特殊栏目设计时，除了使用分割形式，还有大字叠加，一样可以做出视觉张力的封面。
在这里，我们可以将歌手抠出来，然后背景取色和人物同色系，再加上文字版式，效果就来了。
这种风格其实很好学习，下面简单来看看其他案例。
上图设计思路，采用文字穿插与文字前后叠加的版式设计。
苹果音乐的首页，一些重点歌单推荐，同样使用了特殊设计。
三、艺术字
在封面中进行艺术字设计，难度略大， 但是效果做出来一样很精彩，比如下面这种。
POP三个字放大设计，加一些艺术化效果，整个设计氛围感就来了。
除了上面这张对英文字体进行艺术化设计，还有稍微复杂一些的，比如下面这种。
四、全新设计
全新设计一张封面，更加体现这个栏目的特色和亮点，也可以让整个画面视觉张力更强，当然对设计师能力要求也就越高，比如下面这种。
全新设计的好处，可以大大的吸引用户的眼球。如果是一些新的栏目，新的模块出现，是完全可以花费时间来设计。这种设计放在你的设计稿中，是完全可以拉开你和同事之间的差距。
好了，到这里差不多完事，今天的关于音乐界面的设计，提高UI设计感，你学会了吗。
好了，今天文章就到这里。
原创不易，如果对你有帮助，记得给我点个赞，支持下我们。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
8. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
