【网页前端设计】免费自助建站时,你知道该怎么做网页排版吗?

2021-01-20

  选择网站建设的小伙伴需要学习的东西实在太多啦,从技术层面到设计层面,仿佛望不到知识海洋的尽头。对此,以凡科建站为例的免费自助建站平台首先解决了你的技术问题。因为工程师们已经搭建了一堆细分到各行各业的网站模板,供你直接套用、在线编辑图文,远离写代码的痛苦。其次,这些网站模板的排版设计也走在行业前端,符合当代网民的审美标准。


  当你选择自己建网站,却发现搞不定网页排版的时候,不妨借鉴一下优质网站模板的排版方法。当然,选择用免费自助建站平台制作网页更加省事,就算你不懂网页排版怎么做,也可以利用套用精心设计过的网站模板完成网站搭建


  关于免费自助建站怎么做网页排版的问题,小编已经总结出了下面几点小窍门:


  (一)导航栏的设计是关键。对于电脑端的网页而言,网站导航栏设在首页顶端;但今天我们专门讨论手机网站的网页排版技巧,所以关注设在手机网页底端的导航栏。如下图所示,这两年流行“微信公众号菜单栏”式的底部导航栏设计,但也可以选取编辑栏里的其他样式。导航栏图标的颜色需要根据网页整体设计做出相应的调整,统一色系是网页设计的基本原则。


免费自助建站


  (二)位于网页顶端的Banner图是永远首要的排版对象。这部分已经省去了你改代码的麻烦,每次换新横幅图的时候只需要删除原图,添加新的横幅图即可。如需滚动展示多张图片,可以考虑设置动画效果,改变太过僵化的静态排版,增加网站页面的动态感。


Banner设计


  (三)主体页面的排版讲究灵活多变,具体操作方法如下图。


手机网站


  ①学会把跳转链接的按钮巧妙安插在图片区域,并与周围艺术字采用同一色系。


  ②学会利用点或线形式的简单分割符,将文字与宽屏图片分割开来,大气简洁。


  ③每个模块之间需要间隔半个手指以上的距离,让网页信息在手机屏幕上显得不那么拥挤。


  ④学会使用不同大小的字体,形成“文字墙”的艺术效果。网页排版不必全部做到中心对称,偶尔的不对称设计反而能吸引用户的注意力。


  (四)尽量让每个模块的内容填充在一个页面内。以下图的“产品设计案例”模块为例,设置六张产品图片刚好不会溢出屏幕,也能让用户一次了解完所有信息。如果有想要补充的图文说明,建议做成新的网页,再讲新网页地址添加到对应的图片链接上。


图片设计


  希望以上排版技巧对想要免费自助建站的小伙伴有所启发,同时期待您使用凡科建站的网站模板,做出高颜值的作品。



免费使用