Board logo

标题: 【参赛】WowSir 君鹏(Classic+Chrome)============= <最后更新:10.2> [打印本页]

作者: tigerhood    时间: 2009-9-23 23:07     标题: 【参赛】WowSir 君鹏(Classic+Chrome)============= <最后更新:10.2>

本帖最后由 tigerhood 于 2009-10-15 02:28 编辑

[attach]80803[/attach] + [attach]80804[/attach]
Classic版:http://www.ioage.com/skin.png    (压缩包/效果图见下方)
Chrome版:http://www.ioage.com/skin.png   (压缩包/效果图见下方)

[皮肤名称] WowSir 君鹏【Classic+Chrome】
[皮肤作者] 童虎
[作者邮箱] tigerhood@gmail.com
[更新日期] 10月2日
[参赛皮肤] WowSir_Chrome
[入围备图]
[attach]80997[/attach]

[作品说明]
尽力打造一款易用、大气、漂亮耐看、易于聚焦的一款皮肤,最近看了不少魔兽cos-play的视频,所以不自觉做着就变成一款WoW的皮肤了,原本背景采用羊皮纸的效果,后来发现做成皮肤后纸张的噪点会让皮肤看上去有点脏,只好做了拉升模糊处理,变得有点木头纹路了,不过整体干净清爽很多。配色造型上我考虑的不是震撼,而是希望能长久使用的。所以非常注重细节表现、并尽量兼容用户的各种设置,重绘了所有大小图标,以达到整体协调一致作品名称为WowSir,其中的君鹏只是本次参赛的恶搞代号,作为纪念互联网的又一次神奇。


[更新记录]
2009-10-2
Classic版本:

* 重绘了标签样式,调整了颜色对比以及增加了木纹背景,整体颜色舒适很多;
* 重绘了工具栏按钮,使得鼠标移动按下效果更为明显舒适;
* 进一步缩减标题栏高度,由26px改为22px;
* 缩小标签间距,由4px改为1px;

