排版|粘性标题?界面设计?诀窍都在这里了( 四 )


在你的设计中,应该致力于创建一个视觉系统。例如,使网页周围的元素间距相同或相同单位的倍数。
例如,如果标题和正文之间的基本间距为 5px,则可以使用 2 个基本间距单位来分隔不同的部分,等等。
2)创建分组的空间
相似元素周围的间距有助于建立组。在我们的示例中,流派(流行和摇滚)中的内容块之间的最小空间表示它们属于同一目录。
在设计中创建分组时,标题与其内容之间使用更少的空间,并在组之间使用更多空间。
三、总结粘性标题是网站的积极补充,但前提是它们真正需要为用户提供服务。
如果粘性标题确实为用户提供了价值,那么请确保其尽可能小,与背景具有高对比度,不使用无意义的动画,不模糊内容,并且不会分散用户的注意力。
设计不是偶然的。设计中的每一个决定都应该有意识地输出,最好有视觉设计系统的支持。虽然没有什么可以解释设计是否好看,但遵循一些原则会增加它的可能性:

  • 将排版和其他图形元素与网格对齐。将每个元素锚定到网格系统中的一条线上。
  • 建立清晰的层次结构和调色板。确定您的设计中最重要的内容,并有意识地对其应用特定的视觉处理(大小、颜色、位置),以便用户首先看到它。
  • 保持一致。定义清晰的视觉规则并在整个设计中始终如一地应用它们。
正是这些设计原则的应用共同使设计变得美观并有助于提供有用的体验。
作者:Kiki;公众号:空两格
原文链接:https://mp.weixin.qq.com/s/DRB_5bTuWCzULPesnn34Pw
本文由 @Kiki 授权发布于人人都是产品经理。未经许可,禁止转载。
排版|粘性标题?界面设计?诀窍都在这里了】题图来自Unsplash,基于CC0协议