世界之窗论坛 - Powered by Discuz! Board

标题: [参赛]【铁皮™】+【翠竹™ 】11.24更新 [打印本页]

作者: tangbin 时间: 2009-9-1 14:49 标题: [参赛]【铁皮™】+【翠竹™ 】11.24更新

本帖最后由 tangbin 于 2009-11-26 02:19 编辑

作者常用邮箱：admin@planeart.cn
备用邮箱：tangbin@daxuecheng.cn
作者所属队伍：Iconfans参赛队，蓝色理想参赛队，cnBeta.com参赛队，daxuecheng.com参赛队，planeArt.cn参赛队，宅男代表队。（列举队伍仅仅表示我是有组织，有身份的人士，绝非三无人员！:-) ）

-------------------------------------------------------------------
作品一：翠竹

简介：青青翠竹，如竹一样“青”巧！
最后更新：10.22 版本：1.0.0.7

详细说明：
吸收了一丝韩国naver风格，此款皮肤不是‘简约而不简单’，而是‘简约又简单’！

在线安装此皮肤>>
[attach]83774[/attach]

[attach]77851[/attach]

--------------------------------------------------------------------
作品二：铁皮

最后更新：11.24 版本：1.0.0.8

设计说明：
框架采用坚固的金属拉丝面板，标签卡采用纳米玻璃制作，透光性极强。

在线安装此皮肤>>
[attach]83275[/attach]

[attach]83267[/attach]
（点击查看大图）

铁皮更新：
----------------------------
2009.11.23 [1.0.0.8]

1.标签分组功能其实是个鸡肋，标签开多了显得杂乱无章。这次修改为点状的分组图标，保证识别性的同时也让界面看起来整洁一点。
2.修改隐私浏览按钮
3.提亮查找输入框
4.重绘状态栏
5.重绘侧边栏工具栏
6.重绘鼠标悬停项的背景图片

2009.11.23 [1.0.0.7]

1.统一按钮样式，地址栏内元素明度整体提高。深色的皮肤处理很有难度，尽量弱化浏览器元素的视觉地位，减少对网页阅读的干扰。
2.重绘拉丝面板。
3.合并收藏按钮和地址栏，让地址栏按钮分组更加清晰。
4.更改地址栏字体颜色、状态栏图标、等一些小细节。

2009.10.17 [1.0.0.6]

注意：官方参赛页面低于此版本
前段时间一直很忙，图做好了却没有时间切，昨晚通宵到今天12:00才切好。时间还是太仓促，没有深入的检查细节。等睡一觉起来在慢慢整理，图标重绘，直到满意为止！
‘铁皮’虽然属于深色系列，但是很好的控制了明度层次，避免了很多深色皮肤在笔记本屏幕可视角度带来的问题。本作品仍然采用了第一个作品“翠竹”的理念，着重表现了标签卡等重要可交互元素。
‘铁皮’在红光的处理上丝灵感源自自ThinkPad笔记本。

作者: jym2005 时间: 2009-9-1 14:54

提示: 作者被禁止或删除内容自动屏蔽

作者: qijideyang 时间: 2009-9-1 14:59

不错哦，加油！

作者: tangbin 时间: 2009-9-1 15:10

本帖最后由 tangbin 于 2009-9-1 15:24 编辑

：—）

作者: squound 时间: 2009-9-1 15:12

提示: 作者被禁止或删除内容自动屏蔽

作者: tangbin 时间: 2009-9-1 15:17

5# squound

如果宽度超过600像素，论坛会自动把图片缩小，而在IE6下会有锯齿，所以我传效果图就用PS缩小了尺寸。

作者: whiteat 时间: 2009-9-1 15:38

相当好的作品可以算我心目中前2的

有一点建议，可以把世界之窗后面那个3 不太好看把它去掉

作者: windnom 时间: 2009-9-1 15:42

naver的变种，原创性差点，还行

作者: tangbin 时间: 2009-9-1 16:20

回复：7# whiteat

确实这个数字不和谐，皮肤包已经更新，谢谢whiteat的建议。

作者: zollll 时间: 2009-9-1 16:21

很不错，顶一个

作者: tangbin 时间: 2009-9-1 16:27

回复：8# windnom

我确实在标签卡上借鉴了Naver的元素，之前也在论坛见过使用Naver标签卡的皮肤，我个人偏爱这种绿色，养眼。
设计也由此直接带来的思路：安排好交互元素的合理层次，重点突出常用交互元素。

作者: netac 时间: 2009-9-1 16:53

