网页设计中的物力规则学习

      在拟化设计盛行的时代，设计师尝试在数字界面中复刻现实世界中的元素和质感。大家都称之为“抄现实”。如今，对物化设计的狂热已经消退，但在UI设计和网页时，仍然是“抄现实”，而“抄”是更深层次的物理规则、运动特征和质感。

      物理是一门相当古老的学科，但 并不是每个人都能理解其中规律，但是几乎所有人都能本能地感知到它的存在。当某个动作不合理的时候，会很本能地感知到它的“不自然 ”，因为日常生活教会了我们所有“自然”的特征。

      “自然”是安全的，符合我们的习惯，自然也是吸引人的。对于设计师来说，我们的生活规律和自然规律是最好的老师。

      如何从中学习?看看Kikk Festival和Wed 'ze Goggles这两个网站的设计。

      Kikk Festival 的首页设计相当的壮观，动态效果下的海洋场景近乎真实，而海岛和大猩猩的合成效果则巧妙地借助相似的形体创造出错位而双关式的视觉语言。水是整个设计中看起来最自然的东西，也是创造错位感的环境。

      相比之下，Wed’ze Goggles的页面设计就不那么令人难忘了，但它向我们展示了如何利用最简单的元素来创造充满自然流体质感的视觉元素。

他们的设计团队使用类似流体的斑点来装饰背景，巧妙地使原本简单和空旷的页面变得不那么单调。

      借助 WebGL、GSAP、Three.js 等较为前卫的技术，将物理运动质感带入 Web项目，在这些项目中得到了体现。虽然我们大多数人都享受这些效果，但硬件设备的CPU和GPU不可避免地更加消耗性能。

      可这并不会产生冲突，我们也无法阻止设计师和开发人员实现这种效果。合理使用不同的代码技术和各种成熟的特效库，甚至可以实现惊人的效果，以假乱真的质感，模拟现实的运动，这些都不成问题。

      网页中的液体效果是千变万化的，不同的视觉效果带来的感觉截然不同，但大多数都遵循物理规律。你可以使用这些规则让设计服务于你的想法。

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-21460.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注网页制作频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050