V2EX Redesign: 搜索

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5110 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://zdxia.com/3IcJ

Advices are welcome. :)

Welcome

V2EX

redesign

26 条回复 • 1970-01-01 08:00:00 +08:00

Paranoid

2010-11-18 23:44:36 +08:00

相当不错, 不过一度觉得头部区域的渐变和背景不怎么搭.

sparanoid

MOD

2010-11-18 23:48:47 +08:00

inner shadow 再浅一些，下面增加一条高光线应该会更好些:)

vayn

2010-11-18 23:49:34 +08:00

比现在的好看

不过内置搜索这个功能本身太废柴了，倒不如改用CSE...

disinfeqt

2010-11-18 23:49:52 +08:00

@Sparanoid 其实我是把 nav bar 假想成一个管道，搜索框是一个缺口 ── 你们能 get 到么？
-______-

sparanoid

MOD

2010-11-18 23:51:08 +08:00

@disinfeqt got it, 但是缺口颜色要深啊-_

vayn

2010-11-18 23:51:53 +08:00

@disinfeqt 这坑挖得太浅，没看出来..

disinfeqt

2010-11-18 23:52:28 +08:00

@Sparanoid 其实这个 CSS 是我在 Win 下那台偏色的显示器上写的，还没调就搬过来了嗯...

disinfeqt

2010-11-18 23:53:33 +08:00

Firebug 一下，那个搜索框的底色就是 #Wrapper 的 background-color。

shawiz

2010-11-19 00:00:16 +08:00

同意底色要加深，文字颜色可以用白色。

lianghai

2010-11-19 00:32:17 +08:00

@disinfeqt 这个管道和缺口的想法好玩——不过一直觉得现在 #Top 这样圆滚滚的本来就有点怪……

ipopo

2010-11-19 00:32:23 +08:00

http://cl.ly/0R1I102q212F21301T3b
试试，原图用的是D酥的哟。

disinfeqt

2010-11-19 00:35:47 +08:00

@ipopo 这也太难看了... 囧

Sai

2010-11-19 00:37:25 +08:00

@ipopo 这个像iPhone的滑动解锁 www

ipopo

2010-11-19 00:43:27 +08:00

@disinfeqt 好吧我错了 T T

sparanoid

MOD

2010-11-19 00:54:56 +08:00

Somewhat I mean it could be like this:

http://cl.ly/3JCO

The #TopMain can be flatter.

lianghai

2010-11-19 01:19:39 +08:00

我表示已经被 @Paranoid @Sparanoid 绕晕了……
觉得既然顶上那条已经那么立体了，沿着那个弧面削下去一层也不错——不过这似乎就不是 CSS 能达到的效果了……XD
http://cl.ly/3J0F

Sai

2010-11-19 01:28:31 +08:00

@lianghai rgba加个0.1的a就行

lianghai

2010-11-19 01:33:22 +08:00

@Sai 呃我没说清楚，其实指的是边缘各处的不同颜色和不同的阴影，这种事情大概得用 CSS3 来给边框贴图了？

freefcw

2010-11-19 02:05:58 +08:00

@Sparanoid 这个挺漂亮的

不过现在的搜索功能确实是废柴

shawiz

2010-11-19 04:44:10 +08:00

@lianghai 里面可以用 CSS3 渐变实现。

Livid

MOD

2010-11-19 09:01:06 +08:00

@disinfeqt Thank you very much.

这个新设计和本地的一些其他功能正在调试，会和 SSO 及 V2EX DNS 的一项新功能一起上线。

lianghai

2010-11-19 15:19:43 +08:00 via iPhone

@shawiz ...是的，渐变是很简单的，只是复杂的边缘色彩和阴影没法用 CSS 实现，于是不太适合 V2EX。

makestory

2010-11-20 00:50:08 +08:00

要实现管道缺口感觉其实不用明显的渐变，颜色稍微深一些就有立体感了。

Wowbeing

2010-11-20 00:57:59 +08:00

@ipopo 看上去像滑动解锁

shawiz

2010-11-20 01:40:04 +08:00

@lianghai 恩，的确会变得很复杂。特别是一个方向的 inner shadow. 我尝试过做一条高度为 1px 的 div, 然后加 box-shadow 实现了个类似的效果。

disinfeqt

2010-11-20 02:04:59 +08:00

Everything can be done with CSS3.
I haven't used :after or :before pseudo class in this case.