21个适合扁平化设计的创意超链接效果

虽然只是小小一个链接以及搭配的一个简单的动画,却由于牵扯到与使用者互动的部份,魔鬼藏在细节里。

在今年如果谈起设计来说,没有人可以避开扁平化设计,不管它是否为未来的设计趋势,至少在今年网页设计领域中扁平化很流行很流行。相比以往,扁平化在界面上可以说是一种”偷懒”,界面”偷懒”后,对后面的交互上的细节要求就更加高了。因此Tympanus收集了一些和传统交互效果相比更加有创意且适合扁平化设计的一些案例。本文为 21个链接 Hover 交互样式,原Demo效果在此。

1. 中括号

21个适合扁平化设计的创意超链接效果,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

2. 3D翻转

21个适合扁平化设计的创意超链接效果,PS教程,

3. 底部色块平滑渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

4. 底部色块快速渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

5. 3D浮动

21个适合扁平化设计的创意超链接效果,PS教程,

6. 左侧边框下拉

21个适合扁平化设计的创意超链接效果,PS教程,

7. 上下横条叠加

21个适合扁平化设计的创意超链接效果,PS教程,

8. 边框描边

21个适合扁平化设计的创意超链接效果,PS教程,

9. 上色块扩张

21个适合扁平化设计的创意超链接效果,PS教程,

10. 色块遮挡

21个适合扁平化设计的创意超链接效果,PS教程,

11. 文字渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

12. 圆环渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

13. 文字色点渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

14. 侧边变形

21个适合扁平化设计的创意超链接效果,PS教程,

15. 文字阴影渐隐

21个适合扁平化设计的创意超链接效果,PS教程,

16. 文字阴影跳动

21个适合扁平化设计的创意超链接效果,PS教程,

17. 文字底部边框阴影

21个适合扁平化设计的创意超链接效果,PS教程,

18. 上下边框变形

21个适合扁平化设计的创意超链接效果,PS教程,

19. 色块3D翻转

21个适合扁平化设计的创意超链接效果,PS教程,

20. 上下翻页

21个适合扁平化设计的创意超链接效果,PS教程,

21. 颜色叠加

21个适合扁平化设计的创意超链接效果,PS教程,