Board logo

标题: [参赛]2simple2k[简单即是美,与简约主义者共享][7.23增加一种风格] [打印本页]
作者: zhifeng    时间: 2007-7-7 01:05     标题: [参赛]2simple2k[简单即是美,与简约主义者共享][7.23增加一种风格]


一直以来对各种花哨烦琐的软件UI兴趣不大，加上机器配置不高，因此我的PC中winXP的主题设置永远都是“windows 经典”模式，也就是类似win2000的界面。然而现在各种流行软件越来越多的加入了换肤功能，似乎少了换肤功能就无法进行推广，TW2也是如此，默认的界面并不清爽（老大鉴谅！），所以就花了点时间做了这套仿Windows2000风格的界面。

第一次做这种皮肤，没什么经验，所以还是费了不少功夫的，总之一切以简单实用为准，标签条则是参照dotnet纯平样式的风格。自己是个懒人，必定还有许多不足之处，希望大家使用后多加指点。

7.7 发布的是仿opera-windows native风格的界面，但简化了不少细节，样式比较平面化一点。
7.21 增加了一套仿Internet Explorer5风格的界面，其他方面也做了不少改动：
a.更换图标，更加清晰醒目
b.增加四周的框架，修改地址栏和搜索栏样式，看起来更像win2k程序，也更富有立体感
c.修改标签栏样式，更加突出显示当前标签，减轻视觉负担
d.其他一些背景层和小图标的微调，不一一列举了

附注：我常用的浏览界面一般很精简，例如隐藏小工具栏和书签栏，因为很少从书签栏开启网址，也很少用到小工具栏（图标太多不好找）；隐藏搜索栏，地址栏足以取代它，g xxx 和 b xxx 就可以方便的在google和baidu中进行搜索，也可以设置其他搜索引擎的简拼；隐藏标签栏左右侧的新建和控制按钮，鼠标双击可以很方便的新建和关闭标签。设置一些常用网址的简拼也是很有必要的，例如我设置“gr”两个字母代替“http://www.google.com/reader/view/”，明显可以加快访问速度。



[ 本帖最后由 zhifeng 于 2007-7-25 00:19 编辑 ]

附件: 2simple2k(opera).zip (2007-7-23 02:30, 87.86 KB) / 下载次数 2265
http://bbs.theworld.cn/attachment.php?aid=25979&k=b3cb1ecb1f546d0b9bb19d3c32bad4bd&t=1714242151&sid=dDDTD2

图片附件: [opera风格的界面，开启侧边栏、小工具栏和搜索栏] prev2-31.png (2007-7-23 02:35, 42.41 KB) / 下载次数 882
http://bbs.theworld.cn/attachment.php?aid=25999&k=b4b6fd2239337ff5b819862808078de9&t=1714242151&sid=dDDTD2



附件: 2simple2k(ie).zip (2007-7-23 02:30, 74.68 KB) / 下载次数 1858
http://bbs.theworld.cn/attachment.php?aid=27307&k=4b70aa779089d8694887ec267fb98b26&t=1714242151&sid=dDDTD2

图片附件: [ie5风格的界面，界面比较醒目，也更具立体感] prev2-33.png (2007-7-23 03:42, 28.2 KB) / 下载次数 865
http://bbs.theworld.cn/attachment.php?aid=27308&k=a40ce607696e7829481f774b2a93a7a9&t=1714242151&sid=dDDTD2

作者: uulele    时间: 2007-7-7 01:08

够简单，够复古！
顶你一个
作者: 呦児咿    时间: 2007-7-7 01:14

这个真够简单... 不过我不用.
纯支持一下了...
作者: roc5006    时间: 2007-7-7 02:06

标题条全紫色有点不配哈
还蛮朴素精致的，不过2000的背景灰扑扑的，似乎已经跟不上时代了
作者: 61140250    时间: 2007-7-7 08:01

撤销按钮与其他的不同，少了轮廓。
作者: micrian    时间: 2007-7-7 10:13

很不错 简单
不过楼主既然采用opera的图标 建议表恢复按钮还是改成原来的吧

图片附件: 2007-07-07_101348.gif (2007-7-7 10:13, 4.87 KB) / 下载次数 755
http://bbs.theworld.cn/attachment.php?aid=25991&k=893e7426cad127b7bba7da1e9db62455&t=1714242151&sid=dDDTD2

作者: killmesoftly    时间: 2007-7-7 11:42

这款在标签栏还有点问题
如附图
另外:总体配色比较象 windows 经典(win95风格),个人更喜欢 windows 标准的配色(win2000)

分辨率 1920*1200

图片附件: bug.jpg (2007-7-7 11:42, 18.02 KB) / 下载次数 834
http://bbs.theworld.cn/attachment.php?aid=26001&k=a1489efa7f9915bbf52568a088bf88dd&t=1714242151&sid=dDDTD2

作者: sztb    时间: 2007-7-7 12:58

