网站 · 设计概念
房源搜索网站
房源发现设计研究，连接地图列表、房源详情及对比界面，并提供选中状态和缺失信息的处理建议。
以下是概念设计，并非客户项目。展示内容为静态效果图，名称和数据均为虚构。
设计出发点
让访客筛选房源时能够对照位置与资料。概念从地图和列表浏览开始，进入详情后，再用统一结构比较候选房源。
- 面向谁
- 按地理位置及展示属性比较示例房源的访客。
- 需要考虑的限制
- 房源、地图和数据均为虚构。真实服务需要可靠来源、明确面积单位及房源状态更新；本概念不提供估值或购房建议。
建议的操作流程
- 01
结合地图查找
总览将地图与房源卡片配合展示，支持从位置开始浏览。
- 02
了解房源详情
详情界面为所选房源的图片和信息提供独立空间。
- 03
对比候选房源
对比页以统一字段展示已选房源。
为什么这样设计？
标明地图与列表的对应关系
地图选中位置时，应标记对应的列表项。即使不使用地图，访客也应能查找房源。
统一比较口径
字段名称及单位保持一致，缺失信息明确标为未提供，不能按零处理。
细看视觉设计
以下为建议的设计样式，均为静态示例，不是可操作功能或正式开发规范。
配色用途
房源背景
#FFFFFF
选中与地图
#245847
对比区域
#E9DFCD
字体与间距
信息清楚，下一步明确。
房源字段使用易读的无衬线字体，区分数值与单位。长地址应合理换行，不必缩小整张卡片的文字。
图像与对应房源信息集中分组。移动端为地图和列表分别安排空间，避免直接压缩桌面端分栏。
正常流程之外的状态
暂无匹配房源
没有符合条件的房源。请扩大区域或取消部分条件。
已加入对比
房源已加入对比，可与其他选择一起查看。
房源已下架
该房源已不可用。请将其移出对比后继续。
房源对比为什么要明确标注缺失信息？
空白可能表示未提供、不适用，也可能是加载失败。明确标签可以区分这些情况，不能把它们当作相同含义。数据准确性仍由来源和更新流程决定。
