← 返回工作台
2026年9月3日
爱索官网首页UI修复迭代与Logo图片化部署
周四
今日概要
爱索官网(aisobrand.com)首页多轮UI修复迭代:Logo从字体方案替换为手绘图谱裁切的透明背景PNG、导航栏×按钮修复、客户列表更新至12家、副标题防折行、CTA背景色区分
A线 爱索
Logo从字体方案替换为手绘图谱裁切PNG图片
将导航栏和页脚胶囊logo从Permanent Marker马克笔字体方案替换为手绘白板图谱裁切的透明背景PNG图片。从用户此前提供的海报大图中,使用百度抠图API(baidu-object-extraction, method:control)提取logo主体,裁剪紧凑边界框(1047,706,1336,823)后生成两个尺寸:导航栏93x38、页脚98x40。两张图片已上传至服务器root@8.152.99.219:/usr/share/nginx/html/images/,URL分别为https://aisobrand.com/images/aisobrand-logo-nav.png和https://aisobrand.com/images/aisobrand-logo-footer.png。navbar.html中.logo-capsule CSS改为图片样式(height+width:auto),文字span替换为img标签。footer.html桌面版和移动版两处文字span均替换为img标签。已删除Permanent Marker字体@import。经验:百度抠图API传小图会报error_code=216202,需传原图用control方式指定position裁剪区域。
导航栏误现的关闭按钮修复
修复电脑端首页导航多出的关闭按钮问题。原因:.nav-close-btn样式仅定义在@media(max-width:768px)媒体查询内,电脑端无display:none约束导致默认可见。修复方案:在媒体查询外部添加.nav-close-btn{display:none;},移动端内部覆盖为display:flex;。已部署验证通过。
客户列表更新至12家
更新aisobrand.com首页"部分服务客户"区域,最新完整列表共12家:蜜雪冰城、周黑鸭、锡尔国际、高能环境、中信银行、荣盛建筑设计、长江融媒、嘉泽华国际贸易、华夏幸福基业、爱索品牌、丝路跨境数据、骆驼驼。新增高能环境、中信银行、荣盛建筑设计、长江融媒4家。嘉泽华国际贸易去掉"新增"标注。所有客户名称后不再带任何标注。
首页副标题防折行与CTA背景色区分
修复痛点区/CTA区副标题单字折行问题,添加white-space:nowrap防折行。CTA背景改为linear-gradient(165deg,#1A1A2E 0%,#252540 40%,#1E1E3A 100%),与页脚深色区域形成视觉区分。已部署验证通过。
Logo图片化 百度抠图API navbar.html footer.html CSS修复 客户列表 UI迭代