H5场景的元素层级关系就好比网站里的导航栏目,能让人清楚分辨重点、了解主题,起着引导的作用。通常我们在设计H5场景或其他移动端页面的时候,一个页面中的元素层级都不会超过三级:
第一级。这级是最重要的,所以应该是最显眼的。我们可以通过大小、颜色、位置等方式来强化这一级的元素,向用户传达我们的中心思想。
第二级。这一级起到辅助、扩展第一级的作用,但是注意不能与第一级争夺眼球,而是指引、引导用户理解,并且可以更加舒适的阅读上下级。
第三级。这一级属于正文,是H5场景页面中最详细最通俗易懂的部分。这里的文字以简洁明了为主,而且不需要特殊处理,只要能符合人们阅读习惯即可。
另外,调整三个层级间的关系可以通过统一规范字体大小、对比突出重点、尝试不同的风格、颜色的区分、字体之间的行间距来实现。
通过以上的三级方法来划分页面的侧重点,能清晰地表达页面中各元素的层级关系,可以很好的向用户传达我们的信息。同时,我们在操作过程中,要把握一个准则,那就是平衡、对比、统一和细节。了解更多关于H5场景的玩法,可以继续阅读《互联网时代如何玩转微传单》。