标题: 【参赛】IF&极限“Skyline_天际线”第1皮【最后更新：10.21】 [打印本页]
作者: ds.duan 时间: 2009-8-30 17:51 标题: 【参赛】IF&极限“Skyline_天际线”第1皮【最后更新：10.21】
本帖最后由 ds.duan 于 2009-10-22 09:36 编辑
这是我的第1个参赛作品，下面把我参加本次大赛的几款皮肤都贴出来：
处女作第1皮：Skyline_天际线
懒猫猫第2皮：Night_Cats_夜猫子
萤火虫第3皮：Firefly's_Summer_萤火虫的夏日
终极版第4皮：Daylight_Allure_日光倾城
.....................................................................................................................
名称：Skyline_天际线
作者：ds.duan
版本：1.0.0
时间：09/08/30
简介：很多人都很向往大海，我们似乎都有这样的想象惯性，海边的美景一定是梦幻般的漂亮...跟很多人一样，我也有对大海的想象，这款皮肤的灵感来源就是这样...“天际边的一道残阳划开了深海的宁静，我们一起结伴，随风起航...”
邮箱：ds.duan@gmail.com
皮肤压缩包： http://bbs.ioage.com/cn/images/attachicons/zip.gif Skyline_天际线_For_TW_3.0.zip (293.31 KB)
在线安装http://www.ioage.com/skin.png
09/09/21
03更新.....................................................................................................................
更新开发团队提到的缺陷问题：隐私窗口和标签栏右侧关闭按钮等。
09/09/03
02更新.....................................................................................................................
67L highfire 提醒和建议：针对不同标签状态，设置四种不同标签色彩发光提示（win7任务栏标签色彩提示效果）
jordanfc 在帖子后回答：“Windows的任务栏的状态有6贞， tw只有4贞，所以会少两个状态。。” //所以我这里也只能修改和提供4贞的标签栏状态效果。（已修复）
P.S.102L溪风 同学说想要效果图中的壁纸，我把它打包放在这里，和他/她一样想要壁纸的同学就表客气了...
壁纸下载：网盘下载地址.RAR（2560x1600）（1.82M）
09/09/02
01更新.....................................................................................................................
2L jym2005 提示：帖子内图片链接失效。（已修复）
10L heaven827 建议：改进标签。（已改进）
16L yytwt 建议：优化状态栏下载扩展图标。（待优化）
41L highfire 提示：前进/后退钮在指针悬浮状态时色彩无变化，视觉提示很弱。（已修复）
58L windnom 提示：激活标签栏下方的“白线”在视觉感受上显得突兀。（已修复）
更新截图：
[attach]77932[/attach]
[attach]77933[/attach]
[attach]78147[/attach]
皮肤缩略图：
[attach]77619[/attach]
设计图稿
http://image.zcool.com.cn/16/35/1251626324145.png
http://image.zcool.com.cn/36/15/1251626340038.png
http://image.zcool.com.cn/49/28/1251626354176.png
http://image.zcool.com.cn/0/40/1251626366244.png
http://image.zcool.com.cn/36/55/1251626380203.png
作者: jym2005 时间: 2009-8-30 18:07
提示: 作者被禁止或删除 内容自动屏蔽
作者: 花犯 时间: 2009-8-30 18:08
就一张图可以的....
作者: Nym 时间: 2009-8-30 18:11
看第一张缩略图标准按钮多好看的~~~
作者: squound 时间: 2009-8-30 18:13
提示: 作者被禁止或删除 内容自动屏蔽
作者: ds.duan 时间: 2009-8-30 18:14
本帖最后由 ds.duan 于 2009-8-31 09:56 编辑
555……我这边是蜗牛的网速呀，一会找个可以外链的地址看看……3Q
作者: Nym 时间: 2009-8-30 18:20
用上了~~~喜欢
作者: heaven827 时间: 2009-8-30 18:30
不错不错
作者: abcdmp5 时间: 2009-8-30 18:45
嗯,没挂的那张看上去蛮简洁的
作者: heaven827 时间: 2009-8-30 18:46
标签再改进一下就更好了
作者: squound 时间: 2009-8-30 18:48
提示: 作者被禁止或删除 内容自动屏蔽
作者: ds.duan 时间: 2009-8-30 18:59
本帖最后由 ds.duan 于 2009-8-31 09:56 编辑
恩恩，我特地在实际皮肤里增加了一条“中黄色”的横线用作视觉提示……谢谢的你细心和指正……^^
作者: ds.duan 时间: 2009-8-30 19:14
本帖最后由 ds.duan 于 2009-8-31 10:01 编辑
^^正常状态统一的暗淡色调跟预览图中的效果是一样的 。
图标阴影“向上位移1像素”的动态效果确实有待改进，如果没有位移1像素而采用固定不变的方式，只在色彩变化上做出视觉提示，可能的提示作用有限。
另外，虽然上网人群中的色盲患者不多见，但为了考虑不能明显辨识色相能力的少数色盲患者，所以还是采用了向上位移1像素悬停效果……
采用“向上位移1像素悬停效果”的原因还有：工具栏的图标一般都在浏览器和显示屏的上方，“向上位移”的趋势也比较符合用户视线的走向……这个是我瞎猜想的，呵呵~
“……悬停时图标跳高阴影位置应该不变，形状变小……”，恩恩，谢谢你的建议……哈哈
作者: mulao 时间: 2009-8-30 20:16
看起来还不错
作者: vokins 时间: 2009-8-30 20:24
i love it 期待最终班~
作者: yytwt 时间: 2009-8-30 20:30
提示: 作者被禁止或删除 内容自动屏蔽
作者: wangxf2006 时间: 2009-8-30 20:39
能做个chrome模式的吗？
作者: haokeyy 时间: 2009-8-30 20:51
用上了，相当不错哦
作者: Echolee 时间: 2009-8-30 21:35
用色方面很好 图标也很好看
作者: binghuo 时间: 2009-8-30 21:51
嗯~
这个看起来很有感觉~
支持LZ~
作者: cs703 时间: 2009-8-30 22:07
waiting for chrome style
作者: ds.duan 时间: 2009-8-30 22:30
本帖最后由 ds.duan 于 2009-8-31 09:58 编辑
恩，应该没问题的
作者: ds.duan 时间: 2009-8-30 22:32
本帖最后由 ds.duan 于 2009-8-31 09:58 编辑
谢谢……下载扩展的图标确实过于简单了……3Q,我记下了^^
作者: yytwt 时间: 2009-8-30 22:48
提示: 作者被禁止或删除 内容自动屏蔽
作者: ds.duan 时间: 2009-8-30 23:04
本帖最后由 ds.duan 于 2009-8-31 09:59 编辑
谢谢……我用的是XP系统的"宋体"……可能Vista或Win7的"雅黑和宋体"会有点问题，我再看看^^
作者: qijideyang 时间: 2009-8-30 23:15
哦，感觉不错的说
作者: hxlhhh 时间: 2009-8-30 23:35
图标赞！！！一定投你一票！
小房子图标特意比其他的高了点？
作者: ds.duan 时间: 2009-8-31 01:57
本帖最后由 ds.duan 于 2009-8-31 13:31 编辑
“主页”小房子图标不管是“造型、风格、精细程度”都跟工具栏同类型的图标有很大差异，我个人的设计依据是这样：
小房子“主页”、“Home ”等不同词汇的描述都含有“家”的寓意在里边，而“家”在我们心目中被认为是占有很重要的位置，把用户的社会心理认知投射到互联网领域的产品视觉设计中即可以这样来表达：
把“造型、风格、精细程度”区别于同类型的功能图标，目的在于提升“主页”图标的权重等级，加强用户的心理认知……
另外，“主页”图标也是很多用户点击率很高的按钮和使用率很高的功能，对于重要程度和使用频率都很高的“主页”图标我们可以放肆地去设计它，从而更好地形成和提升“Skyline_天际线”这款浏览器皮肤的特点和亮点……
PS：呵呵，以上是我瞎分析着来的^^
“……小房子图标特意比其他的高了点？”，你提到的这个尺寸问题很好，不说我还没真没注意到呢……确实比其它图标高了点，不过还好不是高很多^^，下个版本我会把这个bug修复的……谢谢你很好的发现了这个问题
作者: kj775 时间: 2009-8-31 03:16
地址栏和搜索栏内容好像不居中有点靠上，不知道是不是个案
作者: pader 时间: 2009-8-31 09:12
图好美呀.
作者: ds.duan 时间: 2009-8-31 09:36
本帖最后由 ds.duan 于 2009-8-31 13:31 编辑
恩，谢谢指出^^，这个不是个案，是我不知道如何调整地址栏和搜索栏内文字纵向高度的问题（或距离地址栏和搜索栏边框的距离）……将整体工具栏高度向上调整也许能解决这个问题，我试试看，多谢^^
作者: hope250 时间: 2009-8-31 09:41
这个要顶，个人认为这是第一个正儿八经的参赛“作品”
作者: 365kiss 时间: 2009-8-31 09:48
这话说得好让人伤心
好象一天更新2,3次都白更新了
作者: winbao 时间: 2009-8-31 10:29
不錯,已用上,非常好看
作者: 海毒液 时间: 2009-8-31 10:33
终于用上这么好的皮了，激动
要是TW的默认皮肤的背景也是这种颜色就好了
作者: hxlhhh 时间: 2009-8-31 10:49
正常状态下的图标如果也象皮肤缩略图里的一样富有色彩 感觉要好些，正如squound说的“正常状态是统一的暗淡色调，失去的预览图中的光彩，感觉并不可取...”（这里的“预览图”应该指的是“皮肤缩略图”）
作者: diy 时间: 2009-8-31 10:50
看了这么多作品 目前最喜欢的一款了
我去下载回头反馈
作者: hxlhhh 时间: 2009-8-31 11:06
从小房子后面探出头来的是憨豆先生吧，O(∩_∩)O哈哈~
作者: ds.duan 时间: 2009-8-31 11:12
恩恩^^
“……正常状态下的图标如果也象皮肤缩略图里的一样富有色彩……”这样的话，可能会抢掉“主页”房子图标视觉焦点，且整个浏览器界面色彩更多了，对于长时间使用的浏览器来说，可能眼睛会疲劳，故还是把“富有色彩”的图标状态用在“悬浮”状态时出现，这样不仅规避了上面所提到的问题，还能把“黯淡色调”的图标“激活”成“彩色”状态……
谢谢你的建议
作者: yytwt 时间: 2009-8-31 11:18
提示: 作者被禁止或删除 内容自动屏蔽
作者: ds.duan 时间: 2009-8-31 12:10
我这里是显示的
作者: ds.duan 时间: 2009-8-31 12:11
本帖最后由 ds.duan 于 2009-8-31 13:34 编辑
恩恩，这是个重大bug，今天晚上更新就修复^^，多谢提醒
作者: ds.duan 时间: 2009-8-31 12:14
你怎么发现的？从我的头像里是看不出来的
作者: zjhzhw 时间: 2009-8-31 19:41
最喜欢的一款！
作者: nandion 时间: 2009-8-31 20:11
很喜欢这款皮肤的色泽和质感，希望能有chrome风格的版本
作者: ds.duan 时间: 2009-8-31 20:51
谢谢你和大家的肯定，我会再接再厉，继续发布优秀的作品
作者: 旗号 时间: 2009-8-31 21:30
按钮很漂亮
作者: 失踪日记 时间: 2009-8-31 21:52
看起来很活泼的皮肤
作者: milk。 时间: 2009-8-31 22:10
好看~~支持下哈~
作者: lighthunter 时间: 2009-9-1 10:42
【IF观光团】顶DS~~~~~~~~
作者: 95123 时间: 2009-9-1 11:40
怪了，用上了，收藏夹中的网站图标怎么都不显示了
作者: ds.duan 时间: 2009-9-1 11:54
？……我这边没问题的啊，你注销下系统或清理下浏览器缓存看看～
作者: boboosky 时间: 2009-9-1 11:59
IF团队，顶起来！~图标蛮漂亮！
作者: hope250 时间: 2009-9-1 12:55
图标没问题，能显示
作者: tahe 时间: 2009-9-1 15:50
【IF观光团】顶duan仔
作者: windnom 时间: 2009-9-1 15:51
试用一下，iconfans的水平相当不错
作者: windnom 时间: 2009-9-1 15:55
激活的标签栏下方的白线很煞风景
作者: sc5vtuqi 时间: 2009-9-1 16:04
IF成员出品，必属精品。
漂亮的作品，顶起！
作者: ds.duan 时间: 2009-9-1 16:06
非常感谢你指出，这又是一个重大bug，我的LED显示器看的不是很明显，今晚上就更新，一定修复！再次谢谢^^
作者: Feel·J 时间: 2009-9-1 17:35
【IF观光团】duan.sir牛大发了
作者: 花犯 时间: 2009-9-1 17:40
....ICONFANS的强人众来啦？
作者: ds.duan 时间: 2009-9-1 18:02
娃哈哈，LS MM很陈老师啊～
作者: keaimao1989 时间: 2009-9-1 18:05
我想问的是 为什么我用GOOGLE搜索出来的字 很小很小 是我TW的原因吗
作者: trade168 时间: 2009-9-1 19:18
楼上的 你看右下角是不是百分之百 或者看字体大小是不是选太小了
作者: ds.duan 时间: 2009-9-1 20:24
这个问题LS帮你回答了……可能是网页缩放级别小于100%；也可能是你把浏览器菜单中的查看“文字大小”调太小了。
可以按住“Ctrl+鼠标滚轮”来缩放字体大小的，当然这是临时的，不是一直默认的文字大小的^^
作者: ds.duan 时间: 2009-9-2 10:58
哈～，你建议太棒了，今晚上就更新去～Very very THX
作者: nandion 时间: 2009-9-2 18:52
这款皮的色调和质感是我最喜欢的，如果能出个chrome版就好了
作者: qijideyang 时间: 2009-9-2 21:18
很不错，喜欢！
作者: jordanfc 时间: 2009-9-2 21:39
windows的任务栏的状态有6贞， tw只有4贞， 所以会少两个状态。。
作者: ds.duan 时间: 2009-9-2 22:25
恩，TW少了悬浮“激活标签”和点击“激活标签”2个状态~~
作者: tinham 时间: 2009-9-3 08:48
整体配色比较顺眼，可以弄个chrome的出来嘛
作者: lxy417 时间: 2009-9-3 09:15
这个感觉不错，支持一下
作者: Nym 时间: 2009-9-3 09:21
好强大的分割线~~~
作者: 皓风 时间: 2009-9-3 09:58
整体图标 不协调
作者: vokins 时间: 2009-9-3 10:01
good~good~ i like
作者: 风翔万里 时间: 2009-9-3 12:41
貌似大作。。。赶紧mark
作者: lsslff 时间: 2009-9-3 14:41
试用了一下 这个是用起来最舒服的一个 配色清淡舒服 适合长时间使用
作者: 飞啊飞啊飞 时间: 2009-9-3 15:02
LZ做个2.0的移植版吧，这图标真好看
作者: 苹果啤酒 时间: 2009-9-3 15:06
貌似不错的样子
作者: ds.duan 时间: 2009-9-3 15:55
2.0皮肤我没做过啊，不知道难做不^^
作者: 枫月 时间: 2009-9-3 17:40
这个好漂亮啊
作者: drogonly 时间: 2009-9-3 18:26
楼主的预览图倒是很nice
作者: 3422686wql 时间: 2009-9-3 19:01
很好很强大
作者: vokins 时间: 2009-9-3 22:00
如果我觉得，默认那个停止按钮是有颜色，点下去变成灰色的更好～
作者: davidmoer 时间: 2009-9-3 22:01
这个我很稀饭啊..决定下了
作者: ds.duan 时间: 2009-9-3 22:53
恩恩，谢谢LZ的关注^^，我自个很多时候也拿不定主意，其实“停止按钮”使用率和它左右边的功能图标相比应该说是最低的，我自个几乎没点击过“停止按钮”，所以基于此，在默认状态下就没“点亮”图标了，而是点击后才把色彩“激活”……，不知道你有哪些比较新颖的观点没，说说看，我也好吸收各种建议，然后再作出修改，使皮肤更接近完美^^
作者: ds.duan 时间: 2009-9-3 22:55
谢谢LZ肯定^^，有了肯定也不枉鄙人半夜出来更新了，哈哈哈~
作者: lemss 时间: 2009-9-3 22:58
细节处做的很不错
作者: vokins 时间: 2009-9-3 23:09
我觉得默认点亮更好看一些，左右也搭配，同时不建议使用和“恢复”“后退”相同的黄色，可以使用较暗的红色，并且有别于“收藏夹”的颜色，还有就是调整成那个chrome样式时，标签上部和工具栏背景的地方有一条白线（换整体颜色就看出来了），这个暂且没有仔细考虑过到底是同不统一好看，楼主觉得呢？
以上是个人的一点拙见。
作者: ds.duan 时间: 2009-9-4 00:05
本帖最后由 ds.duan 于 2009-9-4 00:07 编辑
恩恩，谢谢LZ的建议，你说的颜色问题很有见地，我考虑得还不够周到，图标色彩的运用跟相应图标功能的逻辑关系还不够强烈……有不少同学都提议工具栏图标默认状态最好带色彩，我会综合你和大家的建议在这两天内进一步更新，做出2个版本供不同喜好的同学选择，这样每个不同喜好的人都能下载到自己喜欢的皮肤了^^
另外，这个皮肤不是设计成Chrome模式那样标签在工具栏上方，但你说的也能调出Chrome样式来吗？目前我还不清楚这个样式是怎么设置的，你能告诉我么？ 非常感谢^^
作者: pader 时间: 2009-9-4 09:33
本帖最后由 pader 于 2009-9-4 09:34 编辑
下面的效果图跟实际的不一样嘛，实际的丑很多。
标签按钮什么的都不一样。
作者: jacky86ye 时间: 2009-9-4 09:36
很不错，试用下，晕！回贴太快了！
作者: ds.duan 时间: 2009-9-4 09:53
恩恩，谢谢指出bug，讲得挺好的^^，标签栏左边的“新建+”按钮色彩跟工具栏的不一致，这个问题回头修复好～
状态栏的“页面声音”图标是一个“入耳式小耳机”本来在它右边还有根延长线的，因为尺寸的限制就把延长线删除了，导致现在识别性不是很高的后果，这个问题回头看看能否改进得更好^^
谢谢你这么好的建议
作者: ds.duan 时间: 2009-9-4 10:00
下面的“效果图”是最初版本的截图，另外TW中“网页工具栏”里的图标和状态栏“换肤"的图标是以“插件”的形式附加的（不是TW默认的功能组件），所以虽然我都设计了它们各自的图标，但是皮肤编辑器是替换不了的……
另外，提供下载的皮肤是最近修改过的版本，前面的效果图都是第一个版本，所以可能会出现实际使用跟你所见到的效果图有差异，所以还请谅解，新版本还会不断地修改，请继续关注我的更新进程^^3Q3Q
作者: vokins 时间: 2009-9-4 10:14
本帖最后由 vokins 于 2009-9-4 10:40 编辑
用那个小工具调整的～如图
另：换成chrome样式可能出现的问题：最大化后，如图（昨晚下载的版本）
作者: sostopop 时间: 2009-9-4 10:49
不错的作品
作者: ds.duan 时间: 2009-9-4 11:16
嗯嗯，谢谢谢谢，回头我一并检测一下，顺便把Chrome样式的皮肤一起做出来，very very thx^^
作者: baozi265 时间: 2009-9-4 20:08
好像不错哦。。。
作者: 溪风 时间: 2009-9-5 00:18
皮肤略缩图的那张背景壁纸有吗？很好看。
希望楼主提供一张宽度至少1280的，谢谢。
作者: ds.duan 时间: 2009-9-5 01:23
没问题，壁纸已经添加上^^
地址在这：壁纸下载 网盘下载地址.RAR（2560x1600） （1.82M）
| 欢迎光临 世界之窗论坛 (http://bbs.theworld.cn/) |
Powered by Discuz! 7.2 |