27

Chrome 4.0 正式发布,支持插件

最先从优酷上看到的Chrome 4.0 正式发布消息,就马不停蹄的更新下来摆弄摆弄

Chrome 4.0 新特性:

— 扩展;
— 书签同步;
— 增强的开发者工具;
— HTML5:通知、Web数据库、本地存储、WebSockets、支持Ruby;
— 改善v8引擎性能;
— 完善Skia性能;
— 支持远程字体后以满分通过了Acid3基准测试;
— 支持HTTP字节排序;
— 新的安全功能:支持“Strict Transport Security”
— 实验性防XSS攻击新功能:XSS Auditor;
— 修复了11个安全漏洞,其中四个为高危级别。

 

主要亮点:

正式支持扩展了,几乎是必走的路啊;

还有官方吹嘘4.0比3.0性能有42%的提升比1.0有一个性能的翻倍;

另外支持书签同步了,用Google帐号就能同步到Google doc而不是Google书签,但不支持表单和密码同步,至于为什么选择同步到doc而不是已经存在的bookmarks。猜想是不是Google以此为契机来实验云存储呢?

 

谈谈能让我转移阵营的插件:

1.书签同步,同步到Google bookmarks(这次同步到doc里也行),另外一种选择同步到xmarks,这样更好跨浏览器同步了。我是用了xmarks已经很久了,当然还是用xmarks因为很有可能FF和Chrome一起用,但令人沮丧的是xmarks插件虽然已经有,但不完善还不支持自定义服务器(xmarks.com已墙,要用必须用自己的FTP了)在国内想跨浏览器同步书签童鞋们还要等等了。

2.鼠标手势,找到两个一个是Chrome Gestures已经比较完善了,但怎么只能定义到鼠标右键呢…另一个是国人开发的Drag and Go,但怎么用不了呢…功能说明很贴心

3.支持迅雷,完美支持迅雷对有下载强迫症的童鞋很重要。

4.支持翻译软件,不知道是翻译软件问题,还是浏览器问题,反正我用的灵格斯翻译不了Chrome的单词。

 

另外说说几个插件:

看图的Cooliris也来了,还浏览本机的图片和视频@_@;Fittr Flickr可以看到Flickr照片的EXIF信息;Proxy Switchy! Chrome下最好的代理;Xmarks Bookmarks Sync – 版本:0.5.65  版本号好低~~~

add-ons

基本上搞定这些日常使用应该就差不多了,面对开发者方面(说调试更恰当,不过以后基于现有技术的开发也会越来越要求这块)来讲Firebug还是没替代者。

 
25

简洁页面设计分析

GUI部分

1.配色选取:用色谨慎,选用三种或者四种同色系的颜色组合作为主色。对比强烈和不同色系的颜色只用在有提示作用的ICO或标题上,原则上也是能少用就少用。

2.风格设计:避免出现重UI常有的阴影,圆角,渐变,透明,光影,复杂颜色,插画等等,不是说就不能使用这些风格而是要简化他们,比如把细节丰富的按钮矢量化啊,色块化;复杂颜色变成统一颜色或对比渐变;去掉或完全保留透明度等等。

3.Border和圆角:灵活的用1px左右边框来构建立体感,使用同一色系在有限的空间内来构建了明部和暗部。增强立体感的同时不失写意和简约的整体风格。页面在头像,弹出框,心情输入等几个常用部件上使用圆角,从而使网站从呆板,过于沉稳的印象中摆脱出来,增加活力和亲和度(注意度的问题)。

4.标题设计:大部分功能性标题配有ico,导航,模块标题采用对比颜色区分或者以标签页形式出现。这种看似很简单设计往往对简约型的网站帮助很大,起到画龙点睛的作用。

5.模块区分:采用色块区分各功能区,栏目,有着很好视觉区分,便于用户迅速做出判断和定位任务。

6.版式设计:半圆角的导航设计,横版简介的标签页,头像压在两个色块的交界线,这些都是不错的版式设计。简洁设计考虑更多的应该是依赖于标题,段落,图片本身的大小,位置,粗细,线条等来形成自然的排版和区分。

7.按钮设计:没什么好说的,矢量化,色块化,立体感可以用高光,阴影线条来构建。

着重举例:Facebook

facebook_01

Read the rest of this entry »

 
08 十二

