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

标题: [参赛]Colorful Day【更新：10.18 增加单色背景】 [打印本页]

作者: 玉宇 时间: 2009-9-17 19:55 标题: [参赛]Colorful Day【更新：10.18 增加单色背景】

本帖最后由玉宇于 2009-12-22 20:35 编辑

作品名称：Colorful Day
常用邮箱：admin@yutheme.cn
我的网站：www.yutheme.cn

皮肤叫Colorful Day，因为工具栏用了多彩的的背景，为了不使皮肤过于花哨，所以用了简洁的图标，刚好本人也不善于做过于精细的图标，就参考了一些素材完成这个皮肤的图标部分。从来没做过浏览器皮肤，这次试试做着玩一下，可能还有错误，希望大家指出。

[attach]80370[/attach]

修正：网络收藏夹按钮修正！
修正：隐私窗口按钮背景！
修正：chrome样式标签栏新增按钮放到了右边！

重大更新：增加Chrome样式，对所有图片进行了优化，皮肤大小减小一半，欢迎更新，如果有错误请指出。

9.19晚重大更新：增加colorful day light样式！
因为看到有朋友说此风格头部各栏高度过高侵占浏览面积，所以这次增加了LIGHT版本，此版个栏目高度减小，更简洁，同时看到朋友说头部太多黑色感觉压抑，所以将工具栏图标和地址栏等变成白色，达到更清爽的感觉！
谢谢各位朋友提出了这些好的建议，谢谢！
9月20日更新：增加light_chrome样式，增加菜单选择背景，优化了LIGHT版图标悬停不明显的问题，所有版本更新到1.2

10月12日更新：所有版本更新到1.2.1

[attach]82203[/attach]

10月14日更新：重做了一些图标如侧边栏等，更新了收藏夹图标，现在皮肤包有三种收藏栏文件夹图标
[attach]82558[/attach]
可供选择，目前使用的是第三种，如果你不喜欢目前的可由自己的喜好进行选择，只要将喜欢的图标更名为fav_directory3.ico即可，当然得记得先移除原来的fav_directory3.ico！

[attach]80138[/attach]

[attach]80141[/attach]
[attach]80176[/attach]

10.18：增加一个单色背景，喜欢的朋友可以下载图片直接覆盖皮肤文件夹里的同名文件，替换多色背景，使用单色后可以对风格调色到自己喜欢的颜色，只要你喜欢可以随时调色。

（请鼠标移上后点击下载再进行下载，原图宽度789px,请勿下成600PX的缩略图）

[attach]83332[/attach]

经典样式（版本1.2.3）在线安装：http://www.yuthemes.com/skin.png

Chrome样式（版本1.2.3）在线安装：http://www.yuthemes.com/skin.png

推荐（参选设计奖皮肤）：colorful day light （版本1.2.4）在线安装：http://www.yuthemes.com/skin.png

colorful day light chrome（版本1.2.3）在线安装：http://www.yuthemes.com/skin.png

合并参选人气奖的皮肤：colorful day、colorful day chrome、colorful day light、colorful day light chrome
参选设计奖的皮肤：colorful day light

[attach]80935[/attach]

作者: kay0726 时间: 2009-9-17 20:00

漂亮啊,怎么没人顶呢

作者: skymage 时间: 2009-9-17 20:33

支持新人！

作者: lytwan 时间: 2009-9-17 20:45

嘛专业的也来了支持下
奖品诱惑力果然大啧啧

作者: thines 时间: 2009-9-17 20:50

顶你下

作者: thines 时间: 2009-9-17 20:53

非常优秀

作者: qijideyang 时间: 2009-9-17 20:55

背景多彩，处理的还不错！

作者: abcdmp5 时间: 2009-9-17 21:10

简单绚丽的色彩配上致约的图标,感觉很不错^_^.

作者: netac 时间: 2009-9-17 21:14

工具栏背景效果不错。按钮再做精细一些就更好啦。

作者: roc 时间: 2009-9-17 21:18

样式很新颖啊，赞一个~~

个人意见：鼠标指向未激活的标签的时候上面有一条七彩的线，感觉整个标签被压住了，视觉上有一种压抑的感觉....
期待chrom样式的^_^

作者: 玉宇 时间: 2009-9-17 21:25

工具栏背景效果不错。按钮再做精细一些就更好啦。
netac 发表于 2009-9-17 21:14 http://bbs.ioage.com/cn/images/common/back.gif

