在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。

争议之一:链接是否应该在新窗口打开

正方:

外部链接应该始终从新窗口打开,当你浏览一个站点的时候,点击了一个链接,却被带到另外一个站点,你在这个站点的会话也因此丢失,这实在令人恼怒。因此,站点内的链接可以在现有窗口打开,而站点外链接则应该在新窗口打开。

反方:

作为 Web 设计师,我们不该控制用户的行为,一个链接是否在新窗口打开,应该是用户自己的选择。剥夺用户的控制权,在用户的桌面上打开一堆窗口或标签,这才是真正让人恼怒的事。如果用户想打开新窗口,他们可以自己选择,而对非熟练用户,新窗口让他们丢失了后退按钮更让他们无所适从。

和事佬:

总体来讲,应该避免使用新窗口打开链接,但在某些场合,如打开购物车中的帮助链接,打开一个非 html 文件(如 PDF 文件),应该使用新窗口。为了提高易用性,最好在需要打开新窗口的地方,用一个小图标提示一下。

争议之二:在链接中应该使用诸如Click here 一类的笼统词汇吗?

正方:

事实证明,Click here 比描述性的链接更容易获得点击,因此应该使用该词汇以获得更好的点击率。

反方:

Click here 一类的链接损害 Web 的易用性,用户在点击之前,只能通过周围的上下文关系猜测这个链接是做什么的。Quality guidelines 建议,任何链接文字都应该明确描述该链接的目的。

和事佬:

为了提高站点的易用性,可访问性和 SEO 性能,应该始终使用描述性链接。很有趣听到有人说 Click here 比描述性链接可以获得更多点击率,不知道那些点击进来的人是不是看两眼就离开了。

争议之三:使用该继续使用 b 和 i 两个标签?

正方:

如果你仅仅想把一个词设为粗体,而这个词并没有强调表示重要的意思,应该使用 b 标签,不该用 strong 标签,读屏软件对 b 和i 标签有不同的发音,而 HTML5 规范中仍包含这两个标签。

反方:

这两个标签的作用是将文字设置为粗体或斜体,从语义角度看,任何装饰性的东西都应该使用 CSS 实现,如果要强调一个词语,应该使用 strong 或 em 标签。

和事佬:

b 和 i 标签不应该用于修饰文字的式样,这些视觉的修饰应该交由 CSS 处理。如果要强调一个词汇或语句,应该使用 strong 或 em 标签。只有在那些没有别的标签可用的场合,才可以考虑 b 和 i 。

争议之四:站点 Logo 是否因出现在 h1 标签中?


正方:

Logo 不应包围在标题标签中,标题标签应该包含这个页面的标题或描述性内容,这是 SEO 的最佳方式,否则,站点中的每个页的标题岂不是全变成公司名字了?

反方:

一个站点最明显的标志是它的 Logo, 而 h1 是一个页面最顶级的标题,将 Logo 包围其中很自然,这样,即使没有 CSS 人们也很容易该明白这个页面的结构。

和事佬:

标题标签的作用是描述内容的层级结构,如果一个站点有一个描述站点内容的标题,应该放在 h1 中,否则,第二级结构或描述性的对象,就是 Logo。

争议之五:是否应该支持 IE6?

正方:

IE6 现在仍占有 10% 的市场份额(在国内更高-译者注),因此,网站毫无疑问应该支持 IE6。世界上仍然有很多公司的系统仍需使用 IE6 访问,另外,还有很多人根本不知道怎么升级他们的浏览器。

反方:

IE6 已经过时,不支持最新的 Web 技术,它给在线用户带来安全隐患,也是众多 Web 开发设计师的噩梦。包括 YouTube 在内的大型站点已经停止支持 IE6。你也不例外。

和事佬:

IE6 毫无疑问在衰退,随着大公司对它的抛弃,它的死亡可能来得比预期还快,是否支持 IE6 要看的具体情况,可以考虑为 IE6 用户提供最基本的页面格式,而不必为它挣扎。

本文来源:http://line25.com/articles/top-5-web-design-debates-that-cause-the-most-riots

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

转载于:https://www.cnblogs.com/lhb25/archive/2010/03/04/1678169.html

