火星网校
「UI设计」快速提升UI设计的小技巧
发布时间：2023-12-29 20:06:42 浏览量：244次
1、 在 APP 当中保证底部标签栏内容不变
在目前绝大多数 APP 都会采用底部标签栏作为主要的导航模块，那么在设计的时候，要确保这个部分的功能上固定且明确的，不会消失，不会变化，不会给用户带来挫败感。
2、只需用字重字号变化即可构建层次
只需要使用字重和字号变化即可做到这一点！
在绝大多数的文本排版当中，只需要使用单一的字体即可实现层次颇为丰富的信息层级，你需要根据文本内容的重要性和优先级进行排列，优先级越高的文本字号越大，字重也越大。
另外要注意疏密排列，确保可读性和相关性更高的文本块更靠近。
3、在移动端 UI 上使用更大的可点击区域
虽然这个道理显而易见，但是总是在进行具体的界面设计的时候容易忘记这个重要的点。在 iOS 上，可点击的最小区域为 44×44 pt，在 Android 上则是 48×48 pt。
有时候，控件看起来可能较小，可以让触发区域尽量大一点。
4、使用尽量统一的导航设计
导航构成了用户探索网站和 APP 最为主要的行为路径，确保导航的一致性确保用户在后续的交互过程中不会感到疑惑和沮丧。
所以，在迭代升级过程中，即便是最微小的改变，也尽量在系统层级上保持统一。对于重要的、关键性的、破坏性的操作，可以做一些明显的差异化。
5、对于内容丰富的网站，让搜索功能凸显
如果有可能，对于内容较多的网站，尽量让搜索按钮被凸显出来，在触手可及的位置。尽量不要将搜索按钮隐藏在下拉菜单之类的地方，因为它可能是用户抵达目标的主要方式甚至可能上唯一方式。
6、不要随意选择字号
文本在页面当中字号到底要多大？在很多地方，字号的选择上其实是有完整的解决方案和处理技巧的。比如使用 TypeScale。
通常而言，让不同信息层级的文本大小保持 1.25 的倍率即可达到颇为不错的视觉效果和体验。而 TypeScale 可以基于基本的文本字体尺寸即 18px 按照 1.25 的比率进行缩放，从而帮你生成 H1、H2、H3 等不同层级文本的尺寸大小。
使用 TypeScale 生成的文本能够为你的排版带来自然、舒适的节奏和体验。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
