木子素材 首页 大神 WEB网页 查看内容

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

2013-8-31 19:35| 发布者: admin| 查看: 161| 评论: 0

摘要: @董超Afio 虽然只是小小一个链接以及搭配的一个简单的动画,却由于牵扯到与使用者互动的部份,魔鬼藏在细节里。 在今年如果谈起设计来说,没有人可以避开扁平化设计,不管它是否为未来的设计趋势,至少在今年网页设 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

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

原Demo效果

原文地址:http://www.geekpark.net/read/view/187583
编辑:@董超Afio

 
================关于木子设计网================
"木子设计网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量47万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【muzisucai_com】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×