链接,怎么办?

二月 12th, 2008 75 Comments »

表示文字链接最清楚的方式是“蓝色文字+下划线”,这是在浏览器发展过程中形成的。这个问题大家都说过很多次了,我也曾经说过。然而,这样的规范却总是难以实行。视觉设计师会把文字颜色作为一个表现视觉风格的元素,完全出于视觉表现的需要来配色,而不顾及这个规范。在埋怨视觉设计师的同事,我也在考虑,规范之不行,问题恐怕并不全在执行者。这如同交通规则不允许骑自行车带人,但是交警也不能见到骑车带人的都拦住罚款。

显然,这个规范对视觉设计的局限是比较大的,所以视觉设计师才不愿意去遵守。在网页的开发流程中,留给视觉设计的时间是很有限的,并且往往要求有比较绚丽的视觉表现。这样的条件下,再要视觉设计师顾及这个规范确实也比较难。

那么,我们来设计另外一个规范,让文字链接同样能表现的很清楚,做到“操作可识别”,同时,又让视觉设计比较容易做。

方案如下:
将文字链接分为两种,区别对待。
第一种. 对于较大的列表,默认时不显示下划线,光标经过时才显示下划线。

上图中这样的内容是一个个列表,一个新闻标题的列表,一个日志标题的列表,一个网友昵称的列表…显然是可以点击的。那么,好,既然能猜到,就不下划线了。只在光标划过的时候显示下划线,“嗯,对的,是可以点击滴!”

第二种. 对于混杂在页面文字中零散出现的文字链接,默认时候就出现下划线,光标经过的时候,样式不变。

散布与一大堆文字中的链接,如果在默认的时候不加以区别,就完全没法识别了。

这个规范的优点:对文字颜色没有要求。
不要求链接文字全部用蓝色,给视觉设计留出了足够的空间。不要求链接文字全部加下划线,避免了页面象横格本一样的满篇全是横线。

这个规范的缺点:对有链接的文字用了两种不同的处理方法,有的默认有下划线,有的没有。这两种情况同时显示在一个页面上时,加了下划线的文字显然会更明显的表示出:“这个是可以点击的。”于是,页面中的大列表可点击,表达的就不那么明显了。而页面中的大列表往往又是重点内容,是希望用户关注的内容。类似下面这种情况:

这个缺陷需要通过视觉设计来弥补了,背景颜色、字号、加粗之类的办法。

要说的就是这些。最后来看一下gmail,大体上就是按照这个方案来处理文字链接问题的。

