Basalt Creative Index 的定位是委托创作门户,而不是常规的工作室作品集。竖向的专业领域分类栏框住超大字号的核心主张,不对称的双作品拼贴让访客一进来就能发现作品,四格公开征集信息条则在可检索的项目表格之前,先把关系到项目范围的关键信息公布出来。深色的委托质量清单、编辑专栏和投稿行动按钮构成完整的浏览路径。
配色取自 Happy Hues 第 7 号调色板:浅色编辑底色、深海军蓝结构、粉色征集公告、薰衣草紫索引字段,以及克制的紫色高亮。Archivo Black 与 Space Mono 字体营造出刻意粗野却依然好用的档案式视觉语言,方形 Logo 和反复出现的细线构成标志性的视觉系统。
这个模板适合创意作品索引、委托创作门户、设计协会、文化网络、公开征集平台或精选项目档案库。先把 BASALT 文字标志换成小巧的透明背景 Logo,并准备浅色、深色和小屏幕用的简化版本。保留模板既有的间距、字体和配色层级,让新加的内容看起来是精心安排的,而不是后来硬塞进去的。导航标签要具体,围绕访客需要做的决定来组织。
开场主张要针对具体的受众、问题和结果重写。避免空泛的“最好”“领先”式说法,不要编造奖项、使用没有依据的统计数据,也不要做出机构无法稳定兑现的承诺。
每个项目都需要写明创作者、合作者、客户(在允许公开的情况下)、专业领域、地点、年份、署名、版权方和案例背景。说明编辑精选的标准,赞助推广的内容要明确标注。公开征集需要列明发起机构、交付内容、参与资格、预算、时间安排、截止日期、使用权和当前状态。拒绝要求免费提交完整创意方案的投机式征集,并提供举报工具。
即使个人主页不是页面的主要布局,也要讲清楚主页归属和身份验证方式。搜索筛选要使用受控的分类体系,不能生成无限多可被搜索引擎收录的网址。所有作品图片和视频都要取得授权。
所有照片、插图、图表、图标和界面示例都应视为可替换内容。使用有明确商业授权的真实素材,并配上准确的图片替代文本(alt 文本)。重要的标题、价格、日期、状态标签、控件和按钮不要做进图片里。照片中能辨认出身份的人物要取得相应授权,真实反映你的受众,不要为了显得多元而刻意点缀。不要用 AI 生成图片来暗示并不存在的设施、员工、产品、认证、客户或运营规模。
重复出现的模块应基于结构化字段生成,不要复制装饰性区块。每个详情页都要有明确的负责人、用途、更新计划和下一步行动。日期、价格、可用状态、地点、资质、尺寸和服务条件,只有在最新且有据可查时才展示。评分、业绩数据、对比、环保声明和成果统计要说明背后的计算方法。过时的信息要归档或加以标注,而不是悄悄留在网上。
表单只收集下一步所必需的信息,写明提交后由谁接收、多久回复,并在提交前展示隐私说明。敏感文件或个人信息要走经过身份验证的安全流程,不要通过普通邮件或公开表单传递。
SEO 方面,为有价值的服务、主题、地区、产品或资源制作内容充实的落地页。每个页面都要有独立的页面标题、页面描述、规范网址(canonical)、合理的标题层级、描述性的图片替代文本和有用的站内链接。只有当页面上可见的信息与结构化数据一致且准确时,才添加结构化数据。不要为每一种筛选组合批量生成低质量薄内容页面。
如果做多语言网站,要把术语、日期、货币、单位、客服响应预期和法律信息都本地化,而不只是翻译导航。图片要优化为响应式的 WebP 或 AVIF 格式,标明固有尺寸并做合理裁切。
移动端上,表格、时间线、筛选器、对比行、地图、表单和图片组都要重新排布,不能出现横向溢出。保证舒适的触控区域、清晰可见的键盘焦点、足够的对比度、含义明确的控件标签,并支持减少动效。不要把关键信息藏在鼠标悬停效果里。在法规要求的地区,可选的统计分析、广告、在线客服、视频和第三方嵌入内容必须在用户授权后才能启用,并提供便于操作的入口,让用户随时修改偏好。
上线前,替换所有虚构的名称、日期、数据、图片、客户评价、价格和状态;核实各项声明、授权、链接、元数据和法律披露;测试导航、搜索、筛选、表单、通知、错误状态、键盘操作、读屏标签、响应式布局、性能和用户授权流程;并补齐隐私政策、服务条款、无障碍声明、联系方式和运营政策等相关页面。还要建立更正流程,让员工能快速更新或撤下重要信息。只要内容准确、维护到位,这个模板的视觉体系就能成为一个真正可用、值得信赖的创意作品索引与委托平台,而不只是一个静态的设计演示。