您好,欢迎进入体育竞猜体育竞猜电动伸缩门有限公司官网!
体育竞猜-体育竞猜平台

联系我们

邮箱:admin@djlfood.com
电话:026-533824868
地址:台湾省台湾市台湾区民所大楼19号 在线咨询

上滑页面时 什么内容该吸顶呢?

发布日期:2021-11-27 01:47浏览次数:
本文摘要:作者:鹤一 本文就来分析下在App中上滑页面时可以将哪些内容吸顶、有哪些注意事项、有哪些巧妙的变化等等。 01 需要吸顶的是具有全局价值的内容 ▼ 从功效交互来看整个页面架构中最具全局价值的组件就是导航栏。在苹果HIG中形貌了导航栏是用来指示当前页面状态、毗连父子间页面的通常包罗回退按钮、页面标题、治理当前页面内容的控件(好比搜索、设置、关注、公布按钮等高频使用控件)。

体育竞猜平台

作者:鹤一

本文就来分析下在App中上滑页面时可以将哪些内容吸顶、有哪些注意事项、有哪些巧妙的变化等等。

01

需要吸顶的是具有全局价值的内容

从功效交互来看整个页面架构中最具全局价值的组件就是导航栏。在苹果HIG中形貌了导航栏是用来指示当前页面状态、毗连父子间页面的通常包罗回退按钮、页面标题、治理当前页面内容的控件(好比搜索、设置、关注、公布按钮等高频使用控件)。

 Apple Human Interface Guidelines http://dwz.date/cSvJ

再花式的导航栏设计也难逃“交互设计四计谋”http://dwz.date/cSvP

默认情况下导航栏左侧展示运动入口右侧展示运动入口及功效控件在他们下方是通栏的搜索控件。

上滑后原导航栏左侧的运动入口隐藏搜索栏被缩短后放置在导航栏左侧。在滑动至下方商品卡片区域时标签栏也会吸附在导航栏下方。

吸顶内容除了导航栏另有一条满额免邮、凑单的营销信息通栏。

02

没有任何一项内容能随随便便吸顶

体育竞猜平台

隐藏&缩减

但吸顶区域寸土寸金要隐藏或缩小原导航栏中不关键或不切合用户上滑浏览时操作预期的内容展示用户最关注的信息、用户高频使用的功效或入口。同时在滑动吸顶的历程中要通过动效举行平滑过渡保证页面流通性。

另外在一些页面中默认状态下导航栏的配景可能是图片那么在上滑吸顶后导航区域配景的颜色以及文字、控件的颜色也需要举行调整。

---------------

不外大家发现了没有标题栏在没有吸顶的状态下是有主标和副标两行文字但在吸附情况下只保留了主标一行文字。

这都是对吸顶内容的权衡与调整。

知乎、淘票票中也都有类似的处置惩罚:

当 上滑浏览购物车详情时将原标题栏隐藏只将全部、降价这些用来筛选商品的标签栏吸顶。

另外在海内App中很常见的一种页面结构是顶部为banner区、金刚区或瓷片区中下部是整个商品内容的卡片区在卡片区的头部会有标签或锚点导航。

当用户滑动至商品内容的卡片区时卡片区的标签或锚点导航对当前状态的展示也有重要作用。

固然这个缩减与新增孰前孰后也不是完全敲死的。好比认为用户在浏览时某一项内容具有指明灯式的作用就可以将其单拎出来吸顶然后重新设计吸顶内容的结构。好比豆瓣中:

体育竞猜

替换

默认状态下导航栏中不显示的是页面的标题影戏。

而当 上滑检察该影戏详情信息时原标题就隐藏了取而代之的是该影戏的海报缩略图、影戏名以及用户浏览豆瓣影戏评价最。


本文关键词:上,滑,页面,时,什么,内容,该,吸顶,呢,作者,体育竞猜

本文来源:体育竞猜-www.djlfood.com

联系方式

全国服务热线

026-533824868

手 机:11346103010

地 址:台湾省台湾市台湾区民所大楼19号

扫一扫,加微信

Copyright © 2001-2021 www.djlfood.com. 体育竞猜科技 版权所有 ICP备77429767号-4 XML地图 织梦模板