美文网首页iDesign
设计中被忽略的细节(一)

设计中被忽略的细节(一)

作者: 黑白之间 | 来源:发表于2016-12-14 17:12 被阅读125次

特创易官网的二级页面导航设计得很有意思,创造性的、人不知鬼不觉的干掉了面包屑!之所以用“人不知鬼不觉”这个词,是因为操作很流畅。即使面包屑没了却完全没有任何不适。要不是我对面包屑怨念这么深很关注,也不会发现的。

改变用户已经习惯了的设计,又没让用户发现,这是多么成功的改变啊!

背景介绍:面包屑一直被认为在网站中有重要的指示作用。但我本人特别讨厌面包屑,感觉在很重要的位置 放了一堆跟当前目标无关的内容;可是不放好像又不行,否则不方便返回。

方案:那这个网站是怎么做到毫无违和感的干掉了面包屑的呢?来看看:

主导航 进入二级页面首屏(以“服务分类“”的子页“”Logo/商标设计页“”为例) 二级页面第二屏及以下,当前页内容导航悬停于屏幕顶部,锚点定位

我在浏览二级页面时,虽然滚动至第二屏时,主导航不可见了,但并没有一点不适应的感觉。因为当我进入【Logo/商标设计页】后,我只关心Logo/商标设计相关内容,这时导航上的内容刚好是我关心的。

当我浏览完成后,想切换看看其他业务分类时,回到页面顶部,主导航又出来了,当前页面导航识趣的隐藏了。

优点:

1. 非常符合操作场景。 两个导航都做到了:该出现的时候,出现;该隐藏的时候,隐藏

2. 一级页面中,主导航借鉴了移动端网页设计,页面内容滚上去后,导航消失,因为这时用户

3. 导航出现/隐藏的动效也低调自然,完全不花哨喧宾夺主。

美中不足

主导航没有做选中状态,这个感觉略不舒服服。有一瞬间会疑惑现在在哪?

后记:打算写个设计中被忽略的细节系列,因为偶尔看到一些常规功能,却用很不寻常的打破常规的设计形式来表现,很惊艳,有种在腐朽中开出花朵来的感觉。希望能坚持写下去。

关注设计中被忽略的细节,见证平凡中开出花朵

相关文章

  • 设计中被忽略的细节(一)

    特创易官网的二级页面导航设计得很有意思,创造性的、人不知鬼不觉的干掉了面包屑!之所以用“人不知鬼不觉”这个词,是因...

  • 设计中被忽略的细节(二)

    谷歌AdWords这个导航设计的很有意思: 在首屏时,右上角是"登录";滚动至第二屏,导航悬停于屏幕顶部,但操作不...

  • 设计中被忽略的细节(三)

    翻页功能很常见,通常是这样: 高级翻页:自带预告功能。当鼠标移入翻页箭头时,出现相应页面的内容提要。 这个网站,h...

  • Interator 迭代器模式

    设计原则学习笔记 设计模式学习笔记 作用 针对数据集合,提供一种(若干)忽略集合内部细节以及访问细节的访问方式,...

  • 智加设计|细节之处见设计——产品设计细节赏析

    细节设计在产品设计中经常遭到忽略,但产品的细节设计是评价一个产品设计好坏的关键,也是提升产品附加价值,增强企业竞争...

  • 人际关系中被你忽略的细节02

    006 对自己树立高目标,不断提升自己的能力。 不论在哪个年龄阶段,都需要对自己树立高目标,而不是参照身边混吃玩乐...

  • 人际关系中被你忽略的细节01

    001 你对别人的态度,会影响别人对你的态度。 大多数人都没有注意到,平时你一个人走在街上,偶尔与旁边的人对视,对...

  • Feed流:那些容易被忽略的图片适配知识

    在产品设计中,大家很容易跟着产品原型走而忽略了一些设计上的细节问题。本文笔者总结了在Feed流中容易被设计师忽略的...

  • 打开编程的正确方式

    设计思路 清晰的逻辑结构,便于实现 编程风格 代码层次明确,变量函数等命名规范 编程细节 考虑周全,没有忽略细节 ...

  • NodeJS中被忽略的内存

    原文链接:BlueSun | NodeJS中被忽略的内存 如朴灵说过,Node对内存泄露十分敏感,一旦线上应用有成...

网友评论

    本文标题:设计中被忽略的细节(一)

    本文链接:https://www.haomeiwen.com/subject/fydmmttx.html