落园 » Maxthon2皮肤开发中……|专注经济视角下的互联网

Maxthon2皮肤开发中……

Cloud正在全身心的投入到MT2皮肤的开发之中,甚至不顾4月初的等级考试。
开发皮肤有苦有乐,但是Cloud学到了好多东西。
目前已经完成了第一弹——冰蓝畅想,第二弹落园皮肤第二弹——香茗/咖啡物语,还有设计中的第三弹——白巧克力。
最后如果时间允许的话还有传说中的最终弹——遨游世界。

各位好朋友们,如果你们还不知道Maxthon2是什么的的话,请访问:
cn.maxthon.com
如果你们喜欢的话,请一定要下载,给点面子的话,就用我设计的皮肤吧。
虽然第一弹比较平凡,但是还有第二、三弹可以期待嘛。

不过话说回来,我还得去写学生在线的策划稿,还有……也许,我做一个程序员的日子会比平面设计员长一些。。。目前最头痛的就是Ajax了,面前摆着厚厚的两本红书:《Ajax基础教程》和《Ajax实战》,看着都头痛……
相比而言,真的,微积分比他们简单多了,而且还有老师讲……

-----------这里是详细的开发日志-----------
在几日的艰苦努力下,终于做出来了基本的按钮。然后在PS里面不断的切割,一一保存。
随后就是最最艰难的mskin.ini的编写,好多地方一错再错,有些东西一遍两遍,然后不断的更改,调试还没那么容易。最后总算是能看了。但还有好多细节上的东西:
某些图标(换肤按钮、侧边栏打开按钮、页面管理器、标签栏新建页面、右边设置和换页面,智能填表、收藏夹太小)过大,不好看;
无边框模式下左上角的图标、收藏夹的图标无法正常显示;
标签栏下拉工具栏没有背景颜色;
主要按钮悬停时没有背景变化;
侧边栏颜色与整个界面颜色不一致,很难看;
部分工具栏按钮应用不成功;
搜索框内图标、转到图标不成功;

终于又有所进步了。
但是hover的时候还是不好看。要改一下。
然后准备“香茗”的开发。

始终搞不明白怎么在hover的状态下让工具栏按钮的背景变化,奇怪的是除了工具栏按钮其他的按钮都正常,包括收藏栏里面的按钮和Go按钮。真是奇怪了。这么办是好呢,就算我一个个的画出来,但是在有文字标签的情况下还是会不正常的啊。我已经极度的无奈了!!!可惜现在不能上网,只有明天去网上看看有什么新情况了。先画香茗的图标好了。

没想到还是先把白巧克力的图标画了出来,按照“一触即红”的想法,在disable和normal的情况下红色要非常的浅,直到hover和check的情况下才可以恢复100%填充度。不过要考虑到大家方便找。
还有就是背景怎么做的更像巧克力一点,整个界面怎么做的更加可爱一点,努力的学习LG的那种本领。
白巧克力系列的原则就是图标简单、背景醇厚,要怎么做到这一点而不是流俗的白底红字,这个需要好好的研究一下子。
香茗系列主要胜于想法的奇特,怎么把茶壶、茶杯、茶融入于整个界面。首先确定的是淡黄色的底色,配上透明的绿色图标——这个工作量好像有点大。主要是图标的设计和我想法有些出入,怎么简单的线条表现出来而不是现在画的很生硬的线条。可以访问一下学生在线生活频道的那个茶壶图标,还有Java那个标志性的茶壶图标都可以作为参考。
最后的遨游世界关键在于怎么在可爱上做文章,虽然整体的风格会和第一个蓝色畅想比较的像,但是还是要有很大的区别的。可爱……再就是避免现在出现的越到最后越没有创意,草草了事。进度已经很快了,现在才18号。
我可以在20号左右完善好第一个传上去,然后在24、26、30分别传上去后面三个。不过在26之前还要把学生会那个万恶的投票网页做出来。
还有要不断地补习C语言的知识应付4.7的考试。真的不知道什么时候才能全部忙完,
我还有线性代数和微积分的题要做,还有英语单词要背。
暂时能顾及到的就是这些了,下个星期应该会相当的繁忙。不知道能做出来什么东西。

还有下周二务必要去传上新的CMS,要不学生会的投票就比较麻烦了,我可不想自己全部写一遍。只给她做一个投票的网页还是可以接受的。不知道她有没有把网页要求传给我,也没法上网看看。
下周二还要去南校借已经预约好的书,还得在之前还一些书。应该就只有这些事情了吧,但愿下个忙忙碌碌的星期中我可以尽可能少的熬夜。
对了对了,还有在线的策划,faint...怎么这么多事情都在下个星期啊!

