预制样式预设和布局
Beat creative block,节省小时数 从十种独特的风格预设(变体一到十)中进行选择,可以立即应用协调的布局和视觉风格 无论您需要简单的图标左侧设计,中心卡片,还是现代横幅风格的盒子,都有一个起点,这些预设可以处理基本的结构和造型,因此您可以专注于您的内容和微调,确保从您的第一次点击开始,外观精致。
- 10 + 现成设计:应用诸如“变异一”””九”等预设, 用于即时视觉结构。
- 布局多样性:获得图标/图像放置(顶部、左侧、右侧)和内容流的不同安排。
- 设计一致性:确保您网站上的所有信息框共享一个有凝聚力的专业基础。
版式和文本控制
精确控制文本的外观独立对标题和描述进行风格设计。对于每个内容,设置版式(字体、大小、重量)、颜色和对齐方式。您甚至可以为 Normal 和 Hover 状态定义不同的文本颜色,创建一个有凝聚力的交互体验。调整文本块周围的填充以创建呼吸空间,并确保您的消息易于阅读且具有说服力。
- 单独的文本样式:将独特的版式和颜色应用于标题和描述。
- 交互式文本颜色:当用户悬停在整个信息框上时更改文本颜色。
- 对齐选项:向左、向中或向右对齐文本以匹配您的布局和预设。
带有悬停状态的高级造型
使容器成为设计的关键部分。将通用样式与背景(颜色、渐变或图像)和完整的边框控件(类型、宽度、颜色、半径)一起设计。正确控制填充和边距以实现完美的间距。然后,通过将 Normal 和 Hover 状态分开进行造型,使其变得栩栩如生。当用户交互时,更改背景颜色、边框,甚至应用 Hover 动画。这将静态盒子转变为引人入胜的交互元素。
- 双状态背景:为正常状态和悬停状态设置不同的背景颜色或图像。
- 完整的边框控制:设计边框类型、宽度、颜色和四面半径。
- 交互式反馈:使用悬停动画效果(如淡入淡出、推送、增长)来奖励用户交互。
信息框常见问题解答
这个信息框最常见的用途是什么?
多功能性令人难以置信,最主要用途是:服务/功能展示(图标 + 标题 + 简要说明)、团队成员简介(图片 + 姓名 + 角色)、联络点(图标 + “呼叫我们” + 号码)和促销 CTA(图标 + 引人注目的标题 + 优惠链接)。
我可以将整个框链接到页面,而不仅仅是标题吗?
默认情况下,您可以仅将链接添加到标题中。但不必担心,请确保启用包装链接,并且您可以将链接添加到整个信息框。
我应该使用图标还是图像?
Icons 最适合象征性的、简单的概念(用于“设置的齿轮,”用于“接触”的手机),它们完美地缩放,并且重量轻,当您需要展示特定的标志、人的脸或产品照片以进行品牌识别时,可以使用Images。
悬停效应有必要吗?
Not necessary,但强烈推荐。微妙的悬停效果(如背景颜色变化或阴影)为用户提供了有价值的视觉反馈,表明该元素是交互式的。它大大增强了您网站的专业、抛光感。