呵呵，图标是我的弱项，能画成这样我已经付出了百分之200的力气了。。。

作者: 玉宇 时间: 2009-9-17 21:26

样式很新颖啊，赞一个~~
个人意见：鼠标指向未激活的标签的时候上面有一条七彩的线，感觉整个标签被压住了，视觉上有一种压抑的感觉....
期待chrom样式的^_^
roc 发表于 2009-9-17 21:18 http://bbs.ioage.com/cn/images/common/back.gif

这个我觉得只是鼠标滑过的一种指示形式，不会一直看到的，所以还好吧。（关键是我还没想到更好的表现形式……

）

作者: Nym 时间: 2009-9-17 21:32

很漂亮啊~~~~~~~~多彩而不花眼~~

作者: abcdmp5 时间: 2009-9-17 21:37

楼主,反应太平淡了,奇迹啊,开发组同时来捧场,楼主来点感言才是啊

作者: 玉宇 时间: 2009-9-17 21:39

楼主,反应太平淡了,奇迹啊,开发组同时来捧场,楼主来点感言才是啊
abcdmp5 发表于 2009-9-17 21:37 http://bbs.ioage.com/cn/images/common/back.gif

哈哈，谢谢大家，我是新手，还不太懂礼数……

作者: abcdmp5 时间: 2009-9-17 21:41

哈哈，谢谢大家，我是新手，还不太懂礼数……
玉宇发表于 2009-9-17 21:39 http://bbs.ioage.com/cn/images/common/back.gif

呵呵,玩笑话,楼主莫当真^_^.
不过到真是很难得啊,近来开发组一直为3.X忙得不可开交的说^_^.

作者: toe 时间: 2009-9-17 22:00

1# 玉宇 离近看, 非常漂亮. 很细致.

作者: 我1107 时间: 2009-9-17 22:20

不错，试用了才来回复。很有创意

作者: roc 时间: 2009-9-17 22:25

小遗漏：网络收藏夹按钮图标没有设计
[attach]80161[/attach]
订阅扩展图标也是
[attach]80162[/attach]
状态栏按钮：
[attach]80163[/attach]

作者: jym2005 时间: 2009-9-17 22:30

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

作者: 玉宇 时间: 2009-9-17 22:32

小遗漏：网络收藏夹按钮图标没有设计
80161
订阅扩展图标也是
80162
状态栏按钮：
80163
roc 发表于 2009-9-17 22:25 http://bbs.ioage.com/cn/images/common/back.gif

请问这些按钮怎么调出来

作者: lytwan 时间: 2009-9-17 22:41

订阅现在能改咩-0-|||

作者: 菩提心 时间: 2009-9-17 22:44

订阅夹图标也不能修改吧

作者: netac 时间: 2009-9-17 22:52

嗯。订阅夹和代理服务器都是暂时不能改的。

作者: 玉宇 时间: 2009-9-17 23:07

小遗漏：网络收藏夹按钮图标没有设计
80161
订阅扩展图标也是
80162
状态栏按钮：
80163
roc 发表于 2009-9-17 22:25 http://bbs.ioage.com/cn/images/common/back.gif

谢谢啊，网络收藏夹按钮重弄了，其他的好像改不了

作者: 菩提心 时间: 2009-9-17 23:29

侧边栏所有项目都没有更改

作者: dwqbl 时间: 2009-9-17 23:57

很漂亮！！！

作者: ndtwz 时间: 2009-9-18 00:16

这个皮肤有特点！我喜欢！

作者: selvin 时间: 2009-9-18 09:42

嘎嘎~~玉宇也来了~~哥支持你~~~

作者: diy 时间: 2009-9-18 09:43

WIN7 系统
Windows系统标准的窗口标题条下出问题了

[attach]80197[/attach]

作者: 玉宇 时间: 2009-9-18 09:54

WIN7 系统
Windows系统标准的窗口标题条下出问题了

80197
diy 发表于 2009-9-18 09:43 http://bbs.ioage.com/cn/images/common/back.gif

我用的也是WIN7
你的标准窗口是怎么调出来的？

作者: zhouxuan5326 时间: 2009-9-18 11:05

很漂亮，这是我用过的里面设计思路最好的一个！~个人感觉边框有点宽了，现在一般都是宽屏了，这样的话网页可使面积变小；不过如果边框变窄了不知道还有没有这种让人眼前一亮的感觉！~

