装上google toobar就可以翻译网页上的英文,我喜欢这个便捷的功能,点击toolbar上的google logo就打开google的首页,首页上有个语言工具的链接,语言工具提供了世界很多语言的翻译功能,所以一般我喜欢到这里英文翻译一些英文单词或句子,这些都是很方便的,但在使用的过程中,我也发现了点麻烦的地方,当我需要从英文翻译成中文的时候可以直接就翻译出来,但反过来要从中文翻译中英文的时候,我不得不从两个很长的下拉菜单,把英文的菜单换成中文,把中文的换成英文,当如果需要频繁的切换的时候,这是很麻烦的,所以我觉得应该像我下面图所示,把那个方向前头设计成一个可以切换的按钮。 Continue reading ‘google语言工具使用上的一点小体验’
Archive for the 'Web and Design' Category
- 30
- May
- 10
- May
CSS是当前不错的一个WEB技术,易学难精,如果没有长时间的学习实践积累,经常会遇上些令人头疼的小问题,其中优先权也是一个容易让人忽略的问题,首先了解优先权对整站的CSS规划有很大的作用,其次优先权会造成一些隐蔽性比较强的问题,让你一时找不出问题的症结。 Continue reading ‘详解CSS的优先权(转载)’
- 26
- Mar
昨天下午四点左右访问过一次,还是原来那个,再晚点就看到消息说改版了。
刚才看了一下,其实也没什么太多可说的,现在就是把上面的图标导航去掉了,然后加强了搜索条,恰巧我最近做的一个项目我也采用了类似的手法,所以这个看起来比较亲切。内容呈现上也采用了现在风靡万千DESIGNER的TAG式盒子(其实用得也不是很好,我总是觉得在当前TAG下再用一条横线隔开,效果就减弱了很多,不信你看163或MSN中国的,它们的感觉更加清晰),这些都可以认为是改进了的地方。其实也就是集众家之所长(TC的一贯作风)所以没有什么可以称道的亮点(实在要找亮点,那就算AD比较少一个吧。)
腾讯主页这次改版,其实还是引起比多人的注意的,支持和反对的都有,支持的人大多认为现在的版面比其它的要干净清爽很多,而反对的却大多数人认为整版都是密密麻麻的文字,让人无所适从,相对来说,持反对声音的人要多很多,其实我也有同样的看法,我感觉整个版面都是文字,没有重点,用户不知应该从那里开始。
细心看一下这个版面的布局,信息架构是没问题的,左边的是新闻,体育,科技这些比较社会化的内容,中间是娱乐,文化,游戏,女性等娱乐化的内容,右边是一条辅助作用的栏目条,这些都没有问题,但我觉得很奇怪的是,为什么左边的采用蓝色的边框,而中间和右边的采用了灰色的边框,从逻辑上来说,左边和中间的是属于相同性质的内容,需要区分的应该是右侧那栏才对,从技术上来说,这是一个很小的属性,但我觉得就是因为这么一个小小的细节,让原本就设计得满屏文字的版面,更加缺乏条理性了。
- 18
- Mar
在网络设计领域关于Eye-Tracking的研究十分火爆,但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门,可以为改进你的网站设计提供些意见: Continue reading ‘科学设计你的网站网页’
- 13
- Mar
一直很想研究FaceBook ,苦于没有足够的时间和精力,而在蓝色,总是能发现很多很好的东西,例如这个启示录,正是我想要的东西,感谢译言小组的收集和翻译。 Continue reading ‘FaceBook 启示录’
- 10
- Mar
晚上无聊用手机上蓝色看到的一篇文章,是一个对话的记录,他们算是业界走在比较前面的人,这段对话我也看了一部份(手机看真的很辛苦),的确可以看到一些独特的见解,或者像我这样的人看不到的东西,很感谢他们贡献了这样的一个对话。
Continue reading ‘社会化网络和web2.0′
- 4
- Mar
这本书的核心内容是把用户体验从抽象到具体分成了五个层面。这五个层面相互作用,相互继承,构成了一个完整的用户体验体系,所以,对这个体系各层的理解对我们的实现网站价值,建立良好的用户体验的工作流程有很好的指导作用。下面是我对这五个层面的初步理解和概括,以后将结合工作逐步深入。

● 战略层:网站目标和用户需求
网站的核心价值。
为什么要建立这个网站?
网站想得到什么?网站的用户想得到什么?
● 范围层:功能规格和内容说明
网站提供什么服务和内容,不提供什么服务和内容。
网站要建设什么?
● 结构层:交互设计与信息架构
网站实现范围层所需的所有内容、元素的”逻辑”结构。
● 框架层:界面设计、导航设计和信息设计
结构层规划出来的逻辑结构的物理结构呈现。
● 表现层:视觉设计
对框架层进行视觉包装。
- 15
- Feb
决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。
我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。
http://blog.xiaoxiao.com.cn/2008/02/04/10-principles-of-effective-web-design-chinese-version.html
- 31
- Jan
很久没碰FLASH了,虽然知道IE浏览器刚加入控件激活的措施便有人对些写了些解决的JS代码,但感觉麻烦一直也没有太留意.
刚才在蓝色上面看到一个帖子的链接,有一个很方便的解决办法.
只需要在HEAD引入一段JS代码的文件.就可以解决这个问题.
下载(右键另存为):objectswap.js
微软在IE中加入这个激活的措施是为了用户的安全着想.那也是无可厚非的.
但是对于大多数使用FLASH的网站,用户每次都要点击激活FLASH文件,怎么都是感觉不爽的.
- 24
- Nov
转载自交互℃计的一篇关于交互设计机个概念分析方面写得很好的文章。

