1
typcn 2014-11-28 07:20:07 +08:00
我也觉得UI该升级了
|
2
sanddudu 2014-11-28 07:20:38 +08:00 via iPhone 1
在果粉论坛和管理员全是果粉的地方要他们换成安卓的设计风格
我只能说 你猜? |
3
abelyao 2014-11-28 07:52:07 +08:00 via Android
可以自定义 CSS 嘛
|
5
Livid MOD 最近因为等不及 OTA,在 N4 上刷了 Android L,确实很喜欢新设计的风格。接下来就等 SONY 赶快出 Z3 的 Android L 支持了。
目前的 UI 设计确实还存在很多上代系统的痕迹,我计划在过年之前逐步调整完毕。 |
6
1yndonn3u 2014-11-28 08:21:51 +08:00
你觉得mac/ios开发者会同意么,233333
#Bottom { box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28); } #Main .box:nth-child(-2n+4):not(.transparent) { box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32); } #Search div { background-image:none!important; border-image-repeat:repeat; border-image-slice:27 27 27 50; border-image-source:url(https://v2ex.com/static/img/[email protected]); border-image-width:27px 27px 27px 50px; width:auto!important; } #Search input { transition:width .2s cubic-bezier(.4,0,.2,1); width:100px; } #Search input:focus { width:200px; } #Top { background-color:#607D8B; background-image:none; box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28); width:100%; } #Top .content { width:100%; } #Top a { color:#fff; font-size:14px; font-weight:bold; outline:none; } #Top td:nth-child(1) { left:10px; position:absolute; } #Top td:nth-child(1) a { background-image:url("https://dn-cz-misc.qbox.me/v2ex/[email protected]"); background-size:94px 30px; display:inline-block; height:30px; width:94px; } #Top td:nth-child(1) img { display:none; } #Top td:nth-child(2) { position:absolute; right:10px; top:7px; } #Top td:nth-child(3) { display:flex; margin:6px auto; text-align:left; width:970px; } #Wrapper { background-color:#ECEFF1; background-image:none; margin-top:10px; } .box,a.tab_current:link,a.tab_current:visited,a.tab_current:active,a.count_livid:link,a.count_livid:active,.vote:link,.vote:visited,.vote { border-radius:0; } .box:not(.transparent) { border-bottom:none; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.24); } .cell { border-bottom:1px solid #e5e5e5; } .collapsed { display:block; } .mll { background-color:#f6f6f6; border-bottom:1px solid #e5e5e5!important; border-style:none none solid!important; margin-left:-10px; margin-top:-10px; padding:10px; width:660px; transition:background-color .2s cubic-bezier(.4,0,.2,1); } .mll,.ml,.mle { border-radius:0; box-shadow:none!important; resize:none!important; } .mll:focus { background-color:#fff; } #topic_form { margin: -10px; } #topic_form td { padding: 0; } #topic_form input[type=submit] { margin: 10px; } #topic_title, #topic_content { border:none; border-bottom: 1px solid #e5e5e5; width: 660px !important; padding: 10px; } .sl { border-radius:0; box-shadow:none!important; } .super.button { background-color:#78909c; background-image:none; border:none!important; border-radius:2px; box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24); color:#fff!important; display:inline-block; font-size:13px; font-weight:bold; height:32px; line-height:30px; outline:none; padding:0 16px; text-shadow:none!important; transition:box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1); } .super.button:focus { background-color:#546e7a; box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32); outline:none; transition:none; } .super.button:hover { background-color:#607d8b; box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28); transition:none; } .tag:link,.tag:visited,img.avatar { border-radius:2px; } .topic_buttons { background:#eee; border-radius:0; } a.balance_area:link,a.balance_area:visited,.balance_area { background:none repeat scroll 0 0 #f5f5f5!important; border-radius:0!important; } a.tb:hover { background-color:#ccc; border-radius:0; } balance_area:hover { background:none repeat scroll 0 0 #f9f9f9; } body { background-color:#ECEFF1; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important; min-width:1200px; } 引用 http://www.v2ex.com/t/144409 @aliuwr |
7
yyfearth 2014-11-28 08:23:10 +08:00
觉得V2EX现在的Style
除了一些渐变和圆角 只要调整一下颜色 和Material Design差距不算大 |
8
belin520 2014-11-28 09:00:09 +08:00 via Android
在果粉论坛和管理员全是果粉的地方要他们换成安卓的设计风格
我只能说 你猜? 我复制的 |
9
hjc4869 2014-11-28 09:30:48 +08:00 via iPhone
在果粉论坛和管理员全是果粉的地方要他们换成安卓的设计风格
我只能说 你猜? 我复制的 咋不问Metro风格? 233 |
10
linkiosk 2014-11-28 09:35:22 +08:00
v2ex有好用的客户端吗?
|
11
kokdemo 2014-11-28 09:35:48 +08:00
|
13
kokdemo 2014-11-28 10:01:41 +08:00
|
14
lincanbin 2014-11-28 10:01:46 +08:00
|
16
66beta 2014-11-28 10:03:32 +08:00
github上有开源前端框架,拿过来用就行~
|
17
lincanbin 2014-11-28 10:04:53 +08:00
@pierrecpen 我觉得倒是刚刚好,这张皮是我上个星期花了一晚上搞的,给我自己论坛用的。
|
18
lingyired 2014-11-28 10:05:08 +08:00
Material Design 很多东西不是只改 CSS 就能实现的。
|
19
Taosky 2014-11-28 10:16:27 +08:00 via Android
|
21
aliuwr 2014-11-28 10:25:36 +08:00
@kokdemo 按照我的理解, Material Design 中内容的重要程度是通过高度来区分的. 由于屏幕是 2D 的平面, 只能通过阴影来表现高度.
你没有感觉是因为没有炫丽的颜色, 平滑的动画等这些比较夺目的特点吧. 这个样式里去掉了文本框的边框是我个人最喜欢的修改. |
22
kokdemo 2014-11-28 10:27:35 +08:00 1
|
23
kokdemo 2014-12-06 22:30:14 +08:00
|