华为高级专家解释了折叠屏幕组合页面的设计

发布时间:2024-11-14 点击:181
华为高级专家解释了折叠屏幕组合页面的设计
组合网页的设计是将原始的两个或多页的内容合并到一个新的网页中,以显示跨页面的交互。 以便在适当的场景中建立新的网页组合和新的用户体验。
在此之前,软件绿色联盟推出了折叠屏幕ux设计标准系列12,除了折叠屏幕2/低跳出。 高保留折叠屏幕单页布局设计应该这样做!除了单页面中的动态布局外,还可以利用组合页面设计的施工方法。 组合页面设计使布局设计更加生动、有趣、单调,使页面更加生动。 让我们看看标准的细节。
无论是哪种折叠方式,用户都会添加一个可折叠的屏幕,新的屏幕可以将1/1以上的手机改为平板电脑。 ux设计师首先需要考虑折叠屏幕不仅在单页上显示更多内容,而且还要为用户创造新的操作体验。
当应用程序中的两个页之间有直接的关系时,您可以考虑使用组合页面来提供更好的体验。 组合页之间的关系类型直接影响页面信息的组合。应用程序应根据每种关系类型选择合适的信息结构样式。
多层次、多层次的关系具有完整的多层结构,如复杂的系统设置菜单、大量内容(如综合电子商务、视频、图片或音乐等媒体资源。 新闻网站的大量新闻门户和多级分类页面。
为了满足用户可以感知当前位置的要求,用户可以在任何时候通过左侧的操作来避免用户的丢失感。 返回到第一级列表;您还可以通过选择第一级列表中的分支入口快速输入另一个分支。
为了满足需求,建议在屏幕上保持固定搜索进口,以帮助用户在任何时候找到他们需要的元素或分类。
单层结构通常以列表细节的形式显示列表中的每个元素。列表中的每个元素都没有二级分类列表。 例如,电子邮件信息备忘录和其他内容元素列表。
列表左侧的列表形式是信息结构概念列表可以是一个普通的文本列表,也可以是一个适合复合媒体元素的宫殿瀑布流。
为了确保子栏左右两侧的平衡。 页面的分割线位置可以由系统或应用程序来标准定义(例如,纯文本类型的栏的左右页宽度比为4%。 或者使用网格布局系统在8网格下使用3:5的比例)。
在主要关系类型的一侧,主导页面是沉浸式场景;辅助页面显示评论、互动讨论、参考信息等。 根据沉浸内容可分为左、右或上、下组合页面结构。
主要关系的信息结构风格主要有以下几种应用,可根据具体场景进行选择:并行栏的主要和辅助部分可以单独滚动查看。 部分取决于领导部分的存在。
通过接口比例和视觉效果的显示,主要信息的显示不会影响主要信息的显示,并且可以快速浏览或操作从属信息。
小视频应用程序的左边是视频播放页面。单击视频作者的化身,打开视频作者的个人主页。左边的视频播放页面是主页。 右边的主页是左边视频的辅助页面。
在购物应用中,详细比较了两种类似商品的情况。 在现有的普通手机上,用户需要退出a类商品的细节,然后才能将b类商品的细节与记忆进行比较。 整个比较过程增加了用户的存储成本,而图片的效果并不直观。 因此,比较类型的页面组合关系使用户更容易比较这两种商品的信息内容。
今天解释的这些组合页面设计布局是经过时间训练的经典设计,选择合适的设计趋势,这些布局往往会产生很好的效果。 上面的内容是折叠屏幕ux设计规范中的组合页面设计规范。 在后续行动中,我们亦会引入折叠式屏幕适应系列文章,例如各个领域的场景设计案例。


品牌网站建设这几个问题要重视
网站策构
在网站制作中要注意设计与用户间的互动功能
潍坊网站建设完成后为什么要做推广?
通过网络营销的优势与发展前景,判定网络营销是未来的朝阳产业
企业网站优化—这样的企业网站简直完美!
云计算时代,云安全面临的安全风险
怎样提高企业竞争力? 网页设计时需要做什么?