English Sentence Loading...
英语句子加载中...
分类: Web标准预览模式: 普通 | 列表


译序:
Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为九个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定性和好的实践提供有意义的帮助。”

译者:IIduce,转载请务必以链接形式注明来源

原文地址:http://www.userfocus.co.uk/resources/guidelines.html

———————————————————————————————————–

导航:

  1. 首页可用性设计(20条评估首页可用性的方针)
  2. 任务导向(44条评估网站对用户任务支持程度的方针)
  3. 导航和信息架构(29条评估导航和信息架构的方针)
  4. 表单和数据输入(23条评估表单和数据输入的方针)
  5. 可信度(13条评估可信度的方针)
  6. 写作和内容质量(23条评估写作和内容质量的方针)
  7. 页面布局和可视设计(38条评估页面布局和可视设计的方针)
  8. 搜索可用性(20条评估搜索可用性设计的方针)
  9. 帮助、反馈和容错(37条评估帮助、反馈和容错的方针)

[阅读全文]




上图是Google 在过去12个月内对 Tumblr, Digg 和StumbleUpon在全球范围内的检测数据图表,也是是Seoptimise 的Tad Chef 对2010年的网站设计趋势所做的30个预测的部分依据,本文从包括Social Media(社会化媒体), Business(商务), Mobile(移动), Marketing(市场营销), Search(搜索), SEO(搜索引擎优化), Web Design Development(网站设计开发), Blogging(博客), Software(软件) 9 个方面预测了2010年Web设计和Web应用方面的发展趋势。

[阅读全文]


现在相关单位招聘美工,都有DIV CSS布局方面的知识要求,现列举DIV CSS最有可能遇到的八个面试问题,希望对您有所帮助。

一、超链接访问过后hover样式就不出现的问题?

被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A

二、IE6的双倍边距BUG

例如:

<style type=”text/css”>
    body {margin:0;}
    div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;}
</style>
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

[阅读全文]

09-11
13

CSS布局口诀


一、IE边框若显若无,须注意,定是高度设置已忘记;

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

三、三像素文本慢移不必慌,高度设置帮你忙;

四、兼容各个浏览须注意,默认设置行高可能是杀手;

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

[阅读全文]

09-05
15

弹性+固宽布局

在当今用户的显示器越来越大的今天,之前的1024*768固宽布局有点越来越不合时宜,对大屏幕的用户而言,两侧空空的留白给人第一眼的印象是严重的屏幕浪费,作为网页设计师的你有责任给这一批用户一个良好的用户界面。

当然为了减少这种屏幕的浪费,采用弹性流体布局是最好的解决方案,它可以充分利用屏幕空间,无论你是多大分辩率的用户,都能尽情满屏展示内容。然而因为种种限制,目前的网页完全采用流体弹性布局条件还不具备(特别是浏览器厂商对标准的肆意蹂躏以及CSS标准的不完全支持等等)。作为夹在用户和厂商的中间者,我们只能以一种兼容的心态去适应两者的差距。所以,作为一种过渡的解决方案,有了这样一种布局:弹性+固宽布局。

[阅读全文]


首先感谢各位朋友对小站的支持.最近一直困扰在网站备案的问题上,时至今晨,终于将备案信息修改完毕并提交.

网站重新开通.迫不及待将此消息与大家分享一下.心里的一块石头终于落下了.

作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。

表格类

1、CSS Form Code Maker - 很方便地生成“五颜六色的BOX布局”的表格。
2、JotForm - JotForm是一个“所见即所得”的表格生成器。

[阅读全文]

-moz-activehyperlinktext
-moz-alias
-moz-all
-moz-anchor-decoration
-moz-appearance
-moz-appearance
-moz-arabic-indic
-moz-background-clip
-moz-background-clip
-moz-background-inline-policy
-moz-background-inline-policy
-moz-background-origin
-moz-background-origin
-moz-bengali
-moz-bg-inset

[阅读全文]