蛮好的，不错。
作者: xwluo26    时间: 2007-7-7 13:24

对于审美疲劳的人来说真是非常不错的一款
另外自我感觉标签栏激活和未激活的区分不太明显 不知道其他人是否有同感呢
作者: JJYY    时间: 2007-7-7 16:03

图标不错，自己换了个面板。


图片附件: 无标题.jpg (2007-7-7 16:03, 43.02 KB) / 下载次数 850
http://bbs.theworld.cn/attachment.php?aid=26013&k=55e98b7f16addf696b2efb35d45c4fa3&t=1714242151&sid=dDDTD2

作者: killmesoftly    时间: 2007-7-7 16:32

当标签条处于下方时,还不完善,希望作者能更正,谢谢
作者: zhifeng    时间: 2007-7-7 17:13

原帖由 killmesoftly 于 2007-7-7 16:32 发表 http://bbs.ioage.com/cn/images/common/back.gif
当标签条处于下方时,还不完善,希望作者能更正,谢谢


谢谢提醒，昨天做皮时的确没有对标签条处于下方的情况进行测试，目前已经修正～
作者: phoenix    时间: 2007-7-7 17:19

嗯，复古皮肤，支持一下
作者: killmesoftly    时间: 2007-7-7 20:24

如果还要挑剔的话,希望把恢复键做得更好些,看起来没有锯齿
还有没做好的地方,就是下方状态栏的几个小图标,作者可能疏漏了,比如下载管理器,页面声音

===========================

顺便评价一下:
1,标签条的关闭按键,只有在移动到相应位置时,才显现出来,平常都是隐藏着的,这样的标签条显示相当的干净利落
2,标签条上的三种配色相当协调,不易混淆
这两点就可以看出作者是相当用心的

这款皮肤的特点,个人从使用角度来评价,就是简约而不简单

[ 本帖最后由 killmesoftly 于 2007-7-7 20:35 编辑 ]
作者: c6h12o5    时间: 2007-7-7 20:35

果然是简单就是美，不过感觉下方的进度条小了点，不太方便观看

[ 本帖最后由 c6h12o5 于 2007-7-8 17:09 编辑 ]
作者: daniao_83    时间: 2007-7-7 21:10

潮流的回归
挺好～～～
作者: zhifeng    时间: 2007-7-7 21:37

6# 7# 和 15# 的朋友都指出了恢复图标风格不统一的问题。
由于opera 没有restore图标，而以opera 的rewind图标来取代显然不太适合。对此只能通过 ps来解决，刚从其他 skin 中找了一个 restore 的图标，对其尺寸、色彩进行调整，加上白框、高光和投影补其不足，达到类似于 opera 图标的效果，现已加上。

[ 本帖最后由 zhifeng 于 2007-7-7 22:42 编辑 ]

图片附件: icon.png (2007-7-7 21:37, 6.67 KB) / 下载次数 726
http://bbs.theworld.cn/attachment.php?aid=26049&k=10bdca67545494ea34fb01f51590620a&t=1714242151&sid=dDDTD2

作者: vanciki    时间: 2007-7-7 21:55

还是默认好
作者: 凤凰小静    时间: 2007-7-7 22:03

不喜欢复古的
作者: JJYY    时间: 2007-7-7 22:14

晕，原来图标官方有，就改了个灰不溜秋的面板，还不如官方的好看。
作者: zjhzhw    时间: 2007-7-7 22:32

简简单单就是美！
作者: qijideyang    时间: 2007-7-8 09:48

好看呀！支持！
作者: zhifeng    时间: 2007-7-8 20:13

原帖由 凤凰小静 于 2007-7-7 22:03 发表 http://bbs.ioage.com/cn/images/common/back.gif
不喜欢复古的


对我打击好大
作者: Kevin_Disk    时间: 2007-7-8 22:01

不错不错，俺就喜欢简单的，射射楼猪
作者: byyh    时间: 2007-7-8 22:07

按钮几乎是照抄OP的，这也可以吗？
作者: bruslee    时间: 2007-7-8 22:36

楼主要复古的话就不要用opera的图标了,用win2000的一些图标也可以啊
作者: zhifeng    时间: 2007-7-8 22:50

原帖由 bruslee 于 2007-7-8 22:36 发表 http://bbs.ioage.com/cn/images/common/back.gif
楼主要复古的话就不要用opera的图标了,用win2000的一些图标也可以啊


复古完全不是偶的目的，甚至不是目的之一，否则就直接仿win3.1的界面了（可能很多人还没使用过，更有新鲜感）

追求界面简约大方，不扰乱视觉，不影响视力，功能便于寻找，易于长期使用，将注意力集中到所浏览的网页上，才是偶的出发点

在此基础上，再适度追求美观。

[ 本帖最后由 zhifeng 于 2007-7-8 23:38 编辑 ]
作者: zhifeng    时间: 2007-7-8 23:30

