在你的设计中,应该致力于创建一个视觉系统。例如,使网页周围的元素间距相同或相同单位的倍数。
例如,如果标题和正文之间的基本间距为 5px,则可以使用 2 个基本间距单位来分隔不同的部分,等等。
2)创建分组的空间
相似元素周围的间距有助于建立组。在我们的示例中,流派(流行和摇滚)中的内容块之间的最小空间表示它们属于同一目录。
在设计中创建分组时,标题与其内容之间使用更少的空间,并在组之间使用更多空间。
三、总结粘性标题是网站的积极补充,但前提是它们真正需要为用户提供服务。
如果粘性标题确实为用户提供了价值,那么请确保其尽可能小,与背景具有高对比度,不使用无意义的动画,不模糊内容,并且不会分散用户的注意力。
设计不是偶然的。设计中的每一个决定都应该有意识地输出,最好有视觉设计系统的支持。虽然没有什么可以解释设计是否好看,但遵循一些原则会增加它的可能性:
- 将排版和其他图形元素与网格对齐。将每个元素锚定到网格系统中的一条线上。
- 建立清晰的层次结构和调色板。确定您的设计中最重要的内容,并有意识地对其应用特定的视觉处理(大小、颜色、位置),以便用户首先看到它。
- 保持一致。定义清晰的视觉规则并在整个设计中始终如一地应用它们。
作者:Kiki;公众号:空两格
原文链接:https://mp.weixin.qq.com/s/DRB_5bTuWCzULPesnn34Pw
本文由 @Kiki 授权发布于人人都是产品经理。未经许可,禁止转载。
【 排版|粘性标题?界面设计?诀窍都在这里了】题图来自Unsplash,基于CC0协议
- C++|掌握这7大短视频带货“创意标题”撰写技巧,点击率提升30%
- WPS|WPS文档中快速排版对齐
- 智能投影仪|两个简单模版,取出好标题,立马提升你的文章阅读量
- Java|ColorOS 13来了?排版或沿用降噪理念,灵感可能取自“它”?
- 河北网络广播电视台 |首选标题:互联网裁员大潮,蘑菇街体面“分手”
- 自媒体|自媒体取标题的底层逻辑,不在为标题苦恼
- 淘宝|淘宝运营搜索核心,正确的淘宝标题组合技巧,新手一个月盈利