关于超链接的下划线(网页篇)

August 12th, 2007 by 奇遇

        关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。

不妨分几个场景讨论一下:

1、导航区域,潜意识我会去点击。即便有下划线也是个“古老形式”的摆设,所以一般没有下划线;好的设计不仅满足点击,还满足视觉的层级关系。
070812_000.gif

2、整页全是链接,下划线成了可有可无的表现。象新浪、搜狐首页都是可以点击的,所以下划线的有无意义也就不大,猫扑在首页设计中就去掉了可有可无的下划线。(下图自上而下依次为:新浪搜狐猫扑。)
070812_001.gif

3、可以点击吗?别让我去猜!看下面的设计抓图,只有Google和百度的设计我没有疑惑,其他两个的设计我要自己去猜。
070812_0021.gif

4、在超链接和文本混排的情况下,下划线更容易让我们去点击。
070812_003.gif
5、独立超链接,不加下划线不足以“明示”。
070812_004.gif
6、需要特别突出显示的链接,必要的时候使用“伪按钮”;关于伪按钮的问题,臭鱼在其接受伪按钮已阐述的比较明确,在此不再赘述。

说明:大家根据具体的环境而定,目的是让超链接更容易被潜意识的点击,避免过多的尝试和思考而浪费浏览者更多的时间。

附:超链接的作用
罗嗦一下基本概念,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
超链接的基本分类

a、按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
b、如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

Posted in .一起体验, GUI设计与欣赏 | 21 Comments »