原帖由 byyh 于 2007-7-8 22:07 发表 http://bbs.ioage.com/cn/images/common/back.gif
按钮几乎是照抄OP的，这也可以吗？


其实呢，UI设计上适当借鉴是难免的，以本站的皮肤推介页http://www.ioage.com/cnnew/skin.htm来说，就不乏有借鉴Safari、Wmp、Ubuntu、MSN、Mac、firefox、Flock 等优秀UI的设计，按某种意义来理解 在按钮等部分就是在“照抄”。

真正完全独立设计而又美观得体，与 skin 高度吻合 的图标组，实在是少之又少（鄙人也非常敬佩这些大师，即便是移植者）

而偶做此皮的目的也不在于界面上的炫目、独特，只是追求功能上的简单实用（自己要用是很大一部分目的，并且准备长期用下去）

目前采用仿opera的图标组正是考虑到其比较符合这个目的，因而参照opera8 的风格对其他部分图标进行了改造

在不影响整体风格和使用感受的前提下，以后还可能会采用仿其他浏览器的图标组供选择

自己独立设计的图标组也在考虑之中，总之一切都以简洁、醒目、大方、美观为准则。

[ 本帖最后由 zhifeng 于 2007-7-8 23:48 编辑 ]
作者: lmfei    时间: 2007-7-9 16:06

还不错，opera的经典风格
作者: bruslee    时间: 2007-7-9 21:42

4楼的显示器被磁化了?
作者: zobyking    时间: 2007-7-9 22:18

不错,支持
作者: roc5006    时间: 2007-7-10 03:56     标题: 回复 #31 bruslee 的帖子

我是液晶显示器
还不至于色盲，从时间来看，楼主应该改动过了
作者: 天涯客    时间: 2007-7-10 09:47

简单的好些，我喜欢简约的风格！
作者: justfor3c    时间: 2007-7-11 01:53

我晕　简直是不错的皮肤！
作者: mira    时间: 2007-7-12 21:29

不喜欢，没什么特色，显现不出来
作者: killerR    时间: 2007-7-13 10:27

很复古咧，2000的风格
作者: huikof    时间: 2007-7-16 17:06

跟我现在用的挺像的呵.支持五上.
作者: tangsptyp    时间: 2007-7-16 18:33

我挺喜欢这款的~关注~
作者: woxiang    时间: 2007-7-17 16:49

在VISTA中使用透明时还有一点问题!希望改进!

图片附件: 1.gif (2007-7-17 16:49, 27.92 KB) / 下载次数 593
http://bbs.theworld.cn/attachment.php?aid=26869&k=162530dd524a43e466972a2b5583e842&t=1714242151&sid=dDDTD2

作者: 61140250    时间: 2007-7-17 16:53

怎么设置其他搜索引擎的简拼？
作者: dearhit    时间: 2007-7-20 17:05

确实够simple啊 下载使用
作者: DIFIRE    时间: 2007-7-20 18:48

朴素之美，好！！
作者: David    时间: 2007-7-21 21:03

不错，我喜欢。
作者: yytwt    时间: 2007-7-21 22:34

提示: 作者被禁止或删除 内容自动屏蔽
作者: zhifeng    时间: 2007-7-23 03:05

原帖由 woxiang 于 2007-7-17 16:49 发表 http://bbs.ioage.com/cn/images/common/back.gif
在VISTA中使用透明时还有一点问题!希望改进!


因为我还没有用过vista，所以不太了解原因所在
怀疑是由于图标高度和地址栏/搜索栏的高度不一致造成的
作者: zhifeng    时间: 2007-7-23 03:08

原帖由 61140250 于 2007-7-17 16:53 发表 http://bbs.ioage.com/cn/images/common/back.gif
怎么设置其他搜索引擎的简拼？


增加搜索引擎后，在快捷词一栏中修改即可

图片附件: Snap6.png (2007-7-23 03:08, 10.43 KB) / 下载次数 651
http://bbs.theworld.cn/attachment.php?aid=27309&k=679d5ac8a3ed325b06507212e0a246db&t=1714242151&sid=dDDTD2

作者: zhifeng    时间: 2007-7-23 03:13

原帖由 xwluo26 于 2007-7-7 13:24 发表 http://bbs.ioage.com/cn/images/common/back.gif
对于审美疲劳的人来说真是非常不错的一款
另外自我感觉标签栏激活和未激活的区分不太明显 不知道其他人是否有同感呢


2simple2k(ie).zip风格的标签栏可能更明晰一点
作者: qijideyang    时间: 2007-7-23 08:11

做的相当阔以！
作者: 耶利米    时间: 2007-7-23 08:53

第二款让人眼前一亮
作者: 61140250    时间: 2007-7-26 12:42     标题: 回复 #47 zhifeng 的帖子

谢谢47楼， 谢谢。
作者: qiutianpk    时间: 2007-8-6 20:21

这个太单调了
不喜欢！



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