网站制作知识

出色的液体流动效果让这些网页足够出彩

类型:网站制作知识 日期:2020.03.11

Julie Bonnemoy 的页面当中加入了非常惊人的液态泡泡动画,作为动态背景来使用,加上温暖柔和的色调,整个页面给人非常诱人的感觉。

Studio Gusto 的首页上使用了类似的网站建设,不过泡泡的质感不像液体,更加接近于肥皂泡的感觉,轻盈随性。这个网站的设计是用于作品集展示的。

最后一个网页是 Ibiza Music Artists,网站并没有用水泡的设计,而是将页面背景设计成了俯视角度下的水面,整体质感简约,优雅,精致。

就像现实生活中水无常形一样,在网页设计当中,液体也可以以多种多样的方式存在着。开发人员通过不同的流态,不同的视角,不同的色彩来构建不同的解决方案。就像之前的几个案例所看到的:


网站建设


液体可以构成平面,就像 Ibiza Music Artist 这个案例,带着非常漂亮的波浪效果。

液体可以如同浓稠的溶液一样向外扩散,就像 Booreiland 的网页中那样。

液体也可以具有方向性,向着特定的方向流动,就像 Republic 的页面中所使用的效果,你甚至可以在它流动的效果中感受到液体表面的稠度。

而 Les Animals 中的液体效果则显得更加轻盈,流畅顺滑的效果更接近2D。

Designmodo Postcards 的页面中则使用了静态的气泡,结合微妙的视差和渐变效果,来达到有趣的视觉效果。

免费建站中液体效果是千变万化的,不同的视觉效果带来的感觉截然不同,但是它们大都遵循物理规律。你可以利用这些规律,让设计服务于你的想法。


使用范围

免费网站中的液体效果通常都是装饰性的,营造氛围,传递感受,提升设计感。

所以,在设计的时候,可以像 Intangible Matter 这样占据整个页面的区域,就像水面一样,不留下一点空隙。也可以像 Miew Creative Studio 或者 Loaded 这样,仅仅只是让液态效果占据首屏,用来吸引用户的注意力。

而在 Viennese modernism 2018 这个网页当中,液态效果甚至是网页所涉及到的展览当中的一个组成部分。这个案例当中,液态效果是现代主义设计的代表,为整个网页的氛围作出了贡献。


网站建设


通过这些案例,我们可以了解到液态效果的作用主要有:

丰富用户体验

给人留下深刻的印象

完善整个页面给人的感觉

优雅地填充留白或背景

避免页面看起来太简单


网站模板


液态效果所带来的功能其实也可以很重要:

放置视觉锚点,以不那么引人瞩目的方式来引导用户注意力到特定的地方。

通过动效,为用户提供视觉路径

为整个设计提供一致性

提升项目本身的创造性和专业性

当然值得注意的是,液态效果本身对于服务器和用户的电脑本身的性能要求比较高,开发的时候需要注意。


关键词:免费网站,免费建站,网站建设

