关闭 x
IT技术网
    技 采 号
    ITJS.cn - 技术改变世界
    • 实用工具
    • 菜鸟教程
    IT采购网 中国存储网 科技号 CIO智库

    IT技术网

    IT采购网
    • 首页
    • 行业资讯
    • 系统运维
      • 操作系统
        • Windows
        • Linux
        • Mac OS
      • 数据库
        • MySQL
        • Oracle
        • SQL Server
      • 网站建设
    • 人工智能
    • 半导体芯片
    • 笔记本电脑
    • 智能手机
    • 智能汽车
    • 编程语言
    IT技术网 - ITJS.CN
    首页 » UI前端 »分享11 个超实用的网站页脚设计小技巧

    分享11 个超实用的网站页脚设计小技巧

    2015-11-08 00:00:00 出处:Veda 原型
    分享

    编者按:评价一个网站好坏有众多因素,视觉设计、品牌一致性、网站易用性等,都会影响到访客的情绪,而今天大家要介绍的这个,是不起眼的网站页脚,然而正是这个很多设计师都忽略的部分,在网站中却有着至关重要的功能担当。今天不仅聊它的作用,也分享几个页脚设计技巧,来收!

    重视网站的页脚设计

    通常一接到任务,大多数设计师都会就把精力投身于网站主页和页眉的设计,也因此,再无余力给页脚的情况下,他们会选择放个免责声明和版权信息等就过了。

    但是,页脚不应该是以这种方式存在,事实上,页脚的重要性和页眉相当,有时更甚,因为对大多数用户来说,页脚是他们最后的『停泊港』。

    而这应该成为一个绝佳的入口:为访客提供注册服务、联系网站(提供信息/问题咨询)等。所以,此刻可以问问你自己,当访客到达网页底部时,你想给他们看什么?

    页脚到底有多重要?

    上图左侧为联系方式,中间为注册入口,右边是网站的社交平台。

    就网站页脚的作用而言,它能提供的不仅是网站的相关信息,还可以是便利的网站导航。此外,你可以在这儿添加不同的社交平台,增加网站的宣传渠道;还可以提供和你联系的方式,建立用户对网站的信任感等等。

    所以,就算页脚位于网页的最底部,也不意味着你可以在设计上偷懒,这是一个绝佳的练习机会,让你有更多机会和用户沟通。

    让页脚变得好看

    最基本也是最有效的方法是让页脚变得好看,就算页脚没有任何东西(按钮、链接等),只要视觉效果出众,它依然可以成为网站整体中有力的那部分。

    假如你想让网站尽可能地保持干净简洁,那就要防止网站看起来乏味无聊。无论如何,在网站页脚的视觉细节上花点功夫,才能把用户的注意力抢过来。

    专注于你的品牌

    网站页脚的另一个重要用途是展示关于你的品牌信息等(赞助商、开发者等),信息越丰富,访客想深入了解你就越方便。

    无论最后你选择了哪种设计风格,别忘了你设计页脚时的目的。(提供导航栏/联系方式/展示品牌)

    保持干净

    这个在设计中属于老生常谈了,当你有大量信息要处理时,简约风格是不二选择。在页脚设计上,你要保证排版干净,元素有序,空间通透不拥挤。

    花点时间想想,哪些元素是最重要的,然后按设计的四个基本原则去处理吧。

    提升产品和服务

    假如你的网站是售卖产品或服务的,页脚就是一个让用户有所行动的优秀渠道。

    作为一个优秀的促销员,它可以让用户知道目前有哪些值得购买的福利或注册的好处,例如上面的网站,页脚要做的是增强说服力,尽可能地鼓励用户去采取行动(买买买或注册),而不是简单地罗列信息。

    该有的元素

    说了那么多,总结一下页脚通常都有的元素:联系人信息、社交平台链接、导航链接、版权声明、品牌信息、友链及交换条件、隐私条款等。

    想吸引到更多人注意,可以放上公司团队的员工照,公司LOGO等等,假如你是个人网站,可以传个相片加个包含你所有文章列表的链接。

    设计页脚

    这里分享几个帮你设计页脚的技巧。

    有良好的视觉层次

    访客读文章时需要的不是一镜到底,然后糊里糊涂地结束,而是段落分明的层次感,先是标题,然后正文,页脚,诸如此类,建立一个优秀的列表样式能帮你提高聚焦性和可读性。

    当然,干净良好的排版也至关重要。

    留白的运用

    留白在页脚设计同样重要,因为涉及到布局,留白能分割出不同的区块,起到绘制不同区域的效果。

    当然,留白不是仅存白色空间,只要是无内容填充的部分都可以称为留白。留白的另一个作用是,下面该出场的这个。

    把页脚和内容分离开

    大多数页脚都是以深色背景为主的,有些是直接用插画做背景,无论哪个,你要确定的是页脚看起来是和内容分离开的,这样才不会混乱,保证了视觉上的层次性。

    上一篇返回首页 下一篇

    声明: 此文观点不代表本站立场;转载务必保留本文链接;版权疑问请联系我们。

    别人在看

    Destoon 模板存放规则及语法参考

    Destoon系统常量与变量

    Destoon系统目录文件结构说明

    Destoon 系统安装指南

    Destoon会员公司主页模板风格添加方法

    Destoon 二次开发入门

    Microsoft 将于 2026 年 10 月终止对 Windows 11 SE 的支持

    Windows 11 存储感知如何设置?了解Windows 11 存储感知开启的好处

    Windows 11 24H2 更新灾难:系统升级了,SSD固态盘不见了...

    小米路由器买哪款?Miwifi热门路由器型号对比分析

    IT头条

    Synology 对 Office 套件进行重大 AI 更新,增强私有云的生产力和安全性

    01:43

    StorONE 的高效平台将 Storage Guardian 数据中心占用空间减少 80%

    11:03

    年赚千亿的印度能源巨头Nayara 云服务瘫痪,被微软卡了一下脖子

    12:54

    国产6nm GPU新突破!砺算科技官宣:自研TrueGPU架构7月26日发布

    01:57

    公安部:我国在售汽车搭载的“智驾”系统都不具备“自动驾驶”功能

    02:03

    技术热点

    如何删除自带的不常用应用为windows 7减负

    MySQL中多表删除方法

    改进的二值图像像素标记算法及程序实现

    windows 7 32位系统下手动修改磁盘属性例如M盘修改为F盘

    windows 7中怎么样在家庭组互传文件

    Linux应用集成MySQL数据库访问技巧

      友情链接:
    • IT采购网
    • 科技号
    • 中国存储网
    • 存储网
    • 半导体联盟
    • 医疗软件网
    • 软件中国
    • ITbrand
    • 采购中国
    • CIO智库
    • 考研题库
    • 法务网
    • AI工具网
    • 电子芯片网
    • 安全库
    • 隐私保护
    • 版权申明
    • 联系我们
    IT技术网 版权所有 © 2020-2025,京ICP备14047533号-20,Power by OK设计网

    在上方输入关键词后,回车键 开始搜索。Esc键 取消该搜索窗口。