楼主把按钮做全一些啊。

作者: jym2005 时间: 2009-9-1 16:55

提示: 作者被禁止或删除内容自动屏蔽

作者: abcdmp5 时间: 2009-9-1 17:13

标签看着有些突兀

作者: tangbin 时间: 2009-9-1 17:28

楼主把按钮做全一些啊。
netac 发表于 2009-9-1 16:53 http://bbs.ioage.com/cn/images/common/back.gif

好的！正在进行。。
我是在世界之窗默认的皮肤Crystal_Chrome的基础上重新绘制的，基本上还剩下三个位置的默认的按钮，因为它暂时还很和谐我就暂时没有重绘。

作者: binghuo 时间: 2009-9-1 17:36

难得有chrome样式的~
支持下~

作者: tangbin 时间: 2009-9-1 17:40

标签看着有些突兀
abcdmp5 发表于 2009-9-1 17:13 http://bbs.ioage.com/cn/images/common/back.gif

当前标签与前进后退按钮重点突出了下，因为我认为这几个位置使我们经常要使用的，重要性好比一个网站的导航，重在实用（PS,我的职业是网页设计，呵呵）

作者: tangbin 时间: 2009-9-1 17:47

难得有chrome样式的~
支持下~
binghuo 发表于 2009-9-1 17:36 http://bbs.ioage.com/cn/images/common/back.gif

我的个人理解：世界之窗3本应该默认是chrome皮肤的，由于更改了用户体验，考虑到国情，他不可能做到google那么简洁，所以普通大众还是会喜欢常规的界面的，皮肤也相应多一点。

我是世界之窗的老鸟了，我很喜欢2.0的界面，正是因为简洁让我使用了多年的世界之窗，现在出了3.0我自然要让他简洁到底，不然我还不用了呢。

作者: whiteat 时间: 2009-9-1 19:08

能不能做一个普通主题的

作者: tangbin 时间: 2009-9-1 19:25

能不能做一个普通主题的
whiteat 发表于 2009-9-1 19:08 http://bbs.ioage.com/cn/images/common/back.gif

会的，毕竟标准的界面设计自由度大一些，容易表现各种风格。不过要等目前这个主题完美收笔。

作者: leafiness 时间: 2009-9-1 20:22

很简洁

作者: whiteat 时间: 2009-9-1 22:09

本帖最后由 whiteat 于 2009-9-2 00:54 编辑

楼主，你看这样会不会更好呢，借用了楼主的皮肤ps了一下，楼主不要生气哦
[attach]77908[/attach]
[attach]77911[/attach]

作者: whiteat 时间: 2009-9-1 22:11

我感觉vista效果已经审美疲劳了。

作者: test4user 时间: 2009-9-1 22:13

本帖最后由 test4user 于 2009-9-1 22:18 编辑

楼主的头像.....令我很反感.........不细看像个小孩头放在一土堆上.....

作者: linwenzhi7 时间: 2009-9-1 22:13

很喜欢很不错！~

作者: Kally0412 时间: 2009-9-1 23:07

我还以为是中国风的呢，哈哈，支持！

作者: coldfusion 时间: 2009-9-1 23:09

我喜欢这种简约的风格，不过好像没做完？好多按钮还是原始的。。

作者: liubo811 时间: 2009-9-1 23:15

目前最好的皮肤，继续~~~~~

作者: qijideyang 时间: 2009-9-2 01:20

应该可以获奖的作品！支持你！

作者: tangbin 时间: 2009-9-2 09:25

楼主，你看这样会不会更好呢，借用了楼主的皮肤ps了一下，楼主不要生气哦
77908
77911
whiteat 发表于 2009-9-1 22:09 http://bbs.ioage.com/cn/images/common/back.gif

呵呵，最小化、关闭按钮这组按钮我也是接下来重绘的，现在这几个按钮还是默认皮肤的样式，有点不协调了。
我个人觉得，按钮不应该孤立的存在，应该群组，不然界面会很凌乱。

作者: qijideyang 时间: 2009-9-2 11:00

越看越漂亮，顶你，一定要获奖哦！

作者: whiteat 时间: 2009-9-2 11:16

加油。。得奖了请大家吃饭。。

作者: Freesnake 时间: 2009-9-2 11:34

前台标签的绿色过于“冷”和“妖”了，竹子的颜色应该是更加青翠和富有活力。建议可以从一些清晰度比较高的竹子照片上取色。

作者: whiteat 时间: 2009-9-2 11:44

