火星网校
UI设计：层次性的重要性和技巧
发布时间：2024-06-27 10:51:36 浏览量：146次
观察样式设计跟排版上，修改层次前与修改层次后的变化。
改版前后左右两个页面可以对比一下可以发现变化最大的不是在设计精细度上有了多大的提升，为什么感觉改版后效果好呢，就是因为我们层次性做的更加好了。
那么总结一下层次性做了以下三点
改版前后左右两个页面可以对比一下可以发现变化最大的不是在设计精细度上有了多大的提升，为什么感觉改版后效果好呢，就是因为我们层次性做的更加好了。
如何做好层次性的变化呢？
就是把该重要的版块突出出来，该弱化的版块弱化下去，有强有弱就是我们的层次性。
结合页面具体观察
（1）可以看到卡片的凸显，用户希望看到一个怎样的版块，是否可以在设计的角度上通过设计这样一个卡片的角度，把它突出出来呢。可以发现通过一些版块后视觉划分上是做的更加优异的
（2）图标做到了一个突显，用户在用这个界面的时候，重点用哪几个功能，在设计角度上把这些功能给突显出来
（3）就是用户在不经常用的地方进行适当的弱化。
所以一个好的层次性，我们在设计的时候做的有强有弱在用户体验的时候才能够把它称之为是一个比较不错的界面设计。
总结完改版前后这三点之后回到界面本身，就是为什么要关注层次性，关注层次性的好处是什么 ？
设计其实是一门服务型的角色，服务与产品，服务于用户，要站在用户这个角度来思考一下，用户在用你这个功能的时候用户会关注哪些产品，那么在设计整个产品界面原型阶段的时候，用户希望突显哪一个地方。所以说设计要做好服务就是说要服务好用户服务好产品，把用户和产品他关注的一些重点在设计角度上把它突显一下，这就是设计师为为什么要关注层次性的一个出发点。
接下来就给大家介绍如何做好层次性的梳理
三种层次顺序
层次最强——图片
中间是——图标，
最弱——文字。
只有总结好一个界面由强到弱的一个划分的时候界面设计才会做到一个合理分布。
在大家做一些原型设计优化的时候呢，可以有这么个思维点，是不是可以把它的层次性做的更好一些，从图片图标再到文字一个界面把一个视觉强弱划分上比如更加合理的排版分布。
版块突显，卡片设计
可以采用一个卡片式的突显，观察图片我们在用了一个卡片式的排版后，视觉上确实有了一个非常大的提升。（注：卡片最好采用弥散型阴影会显得更加柔和）
图标突显，增加角标
想突显某一个图标应该怎么做？可以用到角标，角标在我们平时的设计工作中还是频繁使用的设计细节处理效果
字体突出，增加标签
标签的作用有助于突显，但不破坏排版，只会做到某一个细节的强化
三者之间的联系是，突显程度由强到弱，如果你想把某一个版块进行突显，卡片设计师你的解决方案，如果你想把某一个细小的版块进行突显，角标是解决方案，如果在字段上突显，增加标签是解决方案。
火星时代教育是一家专注数字艺术教育的培训机构，开设包括游戏设计培训、动画培训、原画培训、AI绘画培训、AI音乐创作培训、影视后期培训等课程。想要了解更多课程内容，请点击咨询。
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
最新文章
