香辣酱vi设计的核心价值在于为企业打造独特的品牌,香辣酱vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“香辣酱vi设计”配图为本公司设计作品
似乎,作为设计的组成部分,背景生活在阴影中;然而,这并不完全正确。当半铸钢钢性铸铁(Cast Semi-Steel)刚刚开始向征服世界迈出第一步的时候,背景就已经扮演了网站主要装饰元素的角色。如今,这种情况并没有彻底改变。在大多数情况下,它作为一种主要的视觉驱动力,为主题做出重要贡献。传统上,照片和视频是背景的首选。事实是,它们只是人口过剩的英雄版块:所有其他网站都用基于图像或基于电影的背景来迎接在线观众。这使得网络(尤其是你的界面)变得非常相似,带来了预期的用户体验。一种解决方法是通过开发全新的技术,尝试CSS3、HTML5和Java Script语言来找到新的解决方案。事实上,有一种明显的倾向于这些选项。如今,至少有四种不同的现代动态背景参与竞争,以赢得自己在阳光下的位置。让我们来看看它们:
粒子动画粒子动画是现在最流行的选择之一。许多网站已经成功采用了这种优雅的宇宙风格的解决方案。它可以很好地与纯色画布、插图、矢量图甚至照片结合使用。而且,动画各不相同。它可以是散布在整个页面上的一堆混乱移动的点,以模仿星空或星雨,或者是以星座为主题的解决方案,可以用细线连接圆圈。这还不是全部;有时它与鼠标悬停事件触发的效果成对出现:在这种情况下,你可以驱赶粒子,从它们形成漩涡,将它们作为轨迹附着到光标上,等等100 . Huub是一个典型的粒子动画的例子。它的特点是一个移动的小点群,与背面的深色和地图非常相配。用你的鼠标光标找点乐子。
提示:如果你想掌握Huub的动态标题背景,那么你应该看看多米尼克柯尔伯创建的名为鼠标视差演示的项目。看起来几乎一样。但是如果你需要一个即时的解决方案,那么文森特加罗的Java Script语言库粒子. js就是你要找的。
粒子的波动在前面的例子中,这种效果可以通过HTML5和CSS3以及JavaScript魔法的巧妙操作来实现,而这个例子是对三. js库的巧妙实验。它的拱形和平滑的波纹状运动很容易让人想起小潮汐。它创造了一种令人窒息的画布的感觉。您可以使用鼠标光标向不同方向旋转,水平和垂直浏览100 .斯图门有一个简单精炼的"欢迎"部分。它是最小的,干净的,精致的。内容不引人注目地进入视野,而脉动的背景为项目建立了正确的情绪。
提示:在这里你可以找到三个j的原创剧本和死亡之牙用阿德莫成功改编的名为三个。js画布-粒子-波的剧本。
鼠标悬停视差分层视差是另一个增长趋势。与粒子动画一起,它可以将所有静态背景转换成具有超三维感觉的组合。最棒的是,你不必放弃你最喜欢的图像选择,只需使用视差来美化它。当你需要活跃标题、标识、超现实场景或插图时,这是非常有益的。也适用于各种抽象动画。由标准的鼠标悬停事件触发,它不仅增加了另一个维度,还允许用户玩环境。亚历山大罗切特的个人作品集有一个突出的引人注目的页面。不仅行为吸引眼球,鼠标悬停视差也会使字母移动。
提示:有许多用于生成视差的库和可行的代码片段。其中最受欢迎的是马修瓦格菲尔德创建的Parallax.js插件。然而,如果你需要在实践中看到它,特别是应用于排版,那么你可以探索前沿书呆子的阿彭,它以他在鼠标上的三维(three dimension的缩写)视差为特色。
注:本文“香辣酱vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