|
Post by account_disabled on Dec 20, 2023 5:31:15 GMT -5
与噱头(动作)相关的术语 您可以在设计和用户界面方面对网站进行有效的更改。 它可以提高视觉吸引力,也给用户留下深刻的印象。 鼠标悬停/悬停 这是指将鼠标光标放置在按钮或链接等内容上时发生的移动。 从用户体验的角度来看,据说人们往往对移动的事物感兴趣,因此我们建议积极实施这一点。 鼠标悬停示例 ▲ 清晰显示悬停状态的设计很好。 手风琴 手风琴示例 ▲点击查看详细信息。 它是 UI 元素之一,允许您通过单击(点击)来选择是否显示或隐藏该元素。 它经常用于“常见问题解答”和“客户评价”,因为它可以压缩长文本并仅在用户感兴趣时才显示它们。 旋转木马幻灯片 轮播示例 ▲有两种:一种是自动切换图像,一种是通过点击或滑动切换图像。 一种在一个空间内滚动、切换多个内容(文本、图像、视频等)的显示方式。 模态窗口 模态窗口示例 ▲内容暂时隐藏,使用时请小心。 它就像一个小屏幕,出现在您最初查看的屏幕顶部。 通常,您希望模式窗口之外的内容保持静态,直到用户关闭模式窗口。 它通常用于 巴西数据库 警告消息和重要通知。 标签 选项卡示例 ▲无需页面转换即可向用户提供多种内容。 这是一种通过使用按钮在显示之间切换而不是全部显示来显示要并排显示的内容(例如新闻列表中的类别)的方法。 它节省了屏幕空间,用户不必导航到另一个页面。 但是,如果选项卡太多,每个选项卡都会变小并且难以阅读,具体取决于内容宽度,因此我个人认为 2 到 5 个选项卡更容易看到。 单选按钮 单选按钮示例 ▲如果只想选择一项,单选框比较合适。 这是当您希望用户从多个选项中仅选择一个选项时使用的 HTML 输入元素。 复选框 复选框示例 ▲ 复选框可以有多种使用方式,因此向用户清楚地传达复选框的意图非常重要。 这是当您希望用户从多个选项中选择一个或多个选项时使用的 HTML 输入元素之一。 有时只有一个复选框,例如同意条款和条件。 视差 视差示例视频 ▲通过改变正面内容和背面图像的滚动速度,产生三维效果。 当用户滚动时,背景和内容不会同时移动,而是在不同时间移动以创建深度。 跟随标题 跟随标题示例视频 ▲从任何地方都可以方便地切换到另一个页面。 即使用户向下滚动,标题也会保留在屏幕顶部。 这缩小了用户正在查看的内容的显示区域,因此需要采取诸如降低原始页眉页眉等措施.. 下拉菜单,下拉菜单 下拉示例 ▲如果下拉菜单包含太多元素,往往会变得不方便。 这是一种当您单击(点击)或将鼠标悬停在上方时会出现新选项的方法。 它通常用于在导航中放置指向较低级别页面的链接。 良好的沟通对于创建一个好的网站至关重要! 这次,我们为非设计师介绍了网页设计中经常使用的技术术语。 网页制作中不可避免会出现很多片假名单词,让我们一点一点地输入它们,与制作团队建立顺畅的沟通,打造出最好的网站。
|
|