下面是对这个图示的简单说明:
产品(Product)
根据Alan Cooper的对交互设计的定义,我把产品分为三个层次:外观(Appearance)、行为(Behavior)和内涵(Idea/connotation),最外层的是外观,接着是行为,最后是内涵。应该说,任何一种产品都包含这三个层次,但根据市场需求的不同各个产品在这三个层次上又有所侧重。 Continue reading ‘产品、体验、用户和设计师概念图’
- 17
- Oct
大众型的网站生命之初始,一切都从「会员数」开始。一个网站只要「有人」,就算不怎好玩的功能都会变得很好玩,就算再平淡的设计也可以玩出让人咯咯笑的趣味。当前所有的网站的创业计画,讲得如此口沫横飞,其实都是创建在「已经有很多人」的假设之上。 Continue reading ‘颠覆常规的「威力不使用者」炒站策略(转载)’
- 11
- Sep
正值Smashing杂志的一周年(希望在那里我们可以得到生日礼物),我们碰上了Vitaly Friedman: Vitaly,欢迎来到fadtastic。请你为自己和Smashing 杂志说点什么。
Andrew首先Smashing杂志团队要感谢你给我们机会在fadtastic上展现我们。我们真很感激你们的工作以及你们的巨大努力来帮助设计师和网站开发者让更多的人所了解。我们高度赞赏网页内容的质量和效用,这就是为什么我们高度尊重你们的工作。 Continue reading ‘内容是成功的关键:Smashing杂志专访’
- 7
- Sep
想像一下这样的场景:你参与了一个新产品的设计,并提交了一系列的视觉设计方案。在评审会上,每个人的眼光都转向坐在房间另一头的某位领导,“我不喜欢橙色。”这位领导突然抬起头来说,于是整个评审会突然就乱了章法,过了一会儿,你痛苦地发现大家正在热烈讨论的,居然是“界面中的方块太死板了,能不能用圆形代替?”这类本不应该讨论的问题。 Continue reading ‘视觉设计:用理性说话’
- 23
- Aug
在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现(不涉及滑动门和AJAX),附有实例,无图片,兼容性较好,方便大家直接使用。 Continue reading ‘三种简洁的Tab导航简析’
- 15
- Aug
如果想为WP找一个相册插件,我想NextGEN Gallery最适合了,我觉得这是我用过的最好的WP插件之一,功能很强大,提供了很完美的照片管理方法,操作也并不复杂,我第一次安装好的时候,我便决定了使用它,因为这正是我想要的。下面我将介绍一下这个插件的安装和一些使用时可能出现的问题。 Continue reading ‘wordpress相册插件:NextGEN Gallery’
- 7
- Aug
版式设计无论对于平面设计还是网页设计都是一个重要的环节,对于网页设计来说,有了版式就像盖房子有了框架,所以了解一些基础的版式设计方法对我们(特别是像我这样没有受过任何美术教育的人)来说是一件很好也很必要的事。以前从没接触过这样的东西,所有的版式设计都是用自己有限的经验去设计(也许根本谈不上是设计),所以呆板和千篇一律就在所难免了,最近在论坛上看到这方面的资源,转载过来,以便空闲的时候可以好好学习一下。
Continue reading ‘《版式设计黄皮书》’
- 24
- Jul
今天下午去广州东方宾馆参加了Adobe Creative Suite 3简体中文版的发布会,发布会上很多专家对Creative Suite 3新特性进行了介绍,其中包括从澳洲过来的亚太区副总裁,在有限的时间里他给大家演示了一些他个人觉得有意思的新功能.的确从这些演示中可以看出整合MM之后的Adobe从MM那里吸取了营养,并且把MM的三个标志性产品很好的整合到Creative Suite 3中来,从而成为了一个庞大的,互通的产业软件系统,这对任何人来说都是个好消息,我们可以不再为那些文件格式间的格式兼容和转换发愁,同时也为团队成员间的协作提供了一个无阻的桥梁. Continue reading ‘Adobe Creative Suite 3 简体中文版’
- 6
- Jul
Inspiration Package: 60+ Usable & Elegant Designs
Published 1 year ago in Web and Design. 0 CommentsWe all love beautiful, usable and impressive web designs. To achieve them, web developers need to focus on many aspects, but basically it all boils down to the question, how well the content is presented and how easily the information can be perceived. Harmonic color schemes are as important as solid and consistent typography. Precise visual structure and intuitive navigation are essential for both usability and accessibility. In fact, mostly it’s a keen attention to small details which gives web-sites a profound end enduring nature. Continue reading ‘Inspiration Package: 60+ Usable & Elegant Designs’