本帖最后由 whiteat 于 2009-9-2 11:54 编辑

建议能不能把原来那个一起放上来

作者: whiteat 时间: 2009-9-2 12:31

本帖最后由 whiteat 于 2009-9-2 12:39 编辑

[attach]77987[/attach]
[attach]77985[/attach]

作者: tangbin 时间: 2009-9-2 12:47

本帖最后由 tangbin 于 2009-9-2 13:02 编辑

77987
77985
whiteat 发表于 2009-9-2 12:31 http://bbs.ioage.com/cn/images/common/back.gif

这个默认分组高光不适合现在的风格，我之前载入ps又放弃修改了，因为我还没有找到适合的方法来设计。颜色太接近了又会失去这个功能的实用性，追求个性呢又造成整体不协调。

谢谢你提醒，我思考下再修改……

作者: tangbin 时间: 2009-9-2 12:54

前台标签的绿色过于“冷”和“妖”了，竹子的颜色应该是更加青翠和富有活力。建议可以从一些清晰度比较高的竹子照片上取色。
Freesnake 发表于 2009-9-2 11:34 http://bbs.ioage.com/cn/images/common/back.gif

也许我这显示器有问题，我这边颜色和竹子颜色一致（我是用的液晶）。这个绿色我是取的火狐浏览器一款叫“Naver”皮肤的颜色，因为我自己很喜欢这种颜色。

作者: nandion 时间: 2009-9-2 12:59

简约、精细、漂亮，我很喜欢！

不过前进、后退按钮在可用和不可用的可识别性上稍差了些，楼主可以考虑用两独立按钮，底色仍用灰色圈起来，不可用时按钮不使用玻璃质感。呵呵，个人看法～～

作者: tangbin 时间: 2009-9-2 13:04

简约、精细、漂亮，我很喜欢！

不过前进、后退按钮在可用和不可用的可识别性上稍差了些，楼主可以考虑用两独立按钮，底色仍用灰色圈起来，不可用时按钮不使用玻璃质感。呵呵，个人看法～～
nandion 发表于 2009-9-2 12:59 http://bbs.ioage.com/cn/images/common/back.gif

恩，目前这个地方视觉反馈还待加强，谢谢你的建议。

作者: nandion 时间: 2009-9-2 13:15

恩，目前这个地方视觉反馈还待加强，谢谢你的建议。
tangbin 发表于 2009-9-2 13:04 http://bbs.ioage.com/cn/images/common/back.gif

我觉得BlackStream在这两个按钮上的处理值得借鉴，呵呵～～

作者: tangbin 时间: 2009-9-2 14:04

我觉得BlackStream在这两个按钮上的处理值得借鉴，呵呵～～
nandion 发表于 2009-9-2 13:15 http://bbs.ioage.com/cn/images/common/back.gif

恩，相当出色。我尝试下效果……

作者: duckZCX 时间: 2009-9-2 14:32

绿色和灰色融合得很好，很喜欢。

tab能否有梯度？

作者: cissy_1030 时间: 2009-9-2 15:17

不错不错

作者: smoking 时间: 2009-9-2 15:23

1# tangbin

能不能把绿色改成蓝色，或者就用TheWorld皮肤自带的外观颜色？

另外，标签为绿色，但是收藏栏上的图标又是淡蓝色，看上去不统一啊。

作者: kapersky 时间: 2009-9-2 15:27

非常喜欢这种绿色，有一点，觉的地址栏太宽了，和前面简洁的按纽不相配。而且后面的转到，刷新键也如楼主说的太重了厚，也和前面的按纽不相呼应。希望楼主这款最后改成精品。加油！！！

作者: tangbin 时间: 2009-9-2 16:57

绿色和灰色融合得很好，很喜欢。

tab能否有梯度？
duckZCX 发表于 2009-9-2 14:32 http://bbs.ioage.com/cn/images/common/back.gif

我尝试了下，改成梯形的标签卡就有点不合风格了。。

作者: tangbin 时间: 2009-9-2 17:00

1# tangbin

能不能把绿色改成蓝色，或者就用TheWorld皮肤自带的外观颜色？

另外，标签为绿色，但是收藏栏上的图标又是淡蓝色，看上去不统一啊。
smoking 发表于 2009-9-2 15:23 http://bbs.ioage.com/cn/images/common/back.gif

其实主打色应该是灰色，而不是绿色，如果绿色多用会变俗气的。
收藏栏图标是蓝灰色，应该还很统一啊。。

