火星网校
提升UI设计，你需要这几个小技巧
发布时间：2024-02-28 15:04:23 浏览量：231次
今天与大家分享的内容主要关注的是：交互界面UI设计的基础原则。一共有11条原则，短小精悍，看完念念不忘。
01 字母间距
每次您使用完全由大写字母组成的文本时，请不要忘记设置字母间距。这样可以防止字符彼此粘连，并使文本更具可读性。
02 Light，Thin and Hair Font Styles
您需要谨慎使用这些样式。如果您要制作一种最终会在屏幕上看到的产品，那么最好不要选择''thin''和''hair style''的字体，因为它们很难阅读，并且可能在某些屏幕上造成半像素损坏的效果。
03 行高（Line Height）
在排版时候最好不要将行高设置保留为自动值。通常，您必须稍微增加一点行高以提高文本的可读性。对于大型文本块尤其如此：例如网站或移动应用程序的博客，文章等。
04 文本和标题层次结构（Text and Headings Hierarchy）
粗体文本应用于突出显示文本的重要部分。这不仅包含标题，链接和按钮，有时还包括文本的强调部分。如果将粗体用于整个文本，将不清楚在哪里查找以及更重要的内容。在设计过程中，我们必须正确地强调重点内容。
05 文字对比（Text Contrast）
在设计过程中，文本的颜色十分重要。它应该具有足够的对比度，以便在任何类型的设备平台上上都可以方便地读取文本。这对于经常使用浅灰色的输入字段中的占位符（placeholders）尤其重要。
06 摆脱多余的框架和线条
除了使用线框对模块进行区分，我们仍然可以使用其他的办法来区别不同的文字和语义模块：例如阴影或间距。
07 边距
边距有助于帮助用户区分不同模块之间的内容。在下面的案例中，右侧的卡片中，文字紧紧地排列成了一个文字模块的整体，与图片保持清晰的距离，有助于用户进行阅读。
08 屏幕边缘空白
如果您处理海报，横幅或卡片，请注意边缘的空白。如果以经典方式（从左上角到右下角）布置内容，我们可以调整边距，使上边距比左边距更大。这丛视觉上将优化用户体验。
09 阴影
物体下方的阴影绝对不能为黑色。避免在项目中出现“脏污”，不自然的阴影。
10 图标规范
如果您正在为网站或应用程序处理一组图标，请确保所有图标都有一致的规范。这意味着相等的笔触宽度，相等的边框半径。图标应具有一致的样式。
11 避免使用怪异的布局
请使用常规的顺序排列元素（图像，标题，文本和日期），否则可能会影响用户的阅读体验。
看完以上设计原则，是不是觉得都很简单呢？其实每个规则都有其例外，在某些情况下，我们应该反其道而行之。但是在大多数情况下，这些技巧将有助于改进您的设计。
热门课程推荐
热门资讯
-
想要了解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. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
