【参赛】IF&极限“Skyline_天际线”第1皮【最后更新：10.21】 皮肤, Skyline, 宁静, 素雅, 清爽

ds.duan

这是我的第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 提示：激活标签栏下方的“白线”在视觉感受上显得突兀。（已修复）

更新截图：

皮肤缩略图：

设计图稿

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

ds.duan

图片部分挂了 直接上传吧
jym2005 发表于 2009/8/30 18:07 http://bbs.ioage.com/cn/images/common/back.gif

555……我这边是蜗牛的网速呀，一会找个可以外链的地址看看……3Q

ds.duan

标签再改进一下就更好了
heaven827 发表于 2009/8/30 18:46 http://bbs.ioage.com/cn/images/common/back.gif

恩恩，我特地在实际皮肤里增加了一条“中黄色”的横线用作视觉提示……谢谢的你细心和指正……^^

ds.duan

正常状态是统一的暗淡色调，失去的预览图中的光彩，感觉并不可取，图标阴影的动态效果不合逻辑，悬停时图标跳高阴影位置应该不变，形状变小，相当不错的作品
squound 发表于 2009/8/30 18:48 http://bbs.ioage.com/cn/images/common/back.gif

^^正常状态统一的暗淡色调跟预览图中的效果是一样的 。

图标阴影“向上位移1像素”的动态效果确实有待改进，如果没有位移1像素而采用固定不变的方式，只在色彩变化上做出视觉提示，可能的提示作用有限。

另外，虽然上网人群中的色盲患者不多见，但为了考虑不能明显辨识色相能力的少数色盲患者，所以还是采用了向上位移1像素悬停效果……

采用“向上位移1像素悬停效果”的原因还有：工具栏的图标一般都在浏览器和显示屏的上方，“向上位移”的趋势也比较符合用户视线的走向……这个是我瞎猜想的，呵呵~

“……悬停时图标跳高阴影位置应该不变，形状变小……”，恩恩，谢谢你的建议……哈哈

ds.duan

能做个chrome模式的吗？
wangxf2006 发表于 2009/8/30 20:39 http://bbs.ioage.com/cn/images/common/back.gif

恩，应该没问题的

ds.duan

不错啊！！不过状态栏图标可以再优化下，尤其是下载扩展的图标
yytwt 发表于 2009/8/30 20:30 http://bbs.ioage.com/cn/images/common/back.gif

谢谢……下载扩展的图标确实过于简单了……3Q,我记下了^^

ds.duan

目前最喜欢的一款了，在皮肤设置里调整外观颜色后更佳（但是标准按钮的颜色不能随外观颜色的设置而改变；）；希望标准按钮的图标能再打磨下，总感觉有点小小的不协调（与地址栏和搜索栏的高度相比）； ...
yytwt 发表于 2009/8/30 22:48 http://bbs.ioage.com/cn/images/common/back.gif

谢谢……我用的是XP系统的"宋体"……可能Vista或Win7的"雅黑和宋体"会有点问题，我再看看^^

ds.duan

图标赞！！！一定投你一票！
小房子图标特意比其他的高了点？
hxlhhh 发表于 2009/8/30 23:35 http://bbs.ioage.com/cn/images/common/back.gif

“主页”小房子图标不管是“造型、风格、精细程度”都跟工具栏同类型的图标有很大差异，我个人的设计依据是这样：

小房子“主页”、“Home ”等不同词汇的描述都含有“家”的寓意在里边，而“家”在我们心目中被认为是占有很重要的位置，把用户的社会心理认知投射到互联网领域的产品视觉设计中即可以这样来表达：

把“造型、风格、精细程度”区别于同类型的功能图标，目的在于提升“主页”图标的权重等级，加强用户的心理认知……

另外，“主页”图标也是很多用户点击率很高的按钮和使用率很高的功能，对于重要程度和使用频率都很高的“主页”图标我们可以放肆地去设计它，从而更好地形成和提升“Skyline_天际线”这款浏览器皮肤的特点和亮点……

PS：呵呵，以上是我瞎分析着来的^^

“……小房子图标特意比其他的高了点？”，你提到的这个尺寸问题很好，不说我还没真没注意到呢……确实比其它图标高了点，不过还好不是高很多^^，下个版本我会把这个bug修复的……谢谢你很好的发现了这个问题

ds.duan

地址栏和搜索栏内容好像不居中有点靠上，不知道是不是个案
kj775 发表于 2009/8/31 03:16 http://bbs.ioage.com/cn/images/common/back.gif

恩，谢谢指出^^，这个不是个案，是我不知道如何调整地址栏和搜索栏内文字纵向高度的问题（或距离地址栏和搜索栏边框的距离）……将整体工具栏高度向上调整也许能解决这个问题，我试试看，多谢^^

ds.duan

正常状态下的图标如果也象皮肤缩略图里的一样富有色彩 感觉要好些，正如squound说的“正常状态是统一的暗淡色调，失去的预览图中的光彩，感觉并不可取...”（这里的“预览图”应该指的是“皮肤缩略图”）
hxlhhh 发表于 2009/8/31 10:49 http://bbs.ioage.com/cn/images/common/back.gif

恩恩^^

“……正常状态下的图标如果也象皮肤缩略图里的一样富有色彩……”这样的话，可能会抢掉“主页”房子图标视觉焦点，且整个浏览器界面色彩更多了，对于长时间使用的浏览器来说，可能眼睛会疲劳，故还是把“富有色彩”的图标状态用在“悬浮”状态时出现，这样不仅规避了上面所提到的问题，还能把“黯淡色调”的图标“激活”成“彩色”状态……

谢谢你的建议

ds.duan

搜索栏的搜索引擎图标不显示了？
yytwt 发表于 2009/8/31 11:18 http://bbs.ioage.com/cn/images/common/back.gif

我这里是显示的

ds.duan

前进后退钮，为什么点不去不显示亮黄色呢？虽然活动，好像没有反应一样。。。
highfire 发表于 2009/8/31 12:02 http://bbs.ioage.com/cn/images/common/back.gif

恩恩，这是个重大bug，今天晚上更新就修复^^，多谢提醒