一个调查问卷的UI

公司做了个调查问卷下面是UI截图

2009-12-08_162530

2009-12-08_162505 

入口

2009-12-08_162655

2009-12-08_162645

地址:http://www.sndoo.net/?action=survey 

没有实现统计条的动画,时间伧俗,下次再议吧。。。UI越做越没劲,没一个好的平台实在是一个苦闷的事啊,继续学我的交互和产品。

 
30 十一

gmail交互和原型设计

题目一 设计一个阅读邮件界面,需表现以下功能点:

1) 顶部邮件信息默认缩略显示,只显示邮件名、发送人、时间,点击展开才显示全部信息。

2) 合并相关联邮件(回复和转发)为一封邮件

3) 邮件中出现邮箱地址,或已有联系人可生成DIV块,且有对应操作下拉菜单

4) 直接在浏览器中预览邮件中的附件(包括压缩包,word,pdf,ppt等)功能在界面上的表现s

5) 根据邮件正文关键字,在阅读邮件界面某区域放置相应推广内容,例如相关的网站链接。

主要参考gmail(其实要求就是gmail),基本是按照题目来的,稍稍做一些扩展和延伸。毕竟考试还是要所问应所答。

高保真PS制作:付说明

mail_01

未展开状态,支持多格式附件预览,回复对话,快速转发和回复双星收藏等等。

Read the rest of this entry »

 
07

PStutorials – Replace Color

打算写几个入门级的小教程,今天是开篇《替换颜色》,Photoshop的替换颜色功能使用起来很简单,如果使用得当效果会很好,配合蒙版可以做出很多效果。

我们这次的任务是要将特写人物(来自陈曼的博客)的眼影从黄色换成红色,下面是完成图:

替换颜色_finished

点击图片预览大图

原图:

替换颜色

Read the rest of this entry »

 
27

原型设计工具Mockups简单试用

Balsamiq Mockups被设计出来帮助你、你的团队或者客户尽早从线框图的纠缠中挣脱出来。它有以下特点:

1.在用Mockups设计原型时你会感觉像在画画:它的所有控件几乎都可以随意拖拽、拉伸、变形再加上手绘风格的控件UI,确实有在纸上随意画的感觉,这带来很好的体验,用户学习成本大大降低,你会在纸上画图吧?那你就会用这个软件!

2.任何角色都可以使用该工具快速沟通:不管是产品经理、设计师、开发者甚至你的客户都可以通过Mockups协作一起迅速确定原型,因为它是基于现实中的纸原型来实现软件功能的。

3.强大的功能和扩展性:用75个预建控件你可以设计出任何东西从非常小的对话框到完整的成熟的软件,从一个简单的网站到一个RIA应用。链接我官网的一些例子.

4.使你能专注于功能、流程和交互上:官网说Mockups故意用手绘风格的UI控件,这样人们就不会太在意颜色、边框、渐变之流的细节问题而回归功能上。

界面截图,观看官方视频更直观!

2009-03-26_120003

Read the rest of this entry »

 
20

公司wallgame项目的几个UI稿

home_v5

wall game v5

home_v6

wall game v6

home_v7

wall game v7

home_v8

wall game v8

home_v8_newyear.jpg

wall game v8 new year

最后定稿为v8,上的是新春版,由于性能考虑打了很多折扣,这也是没法避免的,可以期待下未来版本……

 
20

用公司产品做了两张wallpager,宣传宣传~

点击直接下载,只有一种尺寸1280X1024desktop200

desktop400

 
11 十一

做一种墨迹水粉风格

小试牛刀

328728_16325676

1280X1024壁纸版

1600star014_1280

 
01

贴两张UI,帮朋友做的。

前天装VISTA多系统,分区的时候没注意看PM的设置,几轮YES后,几个硬盘分区也随着GONE了…用了很多方法来挽救,PM恢复,数据恢复软件等等,除了找回部分软件和日本片外,其他找回的基本都不能用了。大概丢了200G的数据!几年积累的工作文档、照片和素材都没了,欲哭无泪啊~只能吸取教训了,能整理的我就整理,先丢两张上来再说。

A.专卖数码产品配件的B2C

index3

B.服装类B2C OR C2C,几乎没给什么具体的需求,唯一要求是要够酷够个性够90后?

index