用途:为网站或应用设计页头(Header)与页脚(Footer)的结构与内容策略,属于界面设计规范类技能。
主要能力: 页头方面,给出高度参考:紧凑型应用 48-64px,营销站点 64-80px;内容布局为 Logo 居左、导航居中或居右、操作项居右。粘性头部适合长滚动页面,但会占用垂直空间;可考虑滚动时收缩,降低高度并隐藏次要项。页头层级按优先级排列:Logo/品牌始终可见、居左;主导航在桌面端始终可见、居中或居左;搜索可见或图标切换、居中或居右;用户菜单在登录后始终可见、居右;CTA 可选、居右。 页脚方面,强调它不是杂物抽屉,只放有用的导航与法务必需项。栏目布局为 3-4 列链接,按类别分组。必需项:版权、隐私政策、服务条款。有用项:联系方式、社交链接、邮件订阅。应跳过与主导航重复的链接。 移动端页头:Logo 居左、汉堡菜单居右(或相反);重要操作(购物车、搜索)以图标形式可见;主要操作使用粘性底栏而非页头。 浅色站点上的深色页脚:效果良好,视觉重量可锚定页面,并把内容与法务/导航区域分隔开。
使用方式:作为设计决策参考,在搭建页面骨架时按上述优先级与尺寸选择布局;资料未提供具体代码、安装命令或工具调用方式。
适用场景:网站与应用的前端界面设计、设计系统规范制定、响应式布局评审。
限制:资料仅给出设计原则与建议,未提供实现代码、框架适配、无障碍细节、具体断点数值或收费信息,这些暂未提供。