21 Responses

  1. 旮旯 say: -

    有小手的地方就是超链接,就可以点嘛!

  2. 猪猪 say: -

    请问小手怎么看到的?鼠标移上去,为什么移?因为感觉可点。
    这篇文章受用了。

  3. 奇遇 say: -

    猪猪说的正是要讨论的目的,谁有更多的场景欢迎补充。

  4. 西贝 say: -

    文章有道理,喜欢,这么说你博客右边的不是全是有超链接的吗,是不是应该改善一下呢,取消所有的下划线呢!

  5. 奇遇 say: -

    西贝言之有理,我的博客右边,如果在不看内容的情况下,还以为是公告,加上链接更直观的感受到是链接。

    在不影响美观的情况下,在这里有盛过无,况且最新评论里有超链接和文本的混合。

  6. qingimiss say: -

    的The idea behind a smaller wedding is prom dressesto share your special day with only a few special people. Since the size of

    the wedding party and guests is easily affordable wedding invitationsmanageable, small weddings ideas often allow you to pursue

    the wedding of your dreams when otherwise it wedding invitationswouldn’t be possible. Whether it’s a fancy, elegant wedding or

    a few close friends sharing a common interest, the bridesmaid gownchoice is yours. Make your intimate wedding

    a wedding that you’ll never lace wigsforget.

  7. wigs say: -

    您好If you’re looking to the internet for help with your wedding plans,wedding invitations you’re sure to benefit from the wealth of organizational and comprehensive wedding tips, ideas, tools and resources available right at your fingertips! The internet is packed with useful websites,prom dresses as well as online stores offering every wedding product and service imaginable. hairstylesYou’ll find everything from wedding invitations, wedding keepsakes and wedding favors to online bridal gift registries, travel agencies for destination weddings and honeymoons, cheap prom dresseswedding consulting services and much more. To ensure that you can recognize and hire or purchase from qualified wedding vendors, lace front wigsthe key is to be aware of a few general guidelines.

  8. passguide say: -

    HP0-Y24 Securing HP ProCurve Networks

    HP0-Y25 Building HP ProCurve Enterprise Mobility Solutions

    HP0-A01 HP-UX 11i v3 System Administration

    HP0-S18 Implementing HP ProLiant ML/DL Servers

    HP2-T11 Industry Standard Architecture and Technology

    HP0-790 HP0-790

    HP0-Y12 Building ProCurve Resilient, Adaptive Networks

    HP0-S16 Implementing HP Bladesystem

    HP2-027 Technical Essentials of HP Enterprise Products

    HP0-A21 NonStop Kernel Basics

    HP0-A24 NonStop Data Communication Basics

    HP0-664 NonStop Application Design and Development

    HP0-662 NonStop Configuration and Planning

    HP0-335 HP OpenView Operations (OVO) I8.x UNIX

    HP0-J17 Designing and Implementing the HP StorageWorks EVA4400

    HP0-J18 Implementing HP StorageWorks EVA Solutions

    HP0-J23 Implementing MSA Storage Solutions

    HP0-J23 Implementing MSA Storage Solutions

    HP0-J26 Designing and Implementing HP SAN Solutions

    HP0-S19 Integrating and Managing HP ProLiant ML/DL in the Enterprise

    HP0-Y20 ProCurve Adaptive EDGE Fundamentals

    HP0-Y21 ProCurve Core Competencies

    HP0-J16 oduction to HP SANs

    HP0-M26 astructure Monitoring using HP SiteScope v9

    HP0-A22 NonStop Systems and Technologies

    HP0-M25 Assessing Web Application Security

    HP0-P18 HP Integrity c-Class BladeSystem

    HP0-648 Adaptive EDGE Fundamentals

    HP0-638 Building Proactive Networks

    HP0-Y19 ProCurve Accelerated ASE Mobility

    HP0-451 Radia v4 Foundation Exam

    HP0-685 Implementing HP Virtual Array Solutions

    HP0-K02 Implementing HP BladeSystem

    HP0-M15 HP Quality Center 9.2 Software

    HP0-M16 HP Quick Test Professional 9.2 Software

    HP0-M12 HP WinRunner 9.2 Software

    HP0-M14 HP Project and Portolio Management 7.1 Software

    HP0-M20 HP Business Avaliablity Center 6.5 Software

    HP0-517 HP Integrity Server Multi-OS Installation and Deployment

    HP0-M30 HP Network Node Manager Essentials

    HP2-Z04 Building HP ProCurve Campus LANs

    HP2-Z05 Selling the HP ProCurve Portfolio

    HP0-P12 Servicing HP Integrity Entry-Level Server

    HP0-M29 HP Software Testing Essentials

    好文章啊

  9. mbt say: -

    I like this site, updated daily articles I fully understood.
    mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴
    mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴
    mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ

  10. mbt say: -

    mbt mbt
    mbt 靴 mbt 靴
    mbt シューズ mbt シューズ
    mbt mbt
    mbt 靴 mbt 靴
    mbt シューズ mbt シューズ
    mbt mbt
    mbt 靴 mbt 靴
    mbt シューズ mbt シューズ
    mbt mbt
    mbt 靴 mbt 靴
    mbt シューズ mbt シューズ
    mbt mbt
    mbt 靴 mbt 靴
    mbt シューズ mbt シューズ

  11. cheap handbags say: -

    你好Designer Handbags
    Fashion Handbags
    Gucci Handbags
    Mulberry Handbags
    Jimmy Choo Handbags
    Miu Miu Bags
    Gucci Handbags
    Mulberry Handbags
    Louis Vuitton Handbags
    Coach Handbags
    MiuMiu Handbags
    Anna Corinna Handbags
    Anya HindarMarch Handbags
    Balenciaga Handbags
    Bottega Veneta Handbags
    Burberry Handbags
    Chanel Handbags
    Chloe Handbags
    Dior Handbags
    Dolce Gabbana Handbags
    Fendi Handbags
    Givenchy Handbags
    Hermes Handbags
    Jimmy Choo Handbags
    Kooba Handbags
    Loewe Handbags
    Marc Jacobs Handbags
    Prada Handbags
    Jimmy Choo Handbags

  12. Microsoft Office 2007 say: -

    Office 2007
    Microsoft Office
    Microsoft Office 2007
    Office 2007 key
    Office 2007 download
    Office 2007 Professional
    Office 2007 home
    Office 2007 Ultimate
    MS Office 2007你好
    Office 2007 pro
    Windows 7
    Windows 7 Professional
    Office Professional 2007
    Office Ultimate 2007

  13. fawef say: -

    合作伙伴:
    福汇
    fxcm
    福汇代理
    福汇平台
    福汇交易平台
    福汇代理商
    福汇交易
    http://www.1688fx.com/xwzx.asp
    外汇平台
    外汇交易平台
    外汇
    外汇交易商

  14. asdfasdfsd say: -

    Cheap Christian Louboutin Shoes
    cheap air jordan shoes
    Ralph Lauren Polo Shirts
    Nfl jerseys

    Christian Louboutin Sandals
    nike air jordan shoes
    Polo Shirts
    Nhl jerseys
    Alexander Wang
    Alexander_McQueen

    Christian Louboutin Pumps
    michael jordan shoes
    Mens Polo Shirts
    Mlb Jerseys
    christian Louboutin Boots
    cheap Christian Louboutin Boots
    Christian Louboutin Boots

    Discount Christian Louboutin
    Ugg Boots
    ugg boots
    Christian Louboutin Shoes
    discount ugg boots
    discount ugg boots
    Christian Louboutin Manolo Blahnik
    ugg boots sale
    ugg boots sale
    Christian Louboutin Boots
    cheap ugg boots
    cheap ugg boots
    Christian Louboutin Pumps
    ugg winter boots
    ugg winter boots
    Buffalo Bills jerseys
    ugg boots on sale
    Bailey Button Uggs
    Christian Louboutin Sandals
    Bailey Button Uggs
    你好

  15. mbt say: -

    I’ve started to undertand what it means mbt shoesonly recently chi flat ironbut he’s a good boy after all. Keep doing your best mbt shoes guys, Internet is a real blessing .I have bookmarked mbt shoesyou and will be back soon. How often do you update mbt shoes?
    你好

  16. cscs say: -

    对于经营国内外业务的商家来说,如果将网站放在国内虚拟主机空间上,国内用户访问速度快,但国外用户访问速度慢;网站放在国外空间上,国外用户访问速度快,国内用户访问速度较慢。当客户访问您的网站的时候,等了很久,网站都打不开,一个潜在的订单就这样消失了!这样就变得顾此失彼而无法真正地经营好国内外业务。如果您想让国内、国外的用户访问速度都快,就需要做双镜像,即在国内国外同时租用虚拟主机。即在国内外两地各开设空间放置中文和英文网站,网页里都有英文版和中文版的超级连接,点击英文版连接到国外虚拟主机上,点击中文版连接到国内的虚拟主机上。这样,无论是在国内还是在国外访问您的网站都无需等待,访问速度像飞一般!商机尽在您的手中!而且国外虚拟主机也解决了收不到国外电子邮件的问题,顺畅地与国外客户交流。

    我们公司提供免备案虚拟主机,美国服务器租用美国虚拟主机,国外空间,海外空间PHP虚拟主机Apache虚拟主机Linux虚拟主机等虚拟主机服务,并且提供强大的虚拟主机管理系统Cpanel,支持无限域名捆绑,无限邮箱,无限子域名,不限同时在线人数,并预装了100多种优选电子商务程序(如购物车,博客,论坛等等),无需编程,全部代码免费,一键完成安装。【美国空间】让全世界都能快速访问您的网站!开拓国际市场必备的网站寄存服务!

    站长资讯
    网赚
    网站优化
    主机服务器
    网站空间知识
    cPanel中文教程
    域名注册

    虚拟主机
    企业邮局
    行业新闻
    Baidu联盟
    Google adsense
    百度优化
    谷歌优化

    Yahoo!优化
    Alexa网站排名
    服务器安全
    Vps
    Linux主机服务器
    Windows主机服务器
    美国空间知识
    国内空间知识

  17. Wanling say: -

    Buying replica watches you join to the community of successful and fortunate businessmen and statesmen. Even conoisseurs of watches cannot discern Cartier-La-Dona-De-Cartier from genuine ones.Cartier symbolizes eternal values and everlasting moments of happiness and triumph.Beware Rolex Replica Watches. Because you should understand the difference between Cartier replica and Cartier fake watch. The first ones are made following the original design and technology, while a fake is always a fake.Patek Philippe Replica Watches and more brand watch, you can choose what you like.the Vacheron ConstantinPatek Philippe Replica Watches. Breitling Replica Watch are made to reflect the company ethos and are built to the highest of standards.Chopard Replica Watches.Patek Philippe Watches.The designer exact Vacheron Constantin replica watches are continually tested to ensure they meet strict guidelines of readability, performance, and precision and water resistance.谢谢

  18. coco say: -

    Coach Outlet
    Coach Handbags
    Coach totes
    ralph lauren polo
    ralph lauren outlet
    polo ralph lauren
    lacoste polo
    Moncler jackets
    Moncler
    Moncler coats
    Goose Jacket
    Peak Performance
    Belstaff Jacket

    ED Hardy
    Discount ED Hardy
    ED Hardy Outlet
    Christian Louboutin shoes
    Christian Louboutin boots
    coach outlet
    coach handbag
    coach totes
    diesel jeans
    True Religion Jeans
    levis jeans

    zigtech
    zigtech reebok
    zigtech shoes
    Reebok Easytone
    Reebok Zigtech
    zig pluse
    Burberry Sunglasses
    ED Hardy sunglasses
    Moncler
    Moncler jackets
    Moncler outlet
    Sisley
    Refrigiwear
    Goose Jacket
    Peak Performance
    Belstaff Jacket

    bape shoes
    bape jackets
    Moncler jackets
    Moncler coats
    Moncler
    Goose Jacket
    Peak Performance
    Belstaff Jacket
    discount ugg boots
    classic ugg boot
    ugg classic tall boots
    ugg boot
    classic ugg boot
    ugg classic tall boots

    ED Hardy wholesale
    wholesale ED Hardy
    cheap ugg boots
    classic ugg boot
    ugg classic tall boots
    ugg boots
    classic ugg boot
    ugg classic tall boots

  19. coco say: -

    The most creative of all up till moncler jacketnow thefor women is sure to make you Oakley sunglasses the most won D&G sunglassesderful and attractive like moncler coatsand you can see moncler vestand moncler women of today.moncler jackets like moncler outlet or moncler jacketandmoncler t-shirt and you moncler pantsalso would likenike shoeswere named after the legendary player Michael Jordan and the design and making of theJordan shoes is what makes them different from the others. air jordan have a place in the history.as well.
    Air Jordan 1. Available in online stores inAir Jordan 3 varied designs, colors and discounted prices,Air Jordan 4 these shoes can now be easily bought Air Jordan 13 by those Air Jordan 11 who are on a low budget as well.juicy couture handbags is Casualness and Personal Identity.Buying handbags, you can
    choosejuicy couture outlet.

  20. sure say: -

    净水机
    电解水机
    货架
    地源热泵
    土壤养分速测仪
    保健食品注册
    保健食品注册
    医疗器械注册
    海淀搬家公司
    丰台搬家
    北京机打发票
    开北京发票
    北京机打发票
    开北京发票
    企业宣传册设计
    企业画册设计
    画册印刷设计
    圣荷丰胸
    圣荷
    丰胸产品
    泰国圣荷
    北京搬家
    画册设计印刷
    宣传册设计印刷

    北京婚姻调查
    北京私家侦探
    北京私人侦探
    北京调查公司
    打假公司
    北京整形医院
    北京整形
    整形整容
    上海佳吉物流
    佳吉物流
    显示屏
    锦绣大地礼品卡
    礼品卡
    海鲜礼品
    干果礼品
    出国留学
    留学中介
    美国大学排名
    澳洲大学
    澳洲留学
    留学考试
    托福考试
    雅思考试
    英国大学
    美国大学
    留学咨询
    美国留学
    英国留学
    加拿大留学
    留学签证

  21. links of London say: -

    很好的博客
    The easiness of gold necklaces and authentic life people links of London to complete the quest for really

    enjoy, In 2010, sweetie bracelets unveiled boutique bracelet, in contrast to the clumsy thick

    bracelet, the revolutionary bracelet build a elegant and wonderful sensitive elegance, and girls will consider it. An elegant links of London bracelet female with

    extended hair, improving her palm and also the links of london charms stunned tumble, much like

    writing a wonderful message. Receive my very own knowledge to illustrate. Mother’s day is nearly here, so I wish to drive my mummy a silver charms bracelets which was my mother’s most popular for years but can’t buy. On entering the

    links of London shop, I really feel really happy for I can give my mother a big surprise. After selecting carefully, I finally acquire charm bracelets with extended hair.
    More useful resources about links of London sites you need
    links of London
    sweetie bracelets
    links of london charms
    silver charms
    charm bracelets
    links of london friendship bracelets
    links of london uk
    links of london sweetie bracelets
    links jewelry co uk
    linksoflondon
    links of London necklaces
    links of London earrings
    links of London jewelry

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.