[参赛]Hype高调质感(Blue) by ABEL skin设计简洁不失细节刻画<最后更新：10.14>
[i=s] 本帖最后由 abel 于 2009-10-16 08:38 编辑 [/i][b][size=6][size=7]Hype[/size]高调质感[/size][size=5](Blue)[/size][/b]
[img]http://i412.photobucket.com/albums/pp205/suzihan/hype21.png[/img]
[b][size=5][color=deepskyblue]皮肤下载：[/color][/size][/b]
[attach]81329[/attach] [url=http://www.ioage.com/apply-skin.html#Hype_高调质感||81329||1.0.3][img]http://www.ioage.com/skin.png[/img][/url]
[url=http://www.ioage.com/apply-skin.html#Hype_高调质感||81329||1.0.3][img]http://i412.photobucket.com/albums/pp205/suzihan/download_btn1-1.png[/img][/url]
[b]Hype 高调质感皮肤 1.0.3版本更新： 2009.10.14 （感谢开发团队 netac 同学的提示）
[/b]1. 制作状态栏按钮，不再使用TW默认按钮样式。
2. 修改隐私浏览模式按钮的效果，增加隐私浏览模式小图标一枚。
3. 修正刷新和停止放在地址栏后面时的图标效果，现在不会出现显示问题，按钮和地址栏均可显示正常。
4. 1.0.3 版本是最终参与比赛评选的版本。皮肤文件最后更新 2009-10-14 14:30
[b]Hype 高调质感皮肤 1.0.2版本更新： 2009.10.10
[/b]1. 修正多项工具栏按钮以及界面按钮的按下状态样式，更加突出按下按钮时的状态。
2. 提高工具栏按钮的鼠标滑过状态的亮度。
[b]Hype 高调质感皮肤 1.0.1版本更新： 2009.10.09
[/b]1. 设置地址栏域名突出显示颜色。
2. 修正标签上关闭按钮不够明显的问题。
3. 修正恢复标签按钮样式。
4. 窗口关闭按钮从红色修改为浅色，统一色调，方便用户自行调整皮肤色相。
5. 重新制作搜索框、收藏夹文件夹、工具按钮、查找框按钮等图标。
6. 修改标签滑块背景样式。
7. 其他细节微调。
谢谢提出意见和建议的各位网友！谢谢！
[color=royalblue]皮肤预览图 [/color][color=#444444]333x140
[attach]81318[/attach][/color]
[color=#4169e1]皮肤入围预览图 [/color][color=#444444]252x135[/color]
[attach]81373[/attach]
[b]作品版本：1.0.0[/b]
[b]作品简介：[/b]
这一款TW3皮肤的名称是Hype(Blue)高调质感，很简单，突出着重体现的是质感和形式上的高调，标签栏采用不规则形式，当前标签高度和后台标签视觉高度不同，
更能突出在大量标签中哪个是正在浏览，也很直接的解决了很多皮肤当前和非当前不宜区分的弊端。特殊设计的“新建标签”按钮也更能体现出设计中的细节用功之处。蓝色
白色的搭配较为简洁。当然，简洁不代表简单。每个按钮和区域的渐变、描边色值也是经过推敲而选择的。为了降低皮肤对浏览页面内容的干扰，图标和部分小型按钮尽量化
繁为简，给用户一个清爽的用户体验。
皮肤已经过作者多次测试，欢迎大家试用，更欢迎大家提出意见和建议，谢谢。
[b]使用建议：[/b]
标签栏紧挨地址栏下方。
排一行按钮（就是默认按钮布局的高度，这样显示效果最好）
不开ctrl B 的收藏夹
栏标签上显示标签分组颜色可关闭(颜色效果做了，只是从我个人角度来说不是很喜欢这个功能)
皮肤Bug联系方式：论坛站内短消息；或Email [email=abel@ourden.net]abel@ourden.net[/email]
[color=royalblue][b]【多图】 皮肤预览！[/b][/color]
[attach]81319[/attach]
[attach]81320[/attach]
[attach]81321[/attach]
[attach]81322[/attach]
[attach]81323[/attach]
[attach]81324[/attach]
[attach]81325[/attach] 这是使用TW3 选项内调色功能实现的。
[attach]81327[/attach]整体效果图 PS 设计过程
[attach]81328[/attach] 分好组和层很关键。对以后的修改有非常大的好处。
[b]作者 ABEL ：[/b]
作者自己也算是设计行业内的一个小小的一员。同时也一直是TW的用户，从2.X版本一直在使用TW，此次升级TW3也是有很大的兴趣，也在慢慢适应TW3的新特性。也感谢TW的制
作团队给网友带来这么好用的IE核心浏览器！
自己主要是做网页设计，插画设计，平面设计的（现在某大型媒体门户网站任职设计师）。对于浏览器皮肤这类软件UI的设计接触的虽然很多，但是自己实践制作确不敢说有
很多经验，所以也希望各位做UI经验较多的高手前辈多多指点指正。谢谢。
第一次接触TW的皮肤制作（早在TW2.X时代就曾有为TW做一款皮肤的想法，但是由于当时自身时间不是很充裕，另外没有专门的皮肤软件可以辅助制作TW的skin，所以这个想法
直到现在才完成。另外赞一下，皮肤制作插件的确不错，容易上手，新人也能制作skin了）
另外也对新手说一下，制作skin并不是找一些漂亮的图标拼凑一下即可。而是需要先做出一副效果图，然后根据皮肤制作插件的提示，分别切图。最终找bug，才能算完成一套
skin的过程。（所写内容如有不当，望高手不吝指教）
icons和皮肤中的元素（除去少数保留TW原版icon）均由ABEL制作。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[color=royalblue]我的blog：[/color] [url=http://www.ourden.net/abel]http://www.ourden.net/abel[/url]
[color=royalblue]网站：[/color] [url=http://www.ourden.net/]http://www.ourden.net[/url]
[color=royalblue]作品一览：[/color] [url=http://www.ourden.net/abel/go.php/component/work]http://www.ourden.net/abel/go.php/component/work[/url]
[align=center][url=http://www.ioage.com/apply-skin.html#Hype_高调质感||81329||1.0.3][img]http://i412.photobucket.com/albums/pp205/suzihan/download_btn1-1.png[/img][/url]
[img]http://i412.photobucket.com/albums/pp205/suzihan/hype21.png[/img][/align] [i=s] 本帖最后由 abel 于 2009-10-14 14:38 编辑 [/i]
希望大家多多支持！谢谢
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
二楼写更新日志
[b]2009.10.14[/b]
[b]1.0.3版本更新：
[/b]1. 制作状态栏按钮，不再使用TW默认按钮样式。
2. 修改隐私浏览模式按钮的效果，增加隐私浏览模式图标一枚。
3. 修正刷新和停止放在地址栏后面时的图标效果，现在不会出现不问题，按钮和地址栏均显示正常。
4. 1.0.3 版本是最终参与比赛评选的版本。皮肤文件最后更新 2009-10-14 14:30
[attach]82621[/attach]
[b]2009.10.10[/b]
[b]1.0.2版本更新：
[/b]1. 修正多项工具栏按钮以及界面按钮的按下状态样式，更加突出按下按钮时的状态。
2. 提高工具栏按钮的鼠标滑过状态的亮度。
[attach]82620[/attach]
[b]2009.10.09[/b]
[b]1.0.1[/b][b]版本更新：[/b]
1. 设置地址栏域名突出显示颜色。
2. 修正标签上关闭按钮不够明显的问题。
3. 修正恢复标签按钮样式。
4. 窗口关闭按钮从红色修改为浅色，统一色调，方便用户自行调整皮肤色相。
5. 重新制作搜索框、收藏夹文件夹、工具按钮、查找框按钮等图标。
6. 修改标签滑块背景样式。
7. 其他细节微调。
[attach]81936[/attach]
[url=http://www.ioage.com/apply-skin.html#Hype_高调质感||81329||1.0.3][img]http://i412.photobucket.com/albums/pp205/suzihan/download_btn1-1.png[/img][/url] 点击此升级到 1.0.3 版本
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ABEL14号留言：
明天就是15号。 应该就是提交作品截止日期。希望各位参赛的朋友都有所收获，也感谢那些给众多作品提出宝贵意见的论坛网友。希望TW越做越好～哈！
短期内可能不会再更新Hype1.0.3版本。
如果对此款皮肤有意见和建议，希望大家跟帖留言吧！谢了。我会在比赛结束以后继续完善，或者尝试做新的皮肤。再次谢谢
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
旧版本文件备份： 高手啊 支持下 [quote]高手啊 支持下
[size=2][color=#999999]ming6595 发表于 2009-9-29 18:46[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055578&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
过奖。谢谢支持！ 哈 [i=s] 本帖最后由 abel 于 2009-9-29 18:53 编辑 [/i]
另外想问一下。参赛的作品都有一个 在线使用下载使用 皮肤的功能。。。这个是不是我要等管理员来更新呢 支持下新作品，继续努力 不错，成熟稳健。 [i=s] 本帖最后由 天衣无缝II 于 2009-9-29 19:23 编辑 [/i]
现在的作品一款比一款上眼，越发成熟。好。
这种有过渡色的蓝正是我想要的。 越看越喜欢，再顶你一下，
字体很清晰可见，这是很多款其它的作品忽略的。 汗，这款皮肤的完成度，最多也就只有50%，楼主还是完成它吧 过程很详细~~~ 专业高人，作品很不错 楼主的标题总给我一种评委评论获奖作品时的感觉。 好皮顶帖的人这么少，怪事，楼主的这款单看展示图没什么特别，但实际应用的时候一看却非常好。
很干净，清晰。 完全自己设计，这个要支持一下 支持一下 顺便下载试用 哈哈 LZ有点爱现，不过作品还行~ [quote]现在的作品一款比一款上眼，越发成熟。好。
这种有过渡色的蓝正是我想要的。
[size=2][color=#999999]天衣无缝II 发表于 2009-9-29 19:22[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055611&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
谢谢夸奖 [quote]汗，这款皮肤的完成度，最多也就只有50%，楼主还是完成它吧
[size=2][color=#999999]apol 发表于 2009-9-29 19:52[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055626&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
希望指出不足的地方，我尽量补充完全。谢谢！ [quote]LZ有点爱现，不过作品还行~
[size=2][color=#999999]ajker 发表于 2009-9-29 23:43[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055864&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
哈哈哈，我只是看见了很多直接用网络上的png图标拼凑的皮肤，觉得设计皮肤应该稳扎稳打自己来作。 [quote]好皮顶帖的人这么少，怪事，楼主的这款单看展示图没什么特别，但实际应用的时候一看却非常好。
很干净，清晰。
[size=2][color=#999999]天衣无缝II 发表于 2009-9-29 23:22[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055841&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
干净，清晰。也是作为一个浏览器皮肤很必要的两个特征。浏览器毕竟是用来上网看页面的，颜色和花式不适合太过于花哨，这样会抢了页面的视觉效果，而且长时间看容易视觉疲劳。
另外TW2 时代的获奖皮肤大多也是简约类型的。 [quote]完全自己设计，这个要支持一下
[size=2][color=#999999]cs703 发表于 2009-9-29 23:25[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1055845&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
因为前段时间都是在上班，时间不是很多，所以做这个皮用了比较长的时间。谢谢支持 很好玩的样子,哪天我也做一皮,嘎嘎。 [quote]很好玩的样子,哪天我也做一皮,嘎嘎。
[size=2][color=#999999]pader 发表于 2009-9-30 08:58[/color] [url=http://bbs.ioage.com/cn/redirect.php?goto=findpost&pid=1056014&ptid=114494][img]http://bbs.ioage.com/cn/images/common/back.gif[/img][/url][/size][/quote]
耐心画效果图稿子，是挺有意思的。
制作效果图的过程和网页设计的过程也有很大程度的相似