常见的UI网页设计技术

以下是你可以应用于网页UI设计的最重要的实用技术:

1. 利用留白来建立关系

  空白是内容元素(如文本、标题和按钮)之间的空白。这些收紧了分隔网页设计UI组件的空间。它们强调了执行类似功能的组相关控件之间的联系，同时使页面上的分层项更加引人注目。

2. 用纹理定义边界

  图形元素的圆角显示纹理。这些优化了按钮等视觉组件的外观和感觉。它们还定义了边界并暗示了容器的结束。当用户看到圆角时，他们就会知道这是他们在完成任务之前需要采取的最后一个动作。

3.强调通过阴影，黑暗背景和透明层

将用户的注意力集中在使用阴影和深色背景的区域上。以下是阴影对你的用户界面网页设计的影响:

• 与圆角类似，阴影为你的图像添加了额外的纹理。
• 在模态窗口、弹出式菜单和操作按钮周围使用它们，以获得浮雕外观。
• 阴影也可以阻挡周围的视觉噪音。
• 您可以增加使用阴影的元素的对比度，同时减少阴影下的项目的对比度。

4. 使用动作词作为标签

  人们在使用应用程序或网站时执行多个操作。因此，当创建对话框和其他提示时，使用动词(同意/取消)而不是感叹号(是/否/可能)更容易理解和直观。用户很清楚，他们被指示做出可操作的选择。

 

5. 在文本输入字段中放置标签

去掉不必要的东西，更好地利用空间。在文本字段内编写标签，特别是在占用有限区域的表单上。除了节省空间，这个聪明的系统使标签对应的字段更加明显。

 

6. 放置加载指示灯

在等待时间内增加一个加载指示器。它可以是进度条，也可以是显示成功完成动作的百分比的旋转动画。当用户获取搜索查询结果或导出文档时显示它们。这有助于缩短加载时间。通过加载指示器，用户可以了解剩余的等待时间。

转载请保留出处及原文地址:https://www.shishangjue.com/article/519.html