作者: duckZCX 时间: 2009-9-2 17:02

我尝试了下，改成梯形的标签卡就有点不合风格了。。
tangbin 发表于 2009-9-2 16:57 http://bbs.ioage.com/cn/images/common/back.gif

嗯，我也发现了，确实。

Chrome样式正愁有点疲劳了呢，非常喜欢这款，立马从水滴转到这个了，非常舒服的绿色，尤其是变色了以后的其他色，也非常舒服。

作者: tangbin 时间: 2009-9-2 17:03

非常喜欢这种绿色，有一点，觉的地址栏太宽了，和前面简洁的按纽不相配。而且后面的转到，刷新键也如楼主说的太重了厚，也和前面的按纽不相呼应。希望楼主这款最后改成精品。加油！！！
kapersky 发表于 2009-9-2 15:27 http://bbs.ioage.com/cn/images/common/back.gif

几乎所有界面的大小都是不能修改的，地址栏是自由伸缩的，不然浏览器怎么适应用户千奇百怪的显示器分辨率呢。

那几个按钮我再斟酌着……

作者: kapersky 时间: 2009-9-2 20:10

几乎所有界面的大小都是不能修改的，地址栏是自由伸缩的，不然浏览器怎么适应用户千奇百怪的显示器分辨率呢。

那几个按钮我再斟酌着……
tangbin 发表于 2009-9-2 17:03 http://bbs.ioage.com/cn/images/common/back.gif

我说的是地址框框的高度，表达有误，呵呵

作者: cjcj915007 时间: 2009-9-2 20:38

漂亮，收下

作者: ynyjyz 时间: 2009-9-2 20:38

这个感觉很不错啊!

作者: luosheng920 时间: 2009-9-2 21:45

不错，LZ继续加油啊，期待你的佳作！

作者: ttght777 时间: 2009-9-2 22:17

不喜欢这个颜色搭配

作者: tangbin 时间: 2009-9-3 14:05

09.03特别说明：这个作品绘制比较严格，没发现任何细节上的错误。感谢网友给我提的意见，大部分已经我已经尝试或者采纳。既然已经成形了，再耗下去不会有太大的进展，我还是把更多的时间花在下一个新作品上。

作者: everlee 时间: 2009-9-3 20:10

这个不错～支持一下！

作者: sky77 时间: 2009-9-3 22:17

支持下楼主

作者: lemss 时间: 2009-9-3 23:08

真的是很简洁的美啊

作者: nandion 时间: 2009-9-3 23:39

09.03特别说明：这个作品绘制比较严格，没发现任何细节上的错误。感谢网友给我提的意见，大部分已经我已经尝试或者采纳。既然已经成形了，再耗下去不会有太大的进展，我还是把更多的时间花在下一个新作品上。
tangbin 发表于 2009-9-3 14:05 http://bbs.ioage.com/cn/images/common/back.gif

支持，已经很经典了，期待新的作品

作者: shiyiyao 时间: 2009-9-3 23:42

现在就在用，很喜欢的，简洁，轻盈

作者: tytung2020 时间: 2009-9-4 10:19

比较喜欢原版的Naver
其实这个简洁皮肤不应该有太多玻璃的感觉
而你的前进后退键, 大小化和关闭按钮都有玻璃效果, 和整体的朴素感不搭配

作者: tangbin 时间: 2009-9-4 22:43

这个皮肤暂时不动了，最后可能调整下

作者: jym2005 时间: 2009-9-4 22:44

提示: 作者被禁止或删除内容自动屏蔽

作者: 漂流瓶 时间: 2009-9-5 08:47

chrome样式的不错

作者: ayaki 时间: 2009-9-7 12:33

第一眼不咋地，仔细看还蛮大方的~

作者: htyx 时间: 2009-9-7 12:42

谢谢提供！

作者: lastime 时间: 2009-9-7 14:27

目前锁定这个在用，顺服~~

作者: tangbin 时间: 2009-9-7 18:48

论坛也可以在线安装皮肤了：
在线安装此皮肤

作者: lgqlgf 时间: 2009-9-7 19:06

不错的皮肤,楼主加油!

作者: 八万 时间: 2009-9-9 12:17

怀念，以前经常去吃“翠竹亭”

作者: Arcanist 时间: 2009-9-10 02:56

感觉很不错

作者: tangbin 时间: 2009-9-14 17:43

怀念，以前经常去吃“翠竹亭”
八万发表于 2009-9-9 12:17 http://bbs.ioage.com/cn/images/common/back.gif