终于算是完成了蓝色畅想,好累哦。还是没有成功的把图标hover的样式做出来,不过已经写在里面了,下一版的时候应该就可以正常应用了。修改了好多的细节部分,还算是比较的好看吧,虽然跟自己的初衷相比有些差距。
恩,刚才画出来了香茗的界面,这一次香茗系列我要先画出界面来,然后再慢慢的研究怎么在M2里面展现出来。这样子的效果应该会比直接做好看些吧。主要是图标的问题我现在心里还是没有底。怎么办好呢?
一定要去看看茶壶怎么画,找点灵感。

终于上传了冰蓝畅想(临时改的名字),心怀忐忑的看着大家的评价,似乎还好……
看到了传说中的皮肤制作软件,可是我也懒得下载了。
着手准备香茗/咖啡物语的开发,目前背景效果图已经出炉了,就差图标设计了……
学生在线的工作和学生会的工作都在昨天颠簸之下顺利地完成了,现在除了白天上课之外晚上可以舒舒服服的开发皮肤了。进度需要加快一点了……

blue fantasy update: 展开侧边栏按钮,工具栏悬停背景
终于完稿了I Coffee U的设计图,不过实现的时候出现了很多困难,唉...果然没有想象的那么顺利。
不知道为什么开发上一个时一直不肯出现的悬停效果现在又来捣乱了,好烦啊。
咖啡物语宣传语:(写得还不错吧)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
生活在这个喧嚣的城市,你是否已经习惯了在咖啡馆里找寻一分清静?
遨游在这个浮躁的网络,你是否也想找寻咖啡带来的一分温馨?
一杯卡布奇诺,醇香的诱惑。
I Coffee U! Let me set you free.
从现在起,我向世界宣布,我在咖啡馆里遨游网络世界。
Maxthon,U Coffee me!

--------------------------------
Designed By Cloud at Loy,2007.
Loy is located at http://www.LoyHome.cn/
--------------------------------

不知道有没有人在咖啡馆里挂着这个皮肤无线上网呢?不知道什么感觉……
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

临时的接到做院庆30周年网站的任务,还只给几天的时间。反正拖着不如早点解决利索,索性昨天和今天先把它弄出来了。咖啡物语的开发进度因此延误。
还买了二级的书,发现这东西还是得好好学学才行。下周就先做题了,下下周开始做上机模拟。现在的大概原则就是尽快地解决临时的任务,剩下的时间全身心投入到皮肤开发之中。
嗯,今天争取把咖啡物语弄完了。

因为maxthon2对皮肤的定义还是不够完善,所以有些效果还是难以实现。
没办法,做成两个版本的了。
特别说明:
如果您在maxthon2下使用的是maxthon 1.x 系列风格,请使用loy_second_in_v1_style.m2s这个文件。
如果您使用的是2.0风格,请选择loy_second.m2s这个文件。
两个微小的区别在于是否显示窗口边框,可在选择皮肤按钮下面取消这一选项,使用oy_second.m2s。

已知的瑕疵:
在右边的“标签列表”按钮按下之后的菜单会非常的难看,实在是没办法定义标题菜单栏颜色不得已作背景图片而造成的。
页面内查找的浮动框没有定义顶部颜色,没找到在哪里定义...
同样的页面内查找的浮动框和收藏栏的输入地址的组合框那里输入的白框会上浮,很难看。但是为了照顾整体界面的边距,不得已而为之。反正用到的情况还是比较少的。
如果在下一版本的maxthon2中可以定义标题栏上菜单文字的颜色(不与工具栏统一),组合框的定义也可以在加强一点的话,相信会好看许多。
最好还能定义工具栏上下两行的间距,这样就不用拿图片为难了。

终于弄完了咖啡物语,虽然比计划晚了一天,但是能完成就不错了,最后的效果也没有跟设计图相差很远。今天还是做完了院网站,除了滚动的图片那里我需要在上网研究一下。
明天还得跑到市里去,真是折腾人啊。也罢,去了之后把那事能了了最好。他不是要红色吗?我就给他最最红的颜色。
这样子下星期就可以稍微放松的去做白巧克力了。遨游世界我看就算了吧,似乎没有那么多的时间了。
至于白天上课,就是做高数和线代的题了。这样也挺好的。顺便把笔试做做。最后一个星期就练上机了。希望这次能过。

终于又解决了两版皮肤的问题,这样一来就可以方便许多了。不过标签管理器那...

更新了冰蓝畅想至1.1.2,咖啡物语v1.0.0发布。
比赛延期了....不急了,可以好好睡几天觉了...

Leave a Reply

Your email address will not be published. Required fields are marked *