作者: hawaiicool 时间: 2009-9-18 11:06

眼前一亮啊
不过地址栏的颜色浅一些就好了

作者: ggggyso 时间: 2009-9-18 12:51

不错的皮肤支持玉宇兄的作品

作者: inchn 时间: 2009-9-18 12:59

很专业很强大

作者: gooray 时间: 2009-9-18 15:38

这个装上之后效果很棒！顶！

作者: he989 时间: 2009-9-18 15:43

很不错啊·~色彩很漂亮

作者: duckZCX 时间: 2009-9-18 15:45

背景太赞了，哈哈，

潜力皮，持续关注

作者: tedw 时间: 2009-9-18 15:55

好看，赞一个！

作者: superflq 时间: 2009-9-18 16:03

还行,路过

作者: DreamMail 时间: 2009-9-18 16:03

用之
个人感觉标签栏、收藏栏、标题栏啥的都有些高呢，影响浏览面积

作者: diy 时间: 2009-9-18 16:39

我用的也是WIN7
你的标准窗口是怎么调出来的？
玉宇发表于 2009-9-18 09:54 http://bbs.ioage.com/cn/images/common/back.gif

防假死（关闭）----到对应皮肤处（选择使用Windows系统标准的窗口标题条）---重启浏览器

作者: cimmicola 时间: 2009-9-18 17:25

很漂亮很漂亮，就是高了些，能不能再窄一点，多留出点浏览面积？

作者: ndtwz 时间: 2009-9-18 17:32

自动填表的图标好像没有变啊，怎么还是蓝色的小钥匙？

作者: yys890122 时间: 2009-9-18 20:52

支持。。。。。。。

作者: asd26833 时间: 2009-9-18 22:03

非常完美！頂！

作者: Freesnake 时间: 2009-9-18 22:13

整体感觉很不错，要是有chrome样式的就更好了

作者: 玉宇 时间: 2009-9-18 23:40

整体感觉很不错，要是有chrome样式的就更好了
Freesnake 发表于 2009-9-18 22:13 http://bbs.ioage.com/cn/images/common/back.gif

已经添加，希望大家喜欢！

作者: it179 时间: 2009-9-18 23:47

太花了

作者: 东暴 时间: 2009-9-19 00:07

背景图太美了，整体出来效果也很好。
有了chrome样式就顶。

作者: asd26833 时间: 2009-9-19 16:15

再頂一次~chrome風格也超棒

作者: xiazi0222 时间: 2009-9-19 16:19

顶～～相当不错

作者: zhouxuan5326 时间: 2009-9-19 17:01

再顶！~chrome风格太棒了！

作者: dk123 时间: 2009-9-19 17:04

太花了不好看

作者: ego713 时间: 2009-9-19 17:51

事实上我也挺喜欢这个皮皮的。
但是不知道为什么，如此清透的彩色背景上，都是深灰色，感觉好压抑。
还有真的是有些宽了，很占浏览面。

作者: ifelse 时间: 2009-9-19 19:14

很新颖啊，支持一下

作者: ynkm169 时间: 2009-9-19 19:25

整体效果不错，就是宽了点，，，

作者: 奶油先生丶 时间: 2009-9-19 19:25

GOOD.喜欢这种style.

作者: youmail 时间: 2009-9-19 20:42

真的很漂亮的说 ~下载试试~

作者: 玉宇 时间: 2009-9-19 21:32

事实上我也挺喜欢这个皮皮的。
但是不知道为什么，如此清透的彩色背景上，都是深灰色，感觉好压抑。
还有真的是有些宽了，很占浏览面。
ego713 发表于 2009-9-19 17:51 http://bbs.ioage.com/cn/images/common/back.gif

呵呵现在有LIGHT版本了你可以试试！

作者: xiaoyuk 时间: 2009-9-19 21:35

不过不错。又花哨又精致。。。。。。。可以说两者结合得蛮好。。。。

顺便说一下colorful day light 经典样式出个仿chrome版本吧！！！
我现在用的是仿chrome版本的，但是经典样式白色看气势似乎更顺眼。。
没办法。系统是xp仿Mac，又是14寸宽屏。能省一点高度是一点。

作者: 玉宇 时间: 2009-9-19 21:38

不过不错。又花哨又精致。。。。。。。可以说两者结合得蛮好。。。。

