存档

文章标签 ‘opacity’

小修改一下搜索栏

Aug 24th Sat, 2013/JiaJieChan/日志/1,282 阅读/1 comment

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

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

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

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

希望在下文回复!

分类: 日志 标签: , , , ,