加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

为了让 iPhone X 更好赏识网页,我给网页加了个导航按钮

发布时间:2017-12-05 19:01:13 所属栏目:建站 来源:优设网
导读:副问题#e# 编者按:iPhoneX 宣布之后,全新的屏幕和为之适配的iOS体系,为我们泛起出全新的交互。之前我们风俗了的交互,在这块带着刘海的屏幕上,不再完全沟通,之前恰到甜头的计划,在这块屏幕上好像也没法美满的运作了。产物计划师Daniel Korpai 发明白
副问题[/!--empirenews.page--]

QQ截图20171115091721.jpg

编者按:iPhoneX 宣布之后,全新的屏幕和为之适配的iOS体系,为我们泛起出全新的交互。之前我们风俗了的交互,在这块带着刘海的屏幕上,不再完全沟通,之前恰到甜头的计划,在这块屏幕上好像也没法美满的运作了。产物计划师Daniel Korpai 发明白在iPhoneX移动端网页导航上存在的交互上的题目,并撰写此文。

行使汉堡菜单照旧行使标签式导航,是移动端UI计划师经常会纠结的题目。就今朝来看,跟着手机屏幕尺寸不行节制的慢慢膨胀,标签式导航好像越来越受接待。

不外值得留意的是,在移动端上APP会越发倾向于行使标签页导航,而绝大大都的移动端网站如故会行使汉堡菜单作为首要的导航器材。值得留意的是,汉堡菜单这种计划在今朝越来越大的手机屏幕上,可用性正在逐渐低落。

要害的痛点

为了让 iPhone X 更好欣赏网页,我给网页加了个导航按钮

绝大大都的时辰,我们会在行进中行使手机,在地铁上,超市里,在放工路上,这个时辰我们经常无法双手操纵,手上提着袋子,可能拿着一杯咖啡,可能握着地铁上的扶手。可是每每这个时辰,我们更必要同界面举办快速的交互。

大都传统的移动端网站导航,要么在页面的最顶端,要么在最底端,然则题目在于,手机屏幕太大了。网页的汉堡菜单图标却经常位于手机的左上角可能右上角,刚好是间隔拇指最远的位置。

面临的挑衅

面临这种痛点,UI和UX计划师们并没有忽略。有不少计划师会和开拓者协同,在网站界面的底部安排一个小尺寸的牢靠导航栏。在桌面端上赏识的时辰,它看起来是悬浮在页头的导航,在移动端上,它是悬浮牢靠在页面底部的快速会见式的小的导航按钮组合。

为了让 iPhone X 更好欣赏网页,我给网页加了个导航按钮

随后,这种实行慢慢演酿成了接近汉堡图标的一系列快速会见成果按钮,这些按钮代表着这个网站的重要、常用的成果元素,也许是导航、电话、特定页面的链接等等。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读