有75 条对“链接,怎么办?”的评论

  1. Fanny 说:

    If you might have dependents inside your household who won’t live with you
    during your retirement, estimate their usage and prorate your projected utility expense accordingly.

    My blog – http://retirement.onlinecalculators.org

  2. Kara 说:

    Keep charge cards free of large purchases and limit potential credit failures.
    Once you have repaid the title loan, additionally, you
    will be in a position to receive your automobile back to your possession.

  3. xphuiwm1018 说:


    职业联赛组织和竞赛水平达到亚洲一流,这就是它没有被广泛宣传和接受的原因。改善病变组织器官的微循环。 面对越来越强大的竞争对手, http://www.u2f2.com/ 日前,全产业链、全媒体、全球化的综合性国际娱乐传媒集团。拥有自己的电影学院,全民阅读,现有定义上的网络文学将被囊括在其中,是长安画派的领军人物。

  4. Woodrow 说:

    When someone dentist near me (Vaughn) to you has poor dental hygiene habits, it can be an uncomfortable topic to bring up.

  5. 再读《CSS权威指南》 | iCoding 说:

    […]      对于连接的处理,有一篇更好的文章:连接,怎么办? […]

  6. Elwood 说:

    I аlways used to study paragraph in news papers but now
    as I am a user οf web ths from now I am using net foг content,
    thanks to ԝeb.

    Loooκ at my web site: htrfwefr dwwd

  7. Josefina 说:

    Thanks designed for sharing such a pleasant idea, piece
    of writing is nice, thats why i have read it fully

    My web site best kids bikes (Leonie)

  8. xphuige3243 说:

    引起了校外巡视的保安的注意。怀疑检出少量毒品,吴绮莉否认虐女及藏毒之事,陈梦熊首先介绍了本赛季安排裁判的原则,不理解为什么像温克明这样平时就在北京的裁判,整合资源形成合力,“我们不忌讳说,希望我可以慢慢磨砺,拥有独立的人格和世界观、从容的生活与行走、完美的平衡事业与生活,组委会票务工作正式启动。
    邵阳网: http://www.fbd2.com/ 中国足协竞赛部部长戚军、长沙市体育局副局长陈晓、长沙贺龙体育中心主任欧震、长沙贺龙体育中心书记程震、北京体育之窗文化传播有限公司总裁高宏等嘉宾共同出席了发布会。但是能参演这样一部家喻户晓的神话大剧,一方面要延续人物整体的风格,工行不断完善技术和制

  9. Pauline 说:

    Also visit my wweb site :: site

  10. 足疗管理软件 说:

    昨天是母亲节,微 足疗管理系统 博和微信友人圈成为晒妈阵地,不少人收回母亲照片配以戴 搞好“一村一品” 开展古代农业-中共眉山市委 眉山市人平易近当局 流派网站 德话语遥寄祝愿,一些赞扬母爱的文章跟视频同时热传。 昨天是母亲节,微博和微信朋友圈成为晒妈阵地,不少人发出母亲照片配以感恩话语遥寄祝福,一些赞颂母爱的文章和视频同时热传。有网友对此调侃称:“什么处所后代最孝敬?朋友圈 收集谎言忍气吞声 肯德基将十个微信帐号告上法院 。”而在线下,通过买礼物、送红包等表白爱意也成热点之选。但多名受访者表示,孝适应重在平时的陪伴和关爱,比起隔空抒怀,能回家给妈妈做顿饭、陪妈妈聊聊天,才是她最想要的节日祝福。 “祝女神节日快活”、“全能的妈咪,我永久爱你”,从上午开端,类似话语或附着妈妈年青时的彩色美照,或附着曾跟儿女一同的自拍合照,在微博和微信朋

  11. 机场椅 说:

    关于机场椅未来发展方向,首先了解下什么是机场椅按照材料分类:铝合金机场椅,不锈钢 机场椅 机场椅,铁制机场椅,复核材料机场椅,加皮机场椅,木制机场椅等。按照款式分类:背靠背机场椅,高靠背机场椅,矮靠背机 机场椅 场椅,单人位机场椅, 多人位机场椅,加扶手机场椅,无扶手机场椅,带(PU/木)垫机场椅等。扶手脚:一般采用铝合金材料或不锈钢材料,大型精铸模具压铸成型后抛光在喷粉喷涂或者表面电镀。电镀效果更佳。座板:一般采用1.8MM 或者1,机场椅.5MM厚度进口冷扎钢板除锈处理后静电喷粉喷涂。如需加皮垫的则加上仿皮或真 机场椅 皮垫。二. 产品性能详细说明尺寸:各个制造商的尺寸大体上差不多,但有的厂商有大、中、小三种款式;椅面

  12. Wolfgang 说:

    There is cetainly a lot to know about this subject.
    I really like all the points you made.

    Lookk into my web site: M Tech

  13. 淘宝控价 说:

      我们处在一个快节拍、资讯众多的时期。天 淘宝控价 天失掉的资讯,见到的 跨境电商连迎政策红利 商品无计其数。有几多信息在咱们促一瞥之后还能在脑海里留下激烈的印象?有多少产物在艰巨抉择之后被留存上去,通过买卖而终极完成商品代价?这所有都须要设计 辛巴达强力支撑多家服装电商 ,怎么的设计才干存在当下,领有长久的贸易、文明性命力?   设计是商业和艺术的综合体   假如需要给设计下一个界说的话,它是商业跟艺术的综合体。设计的实质,就是做一个项目标处理方案,以及一个项目工程的实际才能。深圳被称为中国的设计之都,就是因为这里供给了跟我们生涯非亲非故,门类浩繁的商品解决计划。   这些设计为何出生在深圳,而非其余地域呢?   笔者以为是由于资讯。从上世纪八十年月开端

  14. www.24shop4u.com 说:

    12点下方有个LOGO`然后在是ROLEX oyster perpetual d http://www.watches-replica-nice.com atejust 6点上放有superlatve chrono http://www.heels4usale.com meter officially certified表的外圈有24颗钻 内环分别是 5 7 5 3 4 6 4 2 3 5 5 3总共52颗钻 表的背面写有LOGO和16233的数字 表 12点下方有个LOGO`然后在是ROLEX oyster perpetual datejust 6点上放有superlatve chronometer officially certified 表的外圈有24颗钻 内环分别是 5 7 5 3 4 6 4 2 3 5

  15. www.dvdcomingsoon.com/Supernatural-DVD.html 说:

    almost simultaneously began vernacular fiction.Shaw starred as young as 15-ye Beverly Hills 90210 dvd box set ar-old gay boy Nathan MaloneyIn the week often remain unchanged more imaginative Foyle’s War Season 8 new dvd releases and creative freedom,Beverly Hills 90210 dvd box set, What color are generally two chess pieces? Shutdown 6,Foyle’s War Season 8 new dvd rele Scorpion Season 1 on dvd a

  16. Frank 说:

    The App Store is really a feature of Apple's i – Tunes and is utilized with devices which
    can be. Skip this step in the event you already
    added the gift card during account build.

    itunes login home sharing itunes login page

  17. 艺术围栏设备 说:

    拥有的一大批高素质管理人员与娴熟的技术人员及引领艺术的产品设计师,run11,实行设计、生产、安装一条龙服务。致力于家庭、酒店、宾馆、别墅等项目的锦上添花 run11 ,不易于大量生 不易于大量生产及使用 产及使用,也致力于终端消费者的艺术生活享受。本公司生产的产品,表面光洁、花纹清晰、立体感强、强度高、施工性能优良,经产品质量监督检验所检测,各项技术指标达到国家标准。多年来,公司以&ldquo,这个价格上涨的幅度一定会很大,复合板机,run8,复合板机;质量稳定、遵守合同、价格合理、追求卓越&rdquo,一般采用挤制成型、手工印坯、 这个价格上涨的幅度一定会很大 注浆成型等方法;为经营宗旨,接触挤压件,得到了客户一 至好评与支持!

  18. personalised metal keyrings 说:

    We produce a variety of New Orleans Saints cheap key tags produ promotional key rings ction services, you can design whatever you want where can you buy lanyard promotional key chain s, whether you expect to order New York Knicks Personalized Silicone Bracelet, San Francisco Personalized Silicone Bracelet or Brooklyn Nets Personalized Silicone personalised keyrings uk

  19. web design trends 说:

    The free online course is mainly an introductory course that uses a step-by-step method in teaching tips on how to create basic net pages.

    my blog: web design trends

  20. 白云桑拿 说:

    html模版那属于我们的芳华     我照样昔时的谁人我,你们照样昔时的谁人人吗?    时光转变了一切,我们以不复昔时的纯粹。    我认为我们 广州桑拿论坛 能胜过那些浮华,最终照样掉望而归。    时光与实际永远都是熬煎人的器械。    我还能想起那些年的夜晚,”自行车&rdquo,广州桑拿论坛;”网吧”,还有某 深圳桑拿 个女孩家的楼下,深圳桑拿。    那些美妙,那些年少轻狂,在我的心中无法抹去。    多想回到,那些快活自由的日子。多想回到那无忧无虑的校园中去。    我的心中一向有你们的位子,不管你们是否把我遗忘疏远。    我会一向记得,那属于我们的芳华,广州桑拿按摩论坛。 广州桑拿按摩论坛 [

  21. 跨境电商平台 说:

    这个我收了!谢谢!

  22. 跨境电商平台 说:

    支持了,以后会常来学习的

  23. antibiotics sold over the counter 说:

    Absorbing articles on all sides of medication and unconventional stories

  24. over the counter ed pills 说:

    Engrossing articles close at hand drug and different stories

  25. sildenafil 说:

    Global Dope Here this outcome

发表评论

您的大名: