Catfan
Catfan

关于新版的介绍

关于新版的介绍欢迎来到全新的Catfan喵友!
经过长时间的重新设计和开发,新的版本终于上线了。新版几乎把整个系统的结构和程序都重新设计和编写过,差不多可以说做了一个新的产品出来。下面简单介绍一下新系统的一些特性。

新版最大的决定就是放弃支持IE8, IE7, IE6等旧的浏览器,全面应用HTML5, CSS3等最新的技术,虽然这艰难的决定可能会损失一定数量的访客,并且会降低使用旧浏览器时的用户体验,但是这样的决定能大大提升使用新浏览器访问时的用户体验,并且带来更加卓越的界面效果,并且降低日后的更新难度。关于新版的介绍变化最明显的应该是加入了封面并大幅简化自定义的这种设计了。因为经过长时间观察,发现加入自定义代码编辑并不能增强自定义出来界面的质量,并且会做成界面风格的不统一。而且用户大部分的都集中对背景图进行修改而已,其它页面元素其实也没有多少修改过,毕竟懂得编写代码的用户绝对是少之又少。而从设计角度来看,背景图更换带来的视觉冲击远远大于对页面其它小元素进行自定义所带来的视觉冲击。于是把自定义元素大幅简化成背景+封面这种设计,让任何人都能轻松做出拥有自己个性风格的界面出来。
另外这样设计的好处就是能统一系统界面的风格,页面其它元素的设计和配色都能很好地配合整个自定义了的界面,不会产生各种颜色配搭上的违和感,同时也方便系统对界面进行更加精致的设计。关于新版的介绍移动版的界面(头像非本人)同样经过重新设计,并且做了更多的优化,尤其是对于视频方面,支持以HTML5方式来播放了。另外,iOS6的系统目前已经支持上传图片了,Catfan对此也做了一些的优化,让移动版和桌面版也能上传图片,让整个网站在移动版上运行更像一个App。
对于平板(尤其是iPad)同样进行了一些特殊的优化,让使用的时候的用户体验更加贴近桌面。But, 由于iPad内置的Safari核心浏览器并不支持背景图片固定显示,所以Catfan对此方面进行了一些特殊的处理让其支持,让其看起来更加舒服,不过目前缺点就是需要先滚动一下页面让其渲染好整个界面。


也许很难留意到,其实整个新版界面的布局都是经过多次的数学计算才得出的结果,某些地方都是仔细经过像素级的调整,另外在不少地方利用到了黄金分割线的比例理论,让整个界面看起来有一种无法用言语来形容的比例性,和谐性和视觉冲击。

总之,新版界面就是为了提升用户体验而进行改造的,也许目前仍有不足或需要修复的地方,但希望大家会喜欢。XD

一些不太留意到的特性: 
1. 考虑到移动版和防止其它不良视频播放器的表现,目前只支持贴Youtube,优酷土豆的视频链接。 
2. 新编写和设计的滚动条功能(之前只有Chrome和Safari浏览器才能看到),不但让其它浏览器也能看到风格统一的滚动条,并且滚动更加流畅(硬件加速,移动版也支持)。
3. 新的头像处理方式,头像更换后对方就能在时间线上看到更新了的头像,并不需要像以往那样需要刷新页面。并且头像的图片载入速度也进行了优化。
4. Widget模块迟延载入,加快页面的加载速度。
5. 新的相册设计。
6. 上传背景图片时是不会对图片进行分辨率进行压缩的,让大家能更方便上传好的背景素材。不过由于高分辨率的背景图片会大大耗费在滚动时的系统资源,推荐在上传图片的时候预先进行好裁剪和压缩。(推荐宽度在1200px-1800px左右就可以了)

