For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
模块化设计是大多数UI设计师都应该熟练掌握并应用的一种网页设计方式,下面我们就通过案例分析来简单了解一下,模块化网页设计都有哪些方法。
垂直列表
所谓垂直列表,就是多个条目之间呈上下排列。当要表现以文字为主的多条内容时,使用多的就是垂直列表。这种列表形式能在一屏上展示更多的内容,减少用户翻页的麻烦。但是缺乏视觉表现,用户的注意力会由上而下逐渐减弱。垂直列表在App中被广泛应用,并且细分为文字模式、图文模式、控制模式3种。
文字模式
文字模式列表通常是筛选出主要内容展示,内容不宜过多,否则就失去了概览展示的意义。做的时候要注意区分层级,好每条统一高度且做好分割,使用户能够更好的区分条目。这个模式的缺点就是形式单一,容易造成视觉疲劳。
图文模式
列表中使用图文混合模式,还是以文字展示为主,图片的作用是帮助用户理解信息。在做图文混合的时候,除了要注意层级性,还要依据“尼尔森F模型“对信息进行有效排布,从而决定重要信息的位置,以及根据图片的比重,选择图文排布模式。目前常见的就是左图右文、右图左文、上文下图。
控制模式
控制模式主要存在于”设置“中,在列表中能够对于相关功能直接进行操作。
导航模式
导航模式一般是分类列表或者是功能入口的列表,充当导航的角色。这种模式一般有图标示意,并有可进入或者展开的指示箭头。这种模式适合分类或者是功能入口比较多的应用,用户可以顺畅的上滑,找到自己需要的入口。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。