童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

优雅地扩大链接响应区域

9月9日 喵小咪投稿
  合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡,就需要做一些特殊的处理。
  实例一:一张图配一个链接。
  常规的做法有以下几种:
  第一种是最常规的,只有链接可点,但整张图不可点,点起来还蛮累的。
  第二种是把整张图作为一个链接,链接响应区域是够大,但其实那个链接就比较尴尬,不够优雅。
  第三种是弄两链接,文本链接之外,图本身再配个链接。这个比以上两种都好一些,但仍然不够理想,因为两个链接的交互一致性不够,用户对点图和点链接是不是去同一个地方会存在疑虑。
  这样或许会优雅一些:
  图片可点,鼠标移入图片上,鼠标变手型的同时文本链接变为hover状态。这样即有足够的链接响应区域,又有很好的交互一致性,暗示用户点图和点链接去的是同一个地方,如图所示:
  前端代码角度上,就是把链接a标签包住整个图,那段文字用其他标签表示,比如span,再定义a的hover状态下,把span变成链接色,并加上下划线,来模拟hover效果。
  实例二,可链接的标题配一段对标题的详细描述。
  在这个例子中,视觉角度来看,一片文字需要主次清晰,所以链接色只加在了标题上。那么详细描述部分该不该响应点击呢?非链接色出hover效果会不会有点怪呢?即使决定这儿可以链接,那hover效果导致出现大片的hover色和多行下划线,视觉设计师会跟你急吧。
  这样或许会优雅一些:
  让详细描述响应点击,同时让hover效果出现在标题上。如图:
  还有更复杂的模块,可以套用这个方式来做,比如下面这个例子:
投诉 评论 转载

网页设计师应具备的六大旁门左道我在前面的《抄袭网页设计师必备的本领之一》讲了设计师提升设计能力的一个方法。那么,除了提升设计能力外,想做为一个优秀的设计师还有些方面需要了解甚至是学习才能设计好网页。不得不说……互联网产品设计零碎记与部门同事做了个小小的交流,话题杂而浅,在此做一个小纪录。1、什么是设计工业设计、环境设计、建筑设计、平面设计、网页设计、服装设计、信息设计日常生活中,随处可听可见……AB测试:实现方法上文介绍了AB测试的基本概念,接下来我们继续探讨如何实现AB测试。我们先来看一个图:(注:感谢Algo提供本图。)上图展示了AB测试的实现原理。从左……基于LUCENE实现自己的推荐引擎采用基于数据挖掘的算法来实现推荐引擎是各大电子商务网站、SNS社区最为常用的方法,推荐引擎常用的ContentBased推荐算法及协同过滤算法(ItemBased、Userba……优雅地扩大链接响应区域合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡,就需要做一些特殊的处理。实例一:一张图配一个链接。常规的做法有以下几……交互设计的“拟人趋势”,从海明威说起“海明威小说里的对话跟别人都不太一样。大部分作家写的对话都特别有逻辑,他们的对话都很连贯、很有逻辑。而海明威的对话,表面看上去好像是没逻辑的,有时候甚至是互相对不上,断断续续的……手机交互设计师的专业度手机交互设计师的专业度是对设计的分析能力、根据主要设计原则组织设计元素和对细节的挑剔程度,具体体现工作中的以下几个方面:美感。作为设计师,需要具备最基本的审美观。不管作品……从“告诉用户在哪里”说开去在网页设计里一提到“告诉用户在哪里”,我们最先想到的控件是面包屑,它不仅可以告诉用户在哪里,还能清晰的展现你所处的层级。当然还有一个控件也能“告诉用户在哪里”浏览器标题。而这两……前端开发中的一些用户体验细节用户体验已经是一个老生常谈的话题了。我非常赞同某位达人所说的,用户体验设计应该贯穿于产品从萌芽到出生的整个过程,产品原型、视觉设计、前端开发、后端开发甚至还包括产品测试大家都应……PeterSkillman浅谈用户体验创新“一款顶级设备要素构成中,设计只占5。市场营销、销售、分流以及采购构成了余下的95。”最近,ZUR网站有幸近距离与新任NokiaMeeGo设备用户体验和服务总负责人Pet……抄袭网页设计师必备的本领之一在前面的文章《减少你服务中的痛苦服务于优质的网站设计客户》里面谈了找优质客户。那么设计师如想确保优质客户继续合作下去。那首要就是要保证客户能够认可你的设计能力。关于这个话……从用户角度看百度说吧用户体验恐惧与信任最近一段的时间里,IT界里三大巨头一共有三条头条新闻,第一是Apple在国内发行Ipad掀起Apple迷的发狂般的购买高潮,第二就是微软发行InternetExplorer9装……
旅游APP竞品分析报告:携程vs去哪儿旅行vs飞猪出境游小肚皮App产品分析:00后的社交养成平台产品分析报告:共享衣橱行业,缘何衣二三成为独角兽?Soul分析报告:弱社交如何成为强依恋透过乐信“分期乐”产品,看消费金融行业2019年抖音数据报告的分析探究西梅产品体验报告:少壮不努力,老大学英语产品分析:微信读书,当阅读成为一种社交方式DaDa英语VSVIPKID:进入2。0模式,寻找更多可能对比分析:京东VS淘宝,从购物车形态分析营销策略微信网页版,为什么要二维码登录?产品分析哔哩哔哩,年轻人的文化社区
是否可以将集体土地使用权租赁?冯唐经典语录(冯唐最经典的18句话)手机辐射使皮肤发痒吗飞利浦VTR5166,为你讲述麦克风的科技极简美学李诚儒的人生浮沉史2022虎年几月出生命最苦高龄产妇的饮食要注意些什么没有手指粗经常做这几个动作轻松拥有小V脸2000元买啥二手iPhone7?看看这些国产手机!春季的校园王二妮23岁成名,放弃百万年薪下嫁农村,婆婆的态度让她不后悔

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界