UI设计:值得关注的动感粒子动效设计 - 图文
更新时间:2024-03-05 15:05:01 阅读量: 综合文库 文档下载
- ui设计值得学吗推荐度:
- 相关推荐
火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!
UI设计:值得关注的动感粒子动效设计
动态、抽象等元素常常被设计师用来渲染科技氛围,在设计圈中颇为流行。今天火星时代就来与大家分享粒子动效这一独特的设计元素,希望能对大家有所帮助。
有的网页会在页面背景上散乱分布着点或者小而简单的几何图形,配合着各不相同的背景,粒子动态效果所呈现出来的类型和样式非常之多。它们还可以是一大堆凌动的小球、扁平的圆环,还可以一组来回穿梭的小三角形,等等。在动效上,这些粒子的运动轨迹的差别也是千差万别的,它们有的可能会与用户的操作产生联动,随着鼠标指针的运动、震颤、舞蹈。然而它们依然有很明显的共同点:通过这些粒子的动效来为整个页面营造出动态、活泼和科技感十足的氛围。单调的语言不足以呈现这些粒子动效的独到之处,我们一起来看看案例吧。
Deutser
黑色的极简风背景是这些粒子动效的舞台,粒子每隔几秒会打散重组出新的图案,并且搭配上相应的文案,并且粒子本身会随着鼠标的移动而进行恰如其分的偏移,不仅让用户充满了参与感,而且动态的展示方式让信息的展现更有厚度。
Share the Force
火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!
这是一个星球大战主题相关的网站,意为“分享原力”。整个网站的设计非常贴合星战的主题,加入了许多宇宙相关的设计元素,背景中的粒子动效更是强化了这种环境的动感和气氛。
Seven Brief Lessons
开发者让移动的粒子构成了一个环形,并让它们顺滑地运动着,漂亮的渐变效果让整个背景加分不少。环形运动的粒子动效让用户将注意力集中到中间的文字上,这使得动效的功能性强化了不少。 Brandify
火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!
复杂的立体几何图形和运动的粒子组合到一起,充满了韵律感,整个动效丰富了页面的细节,让它看起来一点都不单调,也增强了趣味性。
NYCIG Marathon
这个壮丽而又专业的粒子动效将NYCIG马拉松的逼格提升到了一个全新的高度,这种壮阔的场景会让用户非常难忘的。 Double Pi
火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!
粒子动效在这个网站中不仅充作背景,同时也是用户交互的对象,它会构成一个隧道随着鼠标光标移动。不过设计师很好地控制了动效的尺寸,不会喧宾夺主。 Sift Agent
作为一个以宇宙为主题的网站而言,粒子动效还是非常点题的。在这个页面中,粒子动效会模拟宇宙中星座的运行轨迹来运动,当你点击不同的区域的时候,能显示相关星球的图片。
Sony Experia
火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!
四处移动的小气泡会构建成不同的东西,让用户心情愉悦,当用户用鼠标点击气球的时候,这些移动着的气球会爆掉,非常好玩,不同的气球会链接到不同的图片。 Signature Art
大量的3D粒子会帮你创建签名,给人以优雅而精致的感觉,当最终生成签名的时候,你可以放大查看细节。 Citak
正在阅读:
黄梅县国家税务局2010年所得税工作总结及2011年工作思路05-01
社会实践报告格式及范文107-29
WLAN Direct(wifi直连)使用详解(图文),华为 U9508 荣耀四核03-08
404种药品商品名与通用名汇总09-05
第十届新财富最佳分析师排行榜04-09
县林业局年开展文明劝导活动工作方案08-03
新员工入职培训手册(31页)05-04
- 多层物业服务方案
- (审判实务)习惯法与少数民族地区民间纠纷解决问题(孙 潋)
- 人教版新课标六年级下册语文全册教案
- 词语打卡
- photoshop实习报告
- 钢结构设计原理综合测试2
- 2014年期末练习题
- 高中数学中的逆向思维解题方法探讨
- 名师原创 全国通用2014-2015学年高二寒假作业 政治(一)Word版
- 北航《建筑结构检测鉴定与加固》在线作业三
- XX县卫生监督所工程建设项目可行性研究报告
- 小学四年级观察作文经典评语
- 浅谈110KV变电站电气一次设计-程泉焱(1)
- 安全员考试题库
- 国家电网公司变电运维管理规定(试行)
- 义务教育课程标准稿征求意见提纲
- 教学秘书面试技巧
- 钢结构工程施工组织设计
- 水利工程概论论文
- 09届九年级数学第四次模拟试卷
- 设计
- 粒子
- 动感
- 值得
- 图文
- 关注
- 部编版二年级语文下册生词、日积月累汇总
- 数学文化论文
- 高中数学教研组工作总结
- 福师《小学科学教育》在线作业二15秋满分答案
- 感悟我的大学生时光
- 第二课 苏联的社会主义建设 说课稿
- 审计学习题部分
- 乡村旅游总体规划方案(2016-2020)范文 - 图文
- 国际经济法期末重点
- 浙江筝派的演奏技法及其音乐风格(修改)
- 物理浮力教学心得体会
- 华中科技大学电气学院暑期生产实习报告 武汉
- 政府和社会资本合作(PPP)-工业园区加油站建设项目财政承受能力论
- 执行策划笔试题
- 教案书写标准
- 电子技术实验报告—实验13OTL功率放大器安装和调试
- 河南省信阳高级中学2016届高三上学期第八次大考语文试题 - 图文
- 相间短路为什么不会产生零序电流
- (政)江苏省盐城市人民政府关于在全市建设领域实施农民工工资保
- 燃气泄漏、火灾爆炸事故专项应急预案-现场演练方案