当今Web设计中存在的5大争议 ,你怎么看?

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

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

正方:

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

反方:

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

和事佬:

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

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

正方:

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

反方:

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

和事佬:

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

精心开发5年的UI前端框架!

争议之三:使用该继续使用
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。

精心开发5年的UI前端框架!

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

正方:

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

反方:

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

精心开发5年的UI前端框架!

和事佬:

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

时间: 2024-07-29 12:18:06

当今Web设计中存在的5大争议 ,你怎么看?的相关文章

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法 一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;)

产品设计中要考虑6大类优先级

设计中对优先级的把握就是要让我们能够将真正重要的功能/内容/元素放到突出的位置,以最多的界面资源去展示它们,而将次要的部分弱化,隐藏起来,在此的部分索性砍掉.这是产品在设计中最容易忽略的地方,也是初级产品在优化和设计用户界面时,容易犯的错误.至于和怎么排放按钮,整理功能的方法.我之前有篇文章已经写了. 删除.组织.隐藏.转移,四个方法做好产品的"简单化设计" .那我们在设计中要考虑哪些优先级呢?共分为以下6类. 1.用户优先级 我们都知道用户按照操作经验维度可以分为:主流用户群体/随意

web设计中的色彩与心理学

为什么Facebook是蓝色的--从最初到最新的版本,几经设计更迭,始终不变的主色调都是蓝色? 答案其实很简单,根据<纽约客>的一次采访,Facebook的创始人马克·扎克伯格其实是一个红绿色盲,他只能分辨出蓝色:"蓝色对我来说是色彩最丰富的颜色." * Facebook最初始的设计界面,那时候它还叫做thefacebook.com.当时,想要在上面开个账户必须有一个以.edu(哈佛大学)结尾的邮箱才行. 无心插柳也好,有意栽培也好,色彩往往能够体现互联网品牌的创始人的审美

Web设计中打开新页面或页面跳转的方法

一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;);</script>&quo

web 设计中引入字体

参考:http://blog.csdn.net/goodgirl1991/article/details/50414207?_t_t_t=0.013330932601413936

超越CSS:Web设计艺术精髓 笔记

w3c创建web标准.css和css禅意花园推动css.IE7浏览器存在市场份额的时代,因为IE7对标准还不是很理想,当前网络环境,IE6和windows xp已经被微软官方停止,IE8大体支持web标准的情况下,web开发人员还需要兼容IE7的情况下,该书提供一系列解决思路. 1.在IE不支持web标准消失之前,我们都需要针对浏览器实现分级支持,同时我们不能使用浏览器Hacks2.w3c的web标准和禅意花园的出现推动css标准发展,css2-css33.javascript和DOM补css不

Web响应式设计中应避免的八大误区

开发一个带有响应式交互设计的网站变得非常有意义,因为其可以在不同的设备运行,因此,你可以节约针对不同平台开发不同网站的成本.但是,要做最大限度相应的网页设计,有些误区你应当避免. 不要优先为桌面版设计 开发者通常会犯的一个常见错误是,但他们设计网站时优先考虑桌面版,因为在这些人严重,将基于桌面版的网站转变为针对其他设备的响应式web设 计 是件很轻松愉快的事情.但是,这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题.甚至会造成返工,当然,大量的错误也会蔓延出来. 然而,基于移动设备开发网

[转]响应式WEB设计学习(2)—视频能够做成响应式吗

原文地址:http://www.jb51.net/web/70361.html 上集回顾: 昨天讲了页面如何根据不同的设备尺寸做出响应.主要是利用了@media命令以及尺寸百分比化这两招. 上集补充: 其中,利用以下CSS设置让图片或视频大小不超过设备屏幕的宽度: 复制代码 代码如下: img, object{max-width:100%;} 这一语句一般加在@media screen and (max-width:481)的判断内,主要是让手机用户在查看网页时图片不至于比手机屏幕还大. 这一招

Web浏览器中的JavaScript(二)

客户端Javascript时间线: 1)  Web浏览器创建Document对象,并开始解析Web页面,解析html元素和它们的文本内容后添加Element对象和Text节点到文档中.在这个阶段documen.readystate属性值是"loading" 2)  当HTML解析器遇到没有async和defer属性的<script>元素时,它把这些元素添加到文档中,然后执行行内或外部脚本.这些脚本会同步执行,并且在脚本下载(如果需要)和执行时解析器会暂停.这样脚本就可以用d