* 最大化的标题背景做了优化调整;
Chrome版本:
* 重绘了标签样式,调整了颜色对比以及增加了木纹背景,整体颜色舒适很多;
* 重绘了工具栏按钮,使得鼠标移动按下效果更为明显舒适;
* 缩小标签间距,由4px改为1px;
-----------------------------------------------------------------------------------------------------
2009-09-26
Classic版本:
* 除了状态栏图标,其它所有图标进行了更新,从配色以及鼠标移动按下效果上大幅度优化操作体验;(网友netac、koonv、hhytsoft提出的问题
* 标题栏高度缩减3px;(网友cjcj915007提出的问题
* 缩小标签间距,由6px改为4px;(网友heaven827、netac提出的问题

Chrome版本:
* 除了状态栏图标,其它所有图标进行了更新,从配色以及鼠标移动按下效果上大幅度优化操作体验;(网友netac、koonv、hhytsoft提出的问题
* 缩小标签间距,由6px改为4px;(网友heaven827、netac提出的问题
* 收藏夹/工具栏高度缩减共4px;(网友cjcj915007提出的问题
* 标题栏背景暗度+10,标签更显眼;
* 非全屏的标题栏左上角增加TheWorld Browser标识(独创!效果很好,建议设计chrome皮肤的朋友们尝试);

目前网友提出的问题已经全部修复,希望大家继续提建议。再次感觉关注支持并提出建议的朋友!

========================= WowSir 君鹏【Classic】=========================
=
[attach]80806[/attach]
[attach]80808[/attach]  
========================= WowSir 君鹏【Chrome】=========================
=
[attach]80805[/attach]
[attach]80807[/attach]
作者: 东暴    时间: 2009-9-23 23:25

做得漂亮呀!
题目要加参赛字样哦。
作者: gyb5209    时间: 2009-9-23 23:31

这个可以有....很不错口牙!
作者: tigerhood    时间: 2009-9-24 00:32

做得漂亮呀!
题目要加参赛字样哦。
东暴 发表于 2009-9-23 23:25 http://bbs.ioage.com/cn/images/common/back.gif


谢谢提醒,为了清晰,内容反复编辑排版,没料到标题的关键给漏了。
作者: zedks    时间: 2009-9-24 00:36


看看~~都说好东西会在后期出现了
作者: heaven827    时间: 2009-9-24 00:38

界面总体上很漂亮啊,个人感觉标签之间空隙有点大,再看看别人意见吧
作者: tigerhood    时间: 2009-9-24 00:43

本帖最后由 tigerhood 于 2009-9-24 00:44 编辑
界面总体上很漂亮啊,个人感觉标签之间空隙有点大,再看看别人意见吧
heaven827 发表于 2009-9-24 00:38 http://bbs.ioage.com/cn/images/common/back.gif


很细心哦,这个是由于标签的边角为了过渡舒服,采用了3px的圆角。所以标签之间就有了6px的间距,我一般开的标签不会很多,感觉还行,如果回头大家都觉得间距过大,就缩小下。
作者: tigerhood    时间: 2009-9-24 01:02

界面总体上很漂亮啊,个人感觉标签之间空隙有点大,再看看别人意见吧
heaven827 发表于 2009-9-24 00:38 http://bbs.ioage.com/cn/images/common/back.gif


太抬举了,谢谢支持!
作者: Francio    时间: 2009-9-24 01:27

感觉 这届参赛水平挺高啊。。。O(∩_∩)O~ 都不错 虽然我不是wow迷  但是这款确实不错

哈哈题目很像:贾君鹏。。。lol
作者: tigerhood    时间: 2009-9-24 03:03

本帖最后由 tigerhood 于 2009-9-24 03:05 编辑
感觉 这届参赛水平挺高啊。。。O(∩_∩)O~ 都不错 虽然我不是wow迷  但是这款确实不错

哈哈题目很像:贾君鹏。。。lol
Francio 发表于 2009-9-24 01:27 http://bbs.ioage.com/cn/images/common/back.gif


作品的代号是“君鹏”,不是我的名字,呵呵
作者: wszgg5    时间: 2009-9-24 03:23

不错,我喜欢咖啡色的界面!
作者: dwqbl    时间: 2009-9-24 07:17

还不赖哦~~~
作者: qijideyang    时间: 2009-9-24 08:28

木质的感觉,不太习惯这种色调。不过支持!
作者: 目不识丁    时间: 2009-9-24 08:52

不错不错,先头你一票.
作者: soft588    时间: 2009-9-24 09:20

第一感覺不錯,呵呵
作者: skymage    时间: 2009-9-24 09:53

tigerhood,你妈喊你回家吃月饼。
作者: netac    时间: 2009-9-24 10:44

不错的皮肤。几个建议:
1、相邻标签的间距是否改小一些比较好
2、访问、常用工具、搜索按钮感觉太软啦。应该可以改得更硬一些。
作者: skypacer    时间: 2009-9-24 11:24

不错的皮肤。
作者: tigerhood    时间: 2009-9-24 11:42

tigerhood,你妈喊你回家吃月饼。
skymage 发表于 2009-9-24 09:53 http://bbs.ioage.com/cn/images/common/back.gif


  雷到了,你真有才。
作者: jordanfc    时间: 2009-9-24 11:42

漂亮啊, 君鹏哥你好帅啊
作者: tigerhood    时间: 2009-9-24 11:43

不错的皮肤。几个建议:
1、相邻标签的间距是否改小一些比较好
2、访问、常用工具、搜索按钮感觉太软啦。应该可以改得更硬一些。
netac 发表于 2009-9-24 10:44 http://bbs.ioage.com/cn/images/common/back.gif


好的,我回头做做效果看看,谢谢提议!
作者: hhytsoft    时间: 2009-9-24 13:22

不错的皮肤,支持一下!
作者: jym2005    时间: 2009-9-24 13:54

提示: 作者被禁止或删除 内容自动屏蔽
作者: tigerhood    时间: 2009-9-24 14:18

发到wow论坛去看看。。
jym2005 发表于 2009-9-24 13:54 http://bbs.ioage.com/cn/images/common/back.gif


不错,有见地!老衲这就去。
作者: koonv    时间: 2009-9-24 14:55

[attach]80843[/attach]感觉按钮相当粗糙!!能不能再细腻点
作者: tigerhood    时间: 2009-9-24 15:09

本帖最后由 tigerhood 于 2009-9-24 15:14 编辑
80843感觉按钮相当粗糙!!能不能再细腻点
koonv 发表于 2009-9-24 14:55 http://bbs.ioage.com/cn/images/common/back.gif


圆形铁锈圈,中间是褐色岩石,岩石上雕刻图形上色。大致就是这样的吧。你说的粗糙是按钮本身,还是因为前进的按钮出现边角?

你的截图没看到下拉的三角。估计你把“查看浏览记录”这个按钮给隐藏了,我那个前进按钮是和这个按钮配套用的,这个地方没考虑到有朋友会隐藏,谢谢你的建议,我回头尝试下别的效果。
作者: 用户名错误    时间: 2009-9-24 16:46

贾君鹏又见君鹏............
作者: wszgg5    时间: 2009-9-24 20:52

真的很喜欢这个skin,来多谢作者!加油!
作者: tigerhood    时间: 2009-9-25 11:15

真的很喜欢这个skin,来多谢作者!加油!
wszgg5 发表于 2009-9-24 20:52 http://bbs.ioage.com/cn/images/common/back.gif


第二套皮肤正在酝酿中……
作者: hhytsoft    时间: 2009-9-25 12:04

不错的皮肤,支持一下!
作者: qiaqiaqia    时间: 2009-9-25 12:50

贾君鹏?呵呵
作者: jym2005    时间: 2009-9-25 15:45

提示: 作者被禁止或删除 内容自动屏蔽
作者: Albert19870625    时间: 2009-9-25 21:12

这皮肤太有爱了。。。
作者: hhytsoft    时间: 2009-9-25 21:16

整体上很不错,用了一天。提一个小意见:
按钮在悬停时的图片应该再处理一下,现在鼠标放上去变化不大,建议做高亮处理
作者: cjcj915007    时间: 2009-9-25 22:17

一种魔兽的感觉,不错,
收藏栏稍宽些,感觉窄一点好,
作者: tinham    时间: 2009-9-26 00:34

优秀的皮肤啊
作者: tigerhood    时间: 2009-9-26 06:29

[更新记录]
2009-09-26
Classic版本:

* 除了状态栏图标,其它所有图标进行了更新,从配色以及鼠标移动按下效果上大幅度优化操作体验;(网友netac、koonv、hhytsoft提出的问题
* 标题栏高度缩减3px;(网友cjcj915007提出的问题
* 缩小标签间距,由6px改为4px;(网友heaven827、netac提出的问题

Chrome版本:
* 除了状态栏图标,其它所有图标进行了更新,从配色以及鼠标移动按下效果上大幅度优化操作体验;(网友netac、koonv、hhytsoft提出的问题
* 缩小标签间距,由6px改为4px;(网友heaven827、netac提出的问题
* 收藏夹/工具栏高度缩减共4px;(网友cjcj915007提出的问题
* 标题栏背景暗度+10,标签更显眼;
* 非全屏的标题栏左上角增加TheWorld Browser标识(独创!效果很好,建议设计chrome皮肤的朋友们尝试);

目前网友提出的问题已经全部修复,希望大家继续提建议。再次感觉关注支持并提出建议的朋友!
作者: 阿贤    时间: 2009-9-26 11:23

谢谢!很实用的东东,好。
作者: Nym    时间: 2009-9-27 15:30

哈哈哈,名字虽然有点恶趣味,但是皮是好的~~~
作者: auroracxy    时间: 2009-9-27 22:50

可以 帮顶了
作者: 梅菲斯特    时间: 2009-9-27 23:21

本帖最后由 梅菲斯特 于 2009-9-27 23:23 编辑

做的很漂亮……但是颜色太浓了,长期使用很刺眼,浏览网页的时候明显感觉被四周浓烈的黄色界面分散了注意力-_-

这个皮肤起始的想法是做个易用、大气、漂亮但又不花哨的样式,最终达到一个能让人聚焦于浏览内容,需要操作时候又很容易操作,细究起来比较耐看的一款皮肤,太亮不宜与长时间使用,太暗虽然容易做效果不过容易影响聚焦

这句话前半部分很可以,后半部分和作品差了很多,如果是wow风格的话这个皮肤明显偏亮了,wow本身是画面偏暗,但是很柔和的界面,皮肤风格和细节部分都不错,我很支持,但是希望LZ可以继续改进配色吧
作者: dk123    时间: 2009-9-27 23:32

这个题目很吸引人啊
作者: ndtwz    时间: 2009-9-27 23:33

灰常不错,我喜欢!
作者: 天海无极    时间: 2009-9-28 17:24

试试这款黄的,做工感觉还蛮细的
作者: ajker    时间: 2009-9-30 00:29

哈哈~~,妈妈叫你去吃饭
作者: tigerhood    时间: 2009-9-30 03:43

做的很漂亮……但是颜色太浓了,长期使用很刺眼,浏览网页的时候明显感觉被四周浓烈的黄色界面分散了注意力-_-

这个皮肤起始的想法是做个易用、大气、漂亮但又不花哨的样式,最终达到一个能让人聚焦于浏览内容,需 ...
梅菲斯特 发表于 2009-9-27 23:21 http://bbs.ioage.com/cn/images/common/back.gif


您的建议还是比较中肯的,建议使用worsir_chrome的皮肤,我个人感觉视觉上还是比较能接受的。之所以没有做的那么暗,就是不希望视觉被吸引,浏览器默认的皮肤之所以都是接近白/浅蓝等浅色系就是预防视觉疲劳。

不过说实在的,除了白/浅蓝/灰色等浅色之外,用其它比较特别的颜色都具有较大的分散视觉的作用,这个也是个性化皮肤的负面之处。
作者: abel    时间: 2009-9-30 09:18

标签栏滑动条不错,整体颜色纯度有点高,容易视觉疲劳。
作者: tigerhood    时间: 2009-10-2 14:10

2009-10-2
Classic版本:

* 重绘了标签样式,调整了颜色对比以及增加了木纹背景,整体颜色舒适很多;
* 重绘了工具栏按钮,使得鼠标移动按下效果更为明显舒适;
* 进一步缩减标题栏高度,由26px改为22px;
* 缩小标签间距,由4px改为1px;

* 最大化的标题背景做了优化调整;
Chrome版本:
* 重绘了标签样式,调整了颜色对比以及增加了木纹背景,整体颜色舒适很多;
* 重绘了工具栏按钮,使得鼠标移动按下效果更为明显舒适;
* 缩小标签间距,由4px改为1px;
作者: imsaver    时间: 2009-10-2 20:58

哈哈哈哈哈哈哈  君鹏
作者: tigerhood    时间: 2009-10-3 01:29

……看来君鹏名气太大,快改过皮肤本身了,晕倒。
请大家多对作品本身发表建议。
作者: 英骁荇    时间: 2009-10-3 12:48

提示: 作者被禁止或删除 内容自动屏蔽
作者: 莲实    时间: 2009-10-3 18:10

做的很漂亮
细节都考虑到了
作者: Nym    时间: 2009-10-3 20:45

……看来君鹏名气太大,快改过皮肤本身了,晕倒。
请大家多对作品本身发表建议。
tigerhood 发表于 2009-10-3 01:29 http://bbs.ioage.com/cn/images/common/back.gif

没啥好说的~~~做得很到位~~~很完整~~~名字也很有喜感~~~
作者: limuyechen    时间: 2009-10-4 23:13

wower前来围观。
作者: tigerhood    时间: 2009-10-9 02:11

wower前来围观。
limuyechen 发表于 2009-10-4 23:13 http://bbs.ioage.com/cn/images/common/back.gif

欢迎组团围
作者: 95123    时间: 2009-10-9 20:26

很精致,,,thanks
作者: five1987    时间: 2009-10-11 16:40

寻寻觅觅支持win7玻璃效果的
作者: shezhang    时间: 2009-10-12 17:12

不错啊!继续努力啊!
作者: netbar    时间: 2009-10-12 17:17

真的不错哦, 我下载用喽
作者: tigerhood    时间: 2009-10-16 01:19

真的不错哦, 我下载用喽
netbar 发表于 2009-10-12 17:17 http://bbs.ioage.com/cn/images/common/back.gif


作者: scholar1314    时间: 2009-10-23 20:16

顶!
  非常漂亮,知识颜色轻有点大……
     个人观点,别介意!嘿嘿.




欢迎光临 世界之窗论坛 (http://bbs.theworld.cn/) Powered by Discuz! 7.2