数极客首页

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

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

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

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

1. 中括号

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

2. 3D翻转

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

3. 底部色块平滑渐隐

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

4. 底部色块快速渐隐

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

5. 3D浮动

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

6. 左侧边框下拉

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

7. 上下横条叠加

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

8. 边框描边

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

9. 上色块扩张

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

10. 色块遮挡

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

11. 文字渐隐

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

12. 圆环渐隐

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

13. 文字色点渐隐

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

14. 侧边变形

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

15. 文字阴影渐隐

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

16. 文字阴影跳动

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

17. 文字底部边框阴影

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

18. 上下边框变形

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

19. 色块3D翻转

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

20. 上下翻页

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

21. 颜色叠加

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

来源:极客观察 http://www.geekpark.net/read/view/187583

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章