如何清晰表达H5场景的元素层级关系?

分享到:
2016-03-14 09:30

H5场景的元素层级关系就好比网站里的导航栏目,能让人清楚分辨重点、了解主题,起着引导的作用。通常我们在设计H5场景或其他移动端页面的时候,一个页面中的元素层级都不会超过三级:


第一级。这级是最重要的,所以应该是最显眼的。我们可以通过大小、颜色、位置等方式来强化这一级的元素,向用户传达我们的中心思想。


第二级。这一级起到辅助、扩展第一级的作用但是注意与第一级争夺眼球,而是指引引导用户理解,并且可以更加舒适的阅读上下级。


第三级。这一级属于正文,是H5场景页面中最详细最通俗易懂的部分。这里的文字以简洁明了为主,而且不需要特殊处理,只要能符合人们阅读习惯即可。


另外,调整三个层级间的关系可以通过统一规范字体大小对比突出重点尝试不同的风格颜色的区分字体之间的行间距来实现。


通过以上的三级方法来划分页面的侧重点,能清晰地表达页面中各元素的层级关系,可以很好的向用户传达我们的信息。同时,我们在操作过程中,要把握一个准则,那就是平衡、对比、统一和细节。了解更多关于H5场景的玩法,可以继续阅读《互联网时代如何玩转微传单》。


本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/3791
相关模板推荐
  • 3D风年终活动促销
    ¥49
  • 喜庆中国风新年祝福
    ¥49
  • 霓虹灯风格潮流现代跨年邀请函
    ¥49
  • 红金风年终答谢会邀请函年会邀请函
    ¥49
  • 3D风圣诞大挑战
    ¥49
  • 公司年终答谢会邀请函
    免费
  • 感恩节感恩有您活动模版
    免费
  • T1047-简约清新感恩节感谢有你贺卡祝福
    ¥49
  • 圣诞节元旦家电促销
    免费
  • 圣诞节邀请函
    免费