原来漂亮的网站图片排版是这么来的！

时间：2022-08-15 17:39:02 | 来源：网站运营

时间：2022-08-15 17:39:02 来源：网站运营

图片是网站关键的视觉元素，相信大家都会在网站图片上狠下功夫，把图片弄得美美哒。然而，这还不够，漂亮的图片没有漂亮的排版仍然是白搭。所以今天小编就跟大家来聊聊关于网站图片排版的二三事，帮助你打造高逼格的视觉效果。


如果是有一定的美术功底，自由设计图片排版自然不是什么难事，但如果是这方面的天赋确实比较抓急的话，也可以利用在线建站工具的图片排版功能，简单快捷地完成美观的网站图片排版。下面以凡科建站为例子，介绍几种好用的图片排版方法。


1、列表多图


在凡科建站编辑器左端点击“模块”，找到“基础”的下拉页，选择“列表多图”。




在“添加模块（列表多图）”的弹窗，“常规”栏目设置展示样式和上传图片。展示样式有三种，分别是“横向平铺”、“箭头滑动”、“走马灯”。其中“横向平铺”属于静态完整展示，适用于4个以下的图片排版。“箭头滑动”与“走马灯”属于动态展示，适用于4个以上的图片排版。




“图片特效”栏目设置鼠标悬停效果，“展示设置”栏目设置点击图片后的跳转。




添加完成后，如果想设置每张图片的描述和跳转链接，则把鼠标移至图片的右下角，点击“编辑图片”，在弹窗输入图片描述和跳转链接即可。






2、轮播多图


在凡科建站编辑器左端点击“模块”，找到“基础”的下拉页，选择“轮播多图”。




在“添加模块（轮播多图）”的弹窗，“常规”栏目设置展示样式和上传图片。一般来说，轮播时显示不宜超过8张图片。至于展示样式也是有三种，分别是“圆点轮播”、“数字轮播”、“大图预览”。轮播多图和动态式的列表多图最大的区别就在于，轮播多图允许设置自动切换播放，而列表多图默认为通过鼠标手动切换的。




“展示设置”栏目设置轮播方式、展示时间、切换速度、点击跳转。如果把点击跳转设置为弹出幻灯片，还可以在“幻灯片”栏目设置幻灯片样式。






3、魔方多图


在凡科建站编辑器左端点击“模块”，找到“高级”的下拉页，选择“魔方多图”。




在“添加模块（魔方多图）”的弹窗，“常规”栏目设置拼图形式和上传图片，拼图形式共有13种选择，大家可以按需设置。“展示设置”栏目可自定义图片间距。






以上是凡科建站的三种图片排版功能，在此基础上再给大家介绍两个图片排版的小技巧，适当运用的话能让图片排版呈现更精彩多元的布局哦~


1、形状变换


俗语说“月盈则亏”，过于饱满或无缺损，都不是真正的完美，有时只展现冰山一角，反而有种朦胧的吸引力。像以下这个网站案例，作为网站“戏玉”的美食图片没有像常规情况那样占据大部分的版面，只有四分之一的部分，但是丝毫没有影响吸引力，反而让人对这样别致的布局留下深刻印象。这种局部美学，其实通过变换图片形状就可实现了。




凡科建站也能支持图片形状的变换。在凡科建站编辑器左端点击“+模块”，找到“常用”的下拉页，选择“图片”。




添加图片后，在图片上方的快捷工具栏点击“图片形状”，选择心仪的形状即可。






如果想把图片变换成椭圆形，还可以在“个性设置”里自定义圆角半径。






以下分享几个运用图片形状变换来进行页面排版的网站设计案例。










2、巧用色块


有的时候，如果图片尺寸偏小，或者图片数量不足，无法呈现均衡统一的排版，我们可以添加文字色块来补充版面，这样的文字色块也能看作是一张图片，适当地把文字色块穿插在图片排列里更有一种错落有致的感觉，添加了活泼的变化，避免了页面的单调和死板。需要注意的是，这个色块的配色应该是图片主色调的相近色或者互补色，否则会显得眼花缭乱，干扰视觉。




当然，以上只是网站图片排版的入门方法，真正让网站出彩的，还需要你多多发挥灵感，大胆突破哦~