交互设计体验(第12篇 - 文本链接样式)

今天来研究微交互。

总结各大网站,文本链接有以下几种常见的方式。

方式1:


文本链接默认状态用颜色区别,

但是鼠标悬浮上去没有变化。


方式2:


文本链接默认状态用颜色和下划线区别,

但是鼠标悬浮上去没有变化。


方式3:


文本链接默认状态用颜色区别,

鼠标悬浮上去用下划线区分。


方式4:


文本链接默认状态看起来和其他文本没有区别,

当鼠标悬浮上去时,颜色有所变化。

当一切可能有链接的文本都具备链接后,页面上的文本链接就会比较密集了。此时再继续贯彻“链接的文本要么用颜色区分,要么用下滑线区分”的惯性思维,就会导致整个界面看起来极度混乱。再加上不同的默认文本要对应统一或不同的链接样式,文字规范将十分复杂。针对于设计的界面文本链接偏多,所以样式也自然要低调一些。


具体样式按具体情况而定,这里只是做出了总结。

评论

© 木木 | Powered by LOFTER