用户体验, 网站可用性

可用性研究:用户在网站内部页面上的行为

  网站可用性关系到它能为用户节省多少时间。网站可用性越高,用户体验也就越高,用户也就会增加停留在网站上的时间。当一个经验不足的用户通过你网站的一个深层链接访问某个内部页面时,他们第一次会在那里平均花60秒钟的时间,而经验丰富的用户在他们第一次访问一个内部页面时会花45秒钟。

  支持深层链接的一个主要原因是,同主页相比,用户会更加充分地阅读网站内部页面上的内容。

(更多…)

资源

精选30个免费高品质PSD源文件(系列一)

  作为设计师的你,无论是平面还是网页,PSD源文件也许你从网上到处都能找到。但是如果想找一些高品质且有用的Photoshop文件,我想你来彬Go算是来对了; )以下是暴风彬彬从国外各大网站精选的用于设计的高品质.PSD源文件,可以免费下载。这里面有一些是以教程(英文)的方式教你如何设计制作,也能对你的设计有所帮助的。今天这30个PSD源文件只是一个开始,属于PSD源文件系列一,今后暴风彬彬会经常更新这类PSD源文件下载资源的。如果你想第一时间了解彬Go的更新情况,可以订阅RSS或将本博客加入收藏夹

PSD按钮素材源文件

网页-按钮-PSD

(更多…)

网页设计, 资源

推荐一个无缝背景花纹资源站-AVA7 PATTERNS

AVA7 PATTERNS-背景花纹

  随着用户显示器分辨率的逐渐增大,网站的背景设计也越来越重要了,如果你的网站背景还在使用单调的白色作为背景,那你也许忽视了那些使用大分辨率的用户,他们看到的是网站内容和一大片白色。今天暴风彬彬要向大家推荐一个背景花纹资源站——AVA7 PATTERNS

(更多…)

CSS

浅谈网页布局WEB标准的HTML结构化

  您正在学习WEB标准CSS网页布局吗?是不是还不能完全掌握纯CSS布局?通常有两种需要您特别注意:

  第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 

  另一种原因是你对那些非常熟悉的表现层属性束手无策。例如:cellpadding,、hspace、align=”left”等等,不知道该转换成对应的什么CSS语句。当你解决了第一种问题,知道了如何结构化你的HTML,暴风彬彬再给出一个列表,详细列出原来的表现属性用什么CSS来代替。 

(更多…)

网站可用性

网站内容排版可用性分析

网站可用性-分析

  当我们谈论网站可用性的时候,我们总会提及用户界面(UI)——按钮、标记(label)、标签(tab)等的设计与布局。但是,还有一个可能会被你忽视的元素可能会把你辛辛苦苦设计的网站毁于一旦,那就是(文字)内容。

  这些文字内容就是你的网站上用文本方式提及的方方面面,它涵盖了何种类型的文本内容。今天暴风彬彬要谈论的网站可用性分析就是关于网站的文字内容如何对访问者起到引导和告知的作用,例如:引导用户如何下载需要的文件,如何订阅你网站的Feed,告知这个网站是关于什么的等等。虽然说内容为王,但一定要把我还内容的布置才是关键。

(更多…)

资源

15款用于批量处理图片的软件下载

  对于比较繁忙的站长们来说,能批量处理的事情就绝不伤心费神的手动弄。即使花一天的时间找一个适合你的批量处理软件,也能让你以后的工作事半功倍。批量处理任务里面,最常用的就是图片批量处理,包括批量改变图片尺寸,批量改变图片格式,批量重命名,批量添加边框,水印等。现在看看15款图片批量处理软件。

(更多…)

网页设计, 资源

网页设计必备的10套漂亮图标集

  今天暴风彬彬将向你推荐10套用于网页设计的漂亮图标,每一套都值得收藏哦。

1.网站开发图标集

  这套网站开发图标集包含60个Web2.0风格的图标(24×24),这些图标也是免费的。
  点击下载

网页-图标-下载


(更多…)

CSS

整理及优化CSS代码的7个原则

  作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日益庞大,网络带宽也在飞速发展,很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验的强化,使得这种现象越来越普遍,尤其是对于大型网站来说,仅仅一个CSS文件就已经超过了30KB的上限。

  但是即便如此,现在也有很多准则来帮助你在完成CSS布局后进行CSS代码的压缩和优化。CSS代码优化的目的并不仅仅是减少CSS文件的大小,它还能让你的CSS代码更有条理、更高效。在彬Go,你将会学到更多关于CSS代码优化的知识,这能帮你更熟悉CSS代码的规范性。熟悉这些概念还能让你成为更全面的网页设计师,从而写出更优化的CSS代码。

  您还可以参阅暴风彬彬曾经讲解过的《10个CSS简写技巧让你永远受用》。

1.使用简写

  如果你现在还对简写一点都不了解,那你就又写落伍了,不过幸好,学起来并不是很难。使用简写是一种让代码减少的最简单方法。没有比现在更适合实践代码简写的时候了,还等什么,一起来看看吧。

  Margin、border、padding、background、font、list-style和outline 都是可以进行简写的属性。CSS简写就是不再使用不同的相类似属性的声明…

p { margin-top: 10px;
     margin-right: 20px;
     margin-bottom: 30px;
     margin-left: 40px; }

你可以把它们简写成这样:

p { margin: 10px 20px 30px 40px; }

浏览器可以通过不同数量的属性值来解释你定义的CSS代码,请看图解:

CSS优化-简写
上面的简写图解说明的是依据不同的属性值可以进行不同的缩写,这种方法同样适用于padding和Border-width属性。

Font的简写对于缩小代码量很有帮助,而且能让你少打很多字母; )

CSS优化-简写
Font简写的例子。注:如果没有定义某个属性值的话,将继承副级元素的定义或使用默认值。

(更多…)

资源

通过27个网站分析工具了解网站的9个有趣真相

网站分析-免费-工具

  作为博客写手、网页设计师和元老级网民,我们每天要浏览许多的网站和博客。除阅读之外,我们也会对其它所有相关都会感到好奇。这些好奇往往产生自网站(博客)的数字和数据,例如页面点击量、Feed订阅数、排名、网站虚拟主机和网站的价值等等。暴风彬彬建议你看看这篇《通过27个网站分析工具了解网站的9个有趣真相》。暴风彬彬在此之前也曾经推荐过《20个免费的SEO网站分析工具》,如果感兴趣,也可以去看一看。

(更多…)

网页设计

推荐80个使用超大背景图片的网站设计

  随着显示器分辨率和网络带宽的飞速发展,好像越来越多的网站开始使用超出常规尺寸的照片或插图来作为网站的背景。不得不承认的是,超大的背景图片能让网站的视觉冲击力更强,尤其是在分辨率大的显示器下。和传统的网页设计相比,这种设计能给网站更多的生命力。现在暴风彬彬为你收集了80个使用超大背景的网站集合,作为网页设计师的你一定要看,绝对不会失望的!

(更多…)