省流:看最后一段
如果你曾品鉴过新的 nmBot 面板,在你完成登录的时候,手机版页面会收窄启动页到顶端,展示出 nmBot 面板的名字,然后在一段时间后收起。
当我设计完启动页之后,我希望在手机版页面上也能清楚的展示出这个面板的名字。
在电脑上,你不会对你在用什么产生怀疑,因为左侧的侧边栏再不济在收窄状态下也能显示出我们的图标,鼠标移过去就可以看见完整的名称;即使是在旧版面板上,也延续了 nmTeam 网页和 nmFun 的风格,在页面上强行加入一个顶栏。
对于 nmTeam 官网和 nmFun 来说也不存在手机上看不到产品名称的问题,因为他们在主页会显示一个顶栏,可以看到产品名称;对于旧版 nmBot 面板来说,就没有那么幸运了,我用底栏砍掉了手机版的顶栏,这样一来,用户只有全屏或者横屏,才能知道自己在用什么了。
在我设计新的面板时,我决计不把这种对某一端用户不公平的情况延续下去。最简单的方法当然是,把“群组”这个页面的标题改成“nmBot 面板”,甚至把 logo 加进去。但是我是这么平庸的人吗,我找了个借口硬要给自己开脱,就是如果用户通过网址直接跳转其他页面,就看不到首页的名字和 logo 了。
当时我想起了 Telegram 隐藏头像到灵动岛的设计,我灵机一动,既然头像可以隐藏到岛里,为什么我的产品名称不能隐藏到屏幕顶上呢?于是顺手做出了开头提到的动画效果。
相信读到这里,您一定明白我想说什么了,没错:如果我不发这篇帖子,想必没有几个人能想到,这个动画效果的设计,灵感借鉴于苹果的灵动岛。希望某些厂商也能收敛一点,不要从功能到宣传片都 72ppi 像素级的抄袭,如果真要抄,也别表现得像自己多么原创一样。😓
如果你曾品鉴过新的 nmBot 面板,在你完成登录的时候,手机版页面会收窄启动页到顶端,展示出 nmBot 面板的名字,然后在一段时间后收起。
当我设计完启动页之后,我希望在手机版页面上也能清楚的展示出这个面板的名字。
在电脑上,你不会对你在用什么产生怀疑,因为左侧的侧边栏再不济在收窄状态下也能显示出我们的图标,鼠标移过去就可以看见完整的名称;即使是在旧版面板上,也延续了 nmTeam 网页和 nmFun 的风格,在页面上强行加入一个顶栏。
对于 nmTeam 官网和 nmFun 来说也不存在手机上看不到产品名称的问题,因为他们在主页会显示一个顶栏,可以看到产品名称;对于旧版 nmBot 面板来说,就没有那么幸运了,我用底栏砍掉了手机版的顶栏,这样一来,用户只有全屏或者横屏,才能知道自己在用什么了。
在我设计新的面板时,我决计不把这种对某一端用户不公平的情况延续下去。最简单的方法当然是,把“群组”这个页面的标题改成“nmBot 面板”,甚至把 logo 加进去。但是我是这么平庸的人吗,我找了个借口硬要给自己开脱,就是如果用户通过网址直接跳转其他页面,就看不到首页的名字和 logo 了。
当时我想起了 Telegram 隐藏头像到灵动岛的设计,我灵机一动,既然头像可以隐藏到岛里,为什么我的产品名称不能隐藏到屏幕顶上呢?于是顺手做出了开头提到的动画效果。
相信读到这里,您一定明白我想说什么了,没错:如果我不发这篇帖子,想必没有几个人能想到,这个动画效果的设计,灵感借鉴于苹果的灵动岛。希望某些厂商也能收敛一点,不要从功能到宣传片都 72ppi 像素级的抄袭,如果真要抄,也别表现得像自己多么原创一样。😓