顺便说一下colorful day light 经典样式出个仿chrome版本吧！！！
我现在用的是仿chrome版本的，但是经典样式白色看气势似乎更顺眼。。
没办 ...
xiaoyuk 发表于 2009-9-19 21:35 http://bbs.ioage.com/cn/images/common/back.gif

行呵呵稍后奉上！

作者: cimmicola 时间: 2009-9-19 21:42

提点小意见，light风格的收藏栏部分过于白，对比原来版本的，收藏栏有些彩色渐变的背景，渐渐的淡去，看起来很舒服。而light的就像鱼肚子一样格外的刺眼了

作者: 玉宇 时间: 2009-9-19 21:45

提点小意见，light风格的收藏栏部分过于白，对比原来版本的，收藏栏有些彩色渐变的背景，渐渐的淡去，看起来很舒服。而light的就像鱼肚子一样格外的刺眼了
cimmicola 发表于 2009-9-19 21:42 http://bbs.ioage.com/cn/images/common/back.gif

谢谢提醒我修改修改

作者: DreamMail 时间: 2009-9-19 22:04

能不能来个只是栏目高度减小的版本？
^_^工具栏图标和地址栏等变成白色--不如原来的有感觉呢

作者: 玉宇 时间: 2009-9-19 22:22

能不能来个只是栏目高度减小的版本？
^_^工具栏图标和地址栏等变成白色--不如原来的有感觉呢
DreamMail 发表于 2009-9-19 22:04 http://bbs.ioage.com/cn/images/common/back.gif

呵呵众口难调啊，你可以先使用黑色的chrome版本那样高度能小一些，如果时间允许，我可以做一个黑色的缩小版试试

作者: ego713 时间: 2009-9-19 22:28

呵呵现在有LIGHT版本了你可以试试！
玉宇发表于 2009-9-19 21:32 http://bbs.ioage.com/cn/images/common/back.gif

谢谢，你真客气。更新速度好快啊！
新的版本用了。
1、地址栏已经有了MAC的感觉，如果能像原来的深色地址栏有点凹陷感就好了，现在因为有白色的边框线，而视感是凸起的。（地址栏小三角后面有条黑线，自带皮肤是没有的，见下图）
2、鼠标滑过按钮，按钮变化不是很明显。
3、Light版的收藏栏的颜色太淡了，确实没有原版的好看了。
4、提供下对比图片，“TW自带皮肤”功能菜单子项的高亮做的和按钮风格是一致的。这是特别的细节。我看了好多作品在这里都没有做太大的修饰。
[attach]80379[/attach]
[attach]80380[/attach]

再次感谢~恭祝获胜。

作者: 455058874 时间: 2009-9-19 22:29

期待Chrome也有light版本

作者: 594573 时间: 2009-9-19 23:35

干净清爽的皮肤！
提个小建议，标签分组图片和窗口圆角可以在精细一下~

作者: qijideyang 时间: 2009-9-19 23:44

不得不承认，light模式的显得更紧凑和整齐，比普通模式的好！

作者: 天悦 时间: 2009-9-20 00:25

非常喜欢渐变的颜色，呵呵，就是工具栏的图标再做的精致点就完美了

作者: 玉宇 时间: 2009-9-20 11:38

本帖最后由玉宇于 2009-9-20 11:39 编辑

谢谢，你真客气。更新速度好快啊！
新的版本用了。
1、地址栏已经有了MAC的感觉，如果能像原来的深色地址栏有点凹陷感就好了，现在因为有白色的边框线，而视感是凸起的。（地址栏小三角后面有条黑线，自带皮肤 ...
ego713 发表于 2009-9-19 22:28 http://bbs.ioage.com/cn/images/common/back.gif

多谢你这么细心的指教，地址栏的白色的确是突起的，因为是白色底所以做凹进去的效果会有些奇怪，也不够清爽，所以还是用这种表现，我想也算是和暗色的区别吧。
地址栏那个暗线是为了把地址栏和后边的按钮做个隔离，其实默认皮肤也是有个的只不过他是整个一块的隔离。

我比较关心的是，为什么你的截图里地址栏后边的按钮的背景和地址栏的背景会有明显的色差，我机子上是看不到这个的。

其他的问题我已经做了修改，你可以再试用一下，希望你继续提建议，帮我改进谢谢！

作者: ynkm169 时间: 2009-9-20 11:50

速度还是不错的，喜欢light－chrome版本

作者: aaronz 时间: 2009-9-20 11:54

所用过的最漂亮的主题，支持！

作者: powerma 时间: 2009-9-20 12:29