翠竹亭？？？

作者: 还孤单吗 时间: 2009-9-14 17:52

环保为主。。。。。。

作者: jiashie 时间: 2009-9-15 16:09

用的颜色给人的感觉挺“厚重”的，不过样式还行，有点像Chrome的轻薄型感觉。

作者: yeahjob 时间: 2009-9-18 23:28

不错，还可以

作者: z726 时间: 2009-9-19 16:10

非常不错哦非常不错哦

作者: netac 时间: 2009-9-22 20:20

再做细致一些就好了。有些地方的按钮有缺陷。
另外隐私浏览窗口的按钮没做啊。

作者: tangbin 时间: 2009-10-16 00:04

零点更新完毕！截图不是最新的

作者: duckZCX 时间: 2009-10-16 00:20

你后面这个皮肤做成残垣断壁的背景效果如何

作者: sky77 时间: 2009-10-16 02:07

支持下。

作者: ynkm169 时间: 2009-10-16 18:45

新皮怎么没有发上来，，，

作者: tangbin 时间: 2009-10-17 13:59

2009.10.17
第二个作品（TheWorld-2087）做的相当辛苦，前段时间一直很忙，图做好了却没有时间切，昨晚通宵到今天12:00才切好。时间还是太仓促，没有深入的检查细节。等睡一觉起来在慢慢整理，图标重绘，直到满意为止！

作者: binbdoo 时间: 2009-10-17 14:04

比较喜欢那个翠呀。。。。。。。。。。喜欢绿色。

作者: ynkm169 时间: 2009-10-17 15:20

先换上新皮，，，，

作者: 天海无极 时间: 2009-10-17 16:33

本帖最后由天海无极于 2009-10-17 16:35 编辑

2087那款玻璃标签很不错，关闭浏览器那三个按钮背景不怎么喜欢，不是很配..

作者: klyurenjie 时间: 2009-10-17 17:30

拉丝面板...

作者: RyoKazami 时间: 2009-10-17 17:42

很舒服。

作者: lastime 时间: 2009-10-17 18:01

本帖最后由 lastime 于 2009-10-17 18:03 编辑

新皮也不错~~

只是，楼主习惯性地不管小图标，而第二个皮连收藏栏也不管了。。。

作者: wcy032515 时间: 2009-10-17 18:37

第一个我喜欢。

作者: DreamMail 时间: 2009-10-17 20:08

喜欢绿的哈

作者: wu9yuan 时间: 2009-10-17 21:04

en 透明的红光非常有创意

作者: tangbin 时间: 2009-10-18 15:17

再做细致一些就好了。有些地方的按钮有缺陷。
另外隐私浏览窗口的按钮没做啊。
netac 发表于 2009-9-22 20:20 http://bbs.ioage.com/cn/images/common/back.gif

“翠竹”已经修改

作者: tangbin 时间: 2009-10-18 15:18

2087那款玻璃标签很不错，关闭浏览器那三个按钮背景不怎么喜欢，不是很配..
天海无极发表于 2009-10-17 16:33 http://bbs.ioage.com/cn/images/common/back.gif

嗯，现在我时间来完善小图标了。

作者: tangbin 时间: 2009-10-18 15:20

新皮也不错~~

只是，楼主习惯性地不管小图标，而第二个皮连收藏栏也不管了。。。
lastime 发表于 2009-10-17 18:01 http://bbs.ioage.com/cn/images/common/back.gif

呵呵，当时情况紧急，比赛已经迟到了，通宵+一个上午才把界面拼起来，顾不了那么多了。现在我就慢慢完善ICO

作者: Humlin 时间: 2009-10-18 16:20

过来挺我师傅一下……

作者: tangbin 时间: 2009-10-19 07:01

徒儿，你也来啦……

作者: coldfusion 时间: 2009-10-19 10:54

还不错哦～！

作者: coldfusion 时间: 2009-10-19 10:55

下面那款铁的一般，有点粗糙。

作者: tangbin 时间: 2009-10-19 15:46

下面那款铁的一般，有点粗糙。
coldfusion 发表于 2009-10-19 10:55 http://bbs.ioage.com/cn/images/common/back.gif

是否有没有对齐的情况？能否给我截图，我正在完善这个皮肤，谢谢！
我在制作的过程中发现世界之窗皮肤机制有点小BUG，我用800px的图片就会出现对不齐的情况。我用的是vista

欢迎光临世界之窗论坛 (http://bbs.theworld.cn/)