相关网站建站知识
更多免费网站
网站建设 网站优化 网站推广 网站排名
广东网站优化 广州网站优化 深圳网站优化 珠海网站优化 汕头网站优化 佛山网站优化 韶关网站优化 湛江网站优化 肇庆网站优化 江门网站优化 茂名网站优化 惠州网站优化 梅州网站优化 汕尾网站优化 河源网站优化 阳江网站优化 清远网站优化 东莞网站优化 中山网站优化 潮州网站优化 揭阳网站优化 云浮网站优化 增城网站优化 从化网站优化 南雄网站优化 乐昌网站优化 英德网站优化 连州网站优化 台山网站优化 开平网站优化 鹤山网站优化 高州网站优化 化州网站优化 信宜网站优化 高要网站优化 四会网站优化 兴宁网站优化 陆丰网站优化 阳春网站优化 普宁网站优化 罗定网站优化 江苏网站优化 宿迁网站优化 南京网站优化 无锡网站优化 徐州网站优化 常州网站优化 苏州网站优化 南通网站优化 连云港网站优化 淮安网站优化 盐城网站优化 扬州网站优化 镇江网站优化 泰州网站优化 海安网站优化 常熟网站优化 邳州网站优化 新沂网站优化 溧阳网站优化 张家港网站优化 宜兴网站优化 太仓网站优化 昆山网站优化 如皋网站优化 海门网站优化 启东网站优化 东台网站优化 高邮网站优化 仪征网站优化 丹阳网站优化 扬中网站优化 句容网站优化 靖江网站优化 兴化网站优化 泰兴网站优化 江阴网站优化 河北网站优化 石家庄网站优化 唐山网站优化 秦皇岛网站优化 邯郸网站优化 邢台网站优化 保定网站优化 张家口网站优化 承德网站优化 沧州网站优化 廊坊网站优化 衡水网站优化 新集网站优化 藁城网站优化 晋州网站优化 新乐网站优化 鹿泉网站优化 遵化网站优化 迁安网站优化 武安网站优化 南宫网站优化 沙河网站优化 涿州网站优化 定州网站优化 安国网站优化 高碑店网站优化 泊头网站优化 山西网站优化 太原网站优化 大同网站优化 朔州网站优化 忻州网站优化 阳泉网站优化 吕梁网站优化 晋中网站优化 长治网站优化 晋城网站优化 临汾网站优化 运城网站优化 古交网站优化 潞城网站优化 高平网站优化 原平网站优化 榆次网站优化 介休网站优化 离石网站优化 孝义网站优化 汾阳网站优化 侯马网站优化 霍州网站优化 河津网站优化 永济网站优化
广州网站排名 广东网站排名 深圳网站排名 珠海网站排名 汕头网站排名 佛山网站排名 韶关网站排名 湛江网站排名 肇庆网站排名 江门网站排名 茂名网站排名 惠州网站排名 梅州网站排名 汕尾网站排名 河源网站排名 阳江网站排名 清远网站排名 东莞网站排名 中山网站排名 潮州网站排名 揭阳网站排名 云浮网站排名 增城网站排名 从化网站排名 南雄网站排名 乐昌网站排名 英德网站排名 连州网站排名 台山网站排名 开平网站排名 鹤山网站排名 高州网站排名 化州网站排名 信宜网站排名 高要网站排名 四会网站排名 兴宁网站排名 陆丰网站排名 阳春网站排名 普宁网站排名 罗定网站排名 江苏网站排名 宿迁网站排名 南京网站排名 无锡网站排名 徐州网站排名 常州网站排名 苏州网站排名 南通网站排名 连云港网站排名 淮安网站排名 盐城网站排名 扬州网站排名 镇江网站排名 泰州网站排名 海安网站排名 常熟网站排名 邳州网站排名 溧阳网站排名 张家界网站排名 宜兴网站排名 太仓网站排名 昆山网站排名 如皋网站排名 海门网站排名 启东网站排名 东台网站排名 高邮网站排名 仪征网站排名 丹阳网站排名 扬中网站排名 包容网站排名 新沂网站排名 靖江网站排名 兴化网站排名 泰兴网站排名 江阴网站排名 河北网站排名 石家庄网站排名 唐山网站排名 秦皇岛网站排名 邯郸网站排名 邢台网站排名 保定网站排名 张家口网站排名 承德网站排名 沧州网站排名 廊坊网站排名 衡水网站排名 辛集网站排名 藁城网站排名 晋州网站排名 新乐网站排名 鹿泉网站排名 遵化网站排名 迁安网站排名 武安网站排名 南宫网站排名 沙河网站排名 涿州网站排名 定州网站排名 安国网站排名 高碑店网站排名 泊头网站排名 辽宁网站排名 沈阳网站排名 大连网站排名 鞍山网站排名 抚顺网站排名 本溪网站排名 丹东网站排名 锦州网站排名 营口网站排名 阜新网站排名 辽阳网站排名 盘锦网站排名 铁岭网站排名 朝阳网站排名 葫芦岛网站排名 新民网站排名 瓦屋店网站排名 庄河网站排名 海城网站排名 东港网站排名 凤城网站排名 凌海网站排名 北镇网站排名 大石桥网站排名 盖州网站排名 灯塔网站排名 调兵山网站排名 凌源网站排名 北票网站排名 兴城网站排名 山西网站排名 太原网站排名 大同网站排名 朔州网站排名 忻州网站排名 阳泉网站排名 吕梁网站排名 晋中网站排名 长治网站排名 晋城网站排名 临汾网站排名 运城网站排名 古交网站排名 潞城网站排名 高平网站排名 原平网站排名 榆次网站排名 介休网站排名 离石网站排名 孝义网站排名 汾阳网站排名 侯马网站排名 霍州网站排名 河津网站排名 永济网站排名 吉林网站排名 长春网站排名 延边网站排名 四平网站排名 通化网站排名 白城网站排名 辽源网站排名 松原网站排名 白山网站排名 公主岭网站排名 榆树网站排名 黑龙江网站排名 哈尔滨网站排名 齐齐哈尔网站排名 牡丹江网站排名 佳木斯网站排名 大庆网站排名 鸡西网站排名 双鸭山网站排名 伊春网站排名 七台河网站排名 鹤岗网站排名 黑河网站排名 绥化网站排名 大兴安岭网站排名 浙江网站排名 杭州网站排名