本博以前的搜索栏是浮动在右上角的,看上去比较碍眼,可是JiaJieChan的想法却是如此,原意是要隐藏掉2/3的搜索框,鼠标悬停就展开回车就立即搜索。

原来是想造个下拉的图标什么的,提示这里有个搜索栏隐藏了,可是这设计天赋为零。于是就用了最为流行的平面设计,其实就一2d图形最简单的。默认会显示一个Search的提示,鼠标悬停后会下拉,输入关键字后回车会在新窗口打开搜索结果页。

为了好看和浏览网页是不阻挡视觉,也将部分地方做了opacity透明度方面的处理,在展开缩回里也做了动画过渡效果处理。

最后想问一下大家,目前搜索栏的设计怎样,比较舒服吗?  浏览文章的时候会阻碍到正常视觉吗?

希望在下文回复!

Last modification:June 25, 2021
如果解决了你的困扰, 赏杯咖啡吧!
正文字体: 苍耳字库(屏幕显示字体)·苍耳今楷