menu

滚动 VS 点击

译自 Why Scrolling is the New Click by anthony

点击和滚动,哪一个对用户更友好?这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击,给用户一堆链接并把他们带到新的页面;使用滚动,则把所有内容按区块展示在一个单一的页面上。

许多年前,这个问题最简单的回答就是使用点击。通常的考虑是,如果你使得你的你的页面过长,那么用户只会去看去读上半部分而可能只是扫一眼、甚至是忽略下半部分。而今,这有了一些变化,许多用户可以毫无问题的从头滚到尾。相比点击滚动现在变得越来越自然。因为用户的行为一直在变化着,设计师需要在他们的设计里考虑到这些问题。

Read more... »

为什么圆角更易识别

译自 Why Rounded Corners are Easier on the Eyes by anthony

如今,设计师大量使用圆角以至于这看起来像是工业标准而非什么设计趋势。圆角不仅被应用在软件用户界面上,也同时被应用到硬件产品的设计上。那么是圆角的什么方面使得它们如此流行?确实,它们看起来很吸引人,但原因远不仅如此。

Read more... »

Firebug 1.9 的新特性

Firebug 1.9

Firebug 1.9

Firebug 1.9于1月6日发布,新版本带来了诸多新的实用功能,为此我翻译了这篇关于新特性的文章:Firebug 1.9 New Features

/* ———– translation begins ———– */

Firebug 1.9 已经发布,和往常一样我又有了这样一个机会,来介绍一些被引入的新特性。

首先来看看下面的兼容性列表:

  • Firebug 1.7.3 适用于 Firefox 4.0
  • Firebug 1.9 适用于 Firefox 5.0 – 11.0
  • Firebug 1.10 适用于 Firefox 12.0 (nightly)

Firebug 1.10 alpha 1 下周面世,你也可以同时在Firefox最新版上使用 Firebug 1.9b6。

Read more... »

HTML5 Differences from HTML4 译文

原本是在蓝色理想上接了一个150积分的任务,然后开始翻译这篇虽然是草案却被广泛引用并且阅读的工作笔记——HTML5 Differences from HTML4,即《HTML5 相对于 HTML4 的差异》。对于翻译内容的一再斟酌花费了大量的时间,所以翻译工作比想像的更为耗时和费力。不过在经过了一系列的折腾后,总算迎来了成果。

你可以在这个链接看到我的译文:http://www.swordair.com/docs/html5-differences-from-html4/

Read more... »

30多个高明的Logo

Diamond Bookstore

其实自己现在和设计基本沾不上边,所以自己的阅读器里关于设计的网站其实非常少。webdesignerdepot.com上常常会出现些精妙的设计的罗列,很多时候我都很想翻译和转载,不过为了不让自己博客被太多莫名其妙的转载搅乱,所以还是要好好选择一下内容,并且翻译和以及个人理解都要做到位才行。比如这次看到的30+ Great Logos with Smart Concepts里的几个Loge确实是精妙之极。

/* ———-译文分割线———- */

几个月前,我们发表了一篇集合 “暗藏玄机的高明Logo” (Smart Logos with Hidden Symbolism),收到了很好的反响。(译注:这篇文章被国内第一时间转载,我记得还转到了cnbeta上)

今天,我们展示另一个不错的非常高明Logo的集合,并且这次,他们的意义更加显而易见。

这里精选的logo使用由字体和插图组成的交错的图形来构建公司的名称。

通常,当你仔细看一下这些logo,然后说:“Wow,多么的聪明!”

和往常一样,我们希望你在下面的评论区反馈,同时,如果你知道一些和这些类似的logo,我们非常欢迎你在下面的评论区增加它们的链接。

Read more... »

IE9,Opacity 和 Alpha

译自同名IEBlog:IE9, Opacity, and Alpha,关于IE9和透明度兼容CSS和JS代码。日期是昨晚(8/17)6:15。

以下为我的译文:

IE9引入了 CSS3 Color Module 的支持,包括其中已普遍使用的透明度( opacity )属性。如同我们已经完成的其他基于标准的特性,为了在其他浏览其中的相同的标记能工作在IE9的标准模式下,IE9实现了透明度。

IE8以及其之前的版本实现了另一种替代的机制,使用IE特定的滤镜( filter )属性中的 alpha filter 来应用透明度。这就形成了一个兼容性的挑战,因为IE9标准模式只支持 opacity,而不支持 alpha filter ( IE9的兼容即怪异模式,7和8仍然支持 alpha filter 但不支持实现opacity )。

对于使用最佳实践特性检测法的站点,兼容性不是问题。它们会检测 opacity 在IE9中是否被支持并使用 opacity 替代滤镜。问题在于那些使用了浏览器检测的站点以及那些错误的假设了IE总是使用透明度滤镜而不是opacity并在脚本中只使用滤镜的站点。那些站点里的web页面,在IE9默认的9的文档模式下,透明度效果会失效。解决方法是先检测基于标准的 opacity 特性,然后是浏览器特定滤镜,就如同我们之前文章里描述的那样

Read more... »

10个糟糕的IE Bug及其修复

国外有很多优秀的文章可以用来学习,我决定花些时间翻译。我并不知道这篇文章有没有人翻译过,原文名 10 Awful IE Bugs and Fixes,我希望能有更多人能看到这些优秀的文章。外国人很幽默,所以我也就全文翻了。

———-以下为译文———-

我列举了10个常见的IE bug和解决方法。我相信这将能够帮助你减少调试IE布局不一致时花掉的时间。
作者:kevin

简介

在处理IE方面每个人都有他们自己的故事。作为一个开发者我不得不面对大量的IE的古里古怪的问题并且有的时候你只是想用头撞墙。但是随着时间的推移,我们慢慢吃一堑长一智(有些时候那不是我们的错,是IE的错!)并且开始接受和理解IE的怪异行为。我们不得不这样因为仍然有数量可观的IE6用户。最好的做法是一开始就不断的从不同的浏览器测试你的网站。从一开始就解决布局问题要比在数千行html和css代码之后容易的多。

Read more... »

化石鱼 金属效果和材质

原文由Adam Smith发表于advanced photoshop magazine,可以在这本杂志的第33期的第33页找到英文的原版。由于在这类文章里比起学习技术,更多的还是在学习思路,加之原文的冗长,所以和那篇切楼一样,我仍然只是写我理解的主要思路。原文标题《metal effects and textures》,即金属效果和材质。

此文我翻译后最早发布在这里
最终效果图:

Read more... »

切割大楼

有时也会翻译一些PS的非常赞的教材,但因为忙可能只是复述了大体的思路。切割大楼这篇文章是我早期翻译的可操作性很强的文章。现在也把这篇文章搬回博客。

原文出自Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe Photoshop professionals》的同名文章。Advanced Photoshop是一本很不错的杂志(虽然现在这本杂志好像没以前好看了),现在也还可以从VeryCD上断断续续地下载到。虽然我很喜欢原文翻译,但是这篇原文实在太冗长了。最后只是复述了整个过程。

最终效果图:

Read more... »

50个经典再设计

最早在wefunction上看到的,自己翻译后,发到经典论坛上,现在就搬回自己的博客吧,再不搬回来就过时了~^_^。

01. AT&T Inc.
这是一个的微妙升级却造成了巨大差异的完美的例子。

Read more... »