7. 搜索结果直接在页面中显示,不会跳转到新的页面。
manekineko
招财猫Catfan赞一个!2012-10-12 05:28:32
boz_z
波仔Catfan喵大辛苦,更新赛高!!!黄金比例帅爆了!!!【很多时候符合数学规律的东西搞出来都很美ww2012-10-12 05:28:38
kana
kanaCatfan前排支持!!新版的喵太棒啦!\(^o^)/2012-10-12 05:29:43
airlandon
youkaliCatfan喵大屌爆了!2012-10-12 05:31:50
timrocket
RyuunosukeCatfan辛苦了=w=2012-10-12 05:35:50
Halai
Catfan新版很给力!更新介绍很详细!喵大加了个油!2012-10-12 05:41:39
maodou
momoCatfan喵大辛苦了!自定义那块说的好对!为啥头像不是猫叔捏?2012-10-12 05:43:23
angelcn
兔控Catfan喵大好棒!o(≧v≦)o2012-10-12 05:48:24
Halai
Catfan要是博文模板能变成半透明的,让背景透过来就好了2012-10-12 06:15:35
dianxincha
喵饭里一只兔纸喵Catfan来给喵大鼓掌撒花-w-(跪求日志可以像之前那样可以单独查询(´ω`。)这不代表不爱新版喔!喵大好棒❤~ヽ(´∀`)2012-10-12 06:50:02
airlandon
youkaliCatfanipad上面的滚动还是有点卡2012-10-12 07:00:25
Mercy
MercyCatfan好厉害!新界面很好看2012-10-12 07:26:51
calista
小CCatfan好强悍!好厉害=v=!2012-10-12 08:17:03
o__o
o_oCatfan喵大辛苦,不过新版cover实在太大了,和nav的间距又太宽,TL又是框线又是阴影设计太重但细节又没处理好看着很累,加密终于不输出rss了不能偷窥了嗯……另求个人数据备份动能2012-10-12 08:34:11
anna42
焦糖奶油菇Catfan特意加的(头像非本人)好喜感,噗噗噗……2012-10-12 08:34:12
aki
akatsukiCatfan不会编程的喵好好地膜拜下子喵大,喵会越来越好的~玩了很多种轻博客,最后常来的还是喵,这就是喵大厉害之处啊,继续加油哦!!nice~2012-10-12 09:04:56
farley
窝就是个甜菜Catfan有木有考虑到低端手机啊。。2012-10-12 09:47:59
boz_z
波仔Catfan对了,喵大为什么现在在导航条上没有日志这个按钮了呢?查看不是很方便啊……2012-10-12 10:30:14
Giru
GiruCatfan我也觉得新版的比例很赞。就是能不能提供查看日志。另外Timeline 部分半透明很好看,不过现在是白底能不能提供黑底选项?我比较喜欢黑底的。2012-10-12 11:47:28
Aurora
Catfan辛苦了:D2012-10-12 18:04:20
Dew
DewCatfan辛苦啦(*´∀`*)!2012-10-12 18:47:01
yozm
yozCatfan有个BUG咧。。。回复不能点开对方的原文,发生错误。。2012-10-13 12:50:17
yixingtianxia
XCatfan看起来更小清新2012-10-13 15:24:17
Dew
DewCatfan才发现Status没掉了( ̄△ ̄;),是取消掉了嘛QAQ2012-10-14 20:16:06
HabaraMinami
羽原 みなみCatfan不能發文章2012-10-17 14:17:48
HabaraMinami
羽原 みなみCatfan我有很多問題2012-10-17 14:18:01
HabaraMinami
羽原 みなみCatfan我有很多問題2012-10-17 14:18:01
SivaCoHan
sivacohanCatfan点评论的时候,响应速度有点慢。以为没点上呢。2012-10-18 06:04:54
Catfan
Catfan羽原 みなみ請問你是用什麽瀏覽器,或者有什麽提示或表現么2012-10-18 06:30:56
Catfan
CatfanDew目前是取消掉了,因为很难和背景图片适配2012-10-18 06:33:17
HabaraMinami
羽原 みなみCatfanie9有按鈕卻不能使用2012-10-19 08:06:13
Catfan
Catfan羽原 みなみ經過測試IE9是可以的,不過也許可以換換瀏覽器試試?2012-10-19 15:39:59
HabaraMinami
羽原 みなみCatfan終於好了2012-10-20 04:52:17
Dew
DewCatfan咦跟背景图片有什么关系( ̄△ ̄;),以前不是在设置里的嘛2012-10-20 21:27:41
Catfan
CatfanDew您指的是原本页面头上的那个标题文字麽?因为试过了好几种设计,都是发现其文字颜色是很难和变幻莫测的自定义背景图配搭在一起,于是在新版取消了。2012-10-20 21:51:20
Dew
DewCatfan不是啦,是显示有发过多少和回复过多少条喵的那个啦2012-10-20 21:53:16
Catfan
CatfanDew那个功能将会考虑以一个更好的界面来展示,正在寻找灵感ing。2012-10-20 22:02:08
lixia
袖子她老公Catfan真不错2012-10-21 02:52:17
Dew
DewCatfan这样,那就好(´・ω・`)2012-10-21 21:11:57