Web 设计中的 5 个最具争议性的话题相关推荐

  1. Web 设计中的苹果风

    优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡的配 色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用 ...

  2. 移动 Web 设计中的一些错误理念

    目前,移动互联网飞速发展,越来越多的网站和应用开始向移动设备上迁移.但是,由于设备和操作方式的不同,移动Web设计和传统的Web设计之间有很多不同点,这就导致了一些错误的设计理念出现. 在设计过程中我 ...

  3. Web设计中最常用的10种色调以及示例演示

    程序员痛苦之色彩篇,你会做网页配色吗,是不是做出来的网页发现颜色很不协调,像某些菜馆里服务员穿的大红大绿的衣服.本文主要介绍一些在Web设计中常见的配色方案,供大家学习. 1.红色 Red Examp ...

  4. 【转】Web 设计中最常用的 10 种色调以及它们的示例

    文章转载自:开源中国社区 [http://www.oschina.net ] 本文标题:Web 设计中最常用的 10 种色调以及它们的示例 本文地址:http://www.oschina.net/ne ...

  5. Web设计中的中国传统色彩速查表

    转自:http://css9.net/chinese-traditional-color-in-web-desig/  觉得很全,分享一下,以下为作者iiduce所言"诗词中有:" ...

  6. Web设计中的黄金分割

    Web设计中的黄金分割 简介 web设计中的黄金分割 ... 数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候,我确信如此.数学如此刻板乏味.你可能会惊讶的发现,最美观的设计,艺术作品,物体 ...

  7. 从模仿到创新:Web 设计中的中国风(上)

    中国是个拥有5000年文明史的多民族国家,地域与文化延伸亚洲大部,汉风与汉字多被日本,韩国,越南等邻国采用.中国曾经兴衰,如今大门重开,接纳来自 世界的风潮,概念与技术,也包括 Web 技术.本文采访 ...

  8. 透明表盘 指南针 app_指南:在Web设计中使用透明度(不透明度)

    透明度是一种使我们能够看到其底下的效果 . 在设计中,透明度可能会造成一个看起来比实际更宽敞的区域的错觉. 如果做得对,甚至可以使整体设计看起来更优雅. 在Photoshop中,可以通过减小不透明度或 ...

  9. web设计中的色彩与心理学

    为什么Facebook是蓝色的--从最初到最新的版本,几经设计更迭,始终不变的主色调都是蓝色? 答案其实很简单,根据<纽约客>的一次采访,Facebook的创始人马克·扎克伯格其实是一个红 ...

最新文章

  1. 相机模型--A Theory of Catadioptric Image Formation
  2. Linux qfile中文文件名,QFile无法打开包含unicode字符的文件名
  3. winserver2008 Oracle 11g 安装
  4. 简单的c语言推箱子程序,完整版本的推箱子小游戏,最简单的纯C语言打造
  5. POI操作Excel:cell的背景颜色类型
  6. mysql isam cache_Mysql性能优化基础篇
  7. 【Java】Java SimpleDateFormat 线程安全 问题
  8. Pashmak and Parmida's problem(树状数组)
  9. IE10 URL中多出一串字符,图片无法显示
  10. 【树状数组 思维题】luoguP3616 富金森林公园
  11. python画二维温度云图_怎么用Python画出好看的词云图?
  12. socket编程详解,转自http://www.sme-cn.com:82/archives/669
  13. python老鼠书和蛇鼠_哪种编程语言更好?抓到‘老鼠’就是‘好猫’
  14. arcGis for js 3D marker
  15. Internet选项里没有常规选项卡
  16. 计算机物理安全策略,关于计算机信息安全策略的维度思考研究
  17. 经典数据结构之2-3树
  18. 禁用win10无用服务,提高Win10系统游戏性能!
  19. 上海某软件公司电话面试分享
  20. 手机上如何将图片转换成PDF文档

热门文章

  1. [图示]营销理论:不同时代的用户如何接受一个新事物?
  2. 评估指标:ROC,AUC,Precision、Recall、F1-score
  3. 利用gulp对项目html,js,css,图片进行压缩
  4. [CSS]复选框单选框与文字对齐问题的研究与解决.
  5. NodeList 和 HTMLCollection
  6. linux ssh密钥认证
  7. Oracle感慨(转)
  8. 为什么static成员一定要在类外初始化?
  9. java8 CompletableFuture异步编程
  10. 14种常见HTTP状态码