很精彩的皮肤！

作者: ego713 时间: 2009-9-20 12:36

……色差……
玉宇发表于 2009-9-20 11:38 http://bbs.ioage.com/cn/images/common/back.gif

因为我做了调色。

作者: yooken 时间: 2009-9-20 12:46

呵呵很不错

作者: 漂流瓶 时间: 2009-9-20 12:55

不错蛮有特色

作者: 玉宇 时间: 2009-9-20 15:54

因为我做了调色。
ego713 发表于 2009-9-20 12:36 http://bbs.ioage.com/cn/images/common/back.gif

哦了解了

作者: sdshadower 时间: 2009-9-20 16:15

先支持一下，总体来讲，挺不错的~忘再接再厉~

作者: kyoabc 时间: 2009-9-20 17:36

顶！！！！

作者: sure 时间: 2009-9-20 19:09

light_chrome 的标签是方框的样子……

我怎么记得chrome标签的方框是弧形的……

作者: citydog 时间: 2009-9-20 20:24

漂亮，转了一大圈，就相中楼主的作品啦，我在用！！

作者: xhtcricket 时间: 2009-9-20 20:37

太好看了

作者: feicunyu 时间: 2009-9-20 20:46

效果和配色都不错啊，不过我觉得底色面板彩色，图标简单看久了会有种视觉上的疲劳，不知道其他人看着怎么样~~

作者: cimmicola 时间: 2009-9-20 23:54

这个绝对是最优秀的皮肤了。强烈支持。不过总感觉chrome样式的皮好像有些不自然，不如普通模式，工具栏，标签栏，标题栏都组合的那么精致巧妙，有些牵强的感觉。

作者: zhouxuan5326 时间: 2009-9-21 08:49

再顶！~强烈支持这个皮！~

作者: airplane 时间: 2009-9-21 08:52

楼主有心了

作者: 玉宇 时间: 2009-9-21 21:50

这个绝对是最优秀的皮肤了。强烈支持。不过总感觉chrome样式的皮好像有些不自然，不如普通模式，工具栏，标签栏，标题栏都组合的那么精致巧妙，有些牵强的感觉。
cimmicola 发表于 2009-9-20 23:54 http://bbs.ioage.com/cn/images/common/back.gif

多谢喜欢我的皮肤，这个皮肤设计的时候是按照经典模式做的，CHROME模式是从经典模式改过来，因为能扩大浏览面积，满足一些小屏幕电脑使用此皮肤不至于太占面积，如果你的屏幕够大，推荐你还是用经典模式好一些。

作者: serao 时间: 2009-9-22 15:18

非常漂亮，很喜欢！

作者: netac 时间: 2009-9-22 21:43

还是黑色版本的好看。背景和地址栏那段很不错。
图标还是试着改一下嘛 - - 。

作者: aly2006 时间: 2009-9-23 10:55

非常喜欢哈哈

作者: 玉宇 时间: 2009-9-23 15:34

91# netac
这个背景不适合复杂图标，不然就花的不行了

作者: inchn 时间: 2009-9-23 18:09

很漂亮，再次来顶

作者: 会武术的安东尼 时间: 2009-9-23 18:44

漂亮！谢谢！

作者: serao 时间: 2009-9-24 22:03

再来帮顶！

作者: 玉宇 时间: 2009-9-25 11:17

96# serao

多谢，没人顶，自顶一次

作者: NE0912 时间: 2009-9-25 11:59

帮忙顶，好皮要支持，现在在用你的light版

作者: WeeVee 时间: 2009-9-25 15:22

本帖最后由 WeeVee 于 2009-9-25 15:24 编辑

用上是这样的？还是我的问题？
http://il7hba.blu.livefilestore.com/y1p68Pvo67WxyCBJ75o3LZFmTGUn0okDgWXJrBjcI-UClDvDODw6bTYt3b8N5XNJ1DxVW70Zgylp3ARaYQ5GvLfzJWa2YCzTZRy/snap0000009.jpg

自己改了
http://il7hba.blu.livefilestore.com/y1pGvwEZ4O0xhcVZ4Z50zkS4Cf-SodqTXeCJbYBuIIaN7WcrDhLovg5SpQTQ-n1fQ7coZsQgsWapvfa4NjiE3SOcg/snap0000010.jpg

作者: sgdbmry 时间: 2009-9-25 15:49

謝謝樓主呵呵
很絢麗的皮膚

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