关于新版的介绍
欢迎来到全新的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. 搜索结果直接在页面中显示,不会跳转到新的页面。
经过长时间的重新设计和开发,新的版本终于上线了。新版几乎把整个系统的结构和程序都重新设计和编写过,差不多可以说做了一个新的产品出来。下面简单介绍一下新系统的一些特性。
新版最大的决定就是放弃支持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. 搜索结果直接在页面中显示,不会跳转到新的页面。