旅行App界面设计：蓝色地点与照片帖子的关系

Row用白底、蓝色和柔和圆角呈现旅行内容，发现页里的彩色偏好卡又添了一点轻松感。照片是主要吸引点，但界面同时容纳地点、作者和互动，用户可以被一处景色打动，也可以关注分享这处景色的人。看这组旅行App界面，关键在于把地点与帖子放在合适的位置，让浏览灵感能够成为之后找得回来的收藏。

核心结论

• 发现页先展示偏好与分类，再进入照片推荐，蓝色标记当前范围。
• 帖子将作者、地点、照片与互动分层，避免来源信息完全被图片覆盖。
• 收藏图标在发现和帖子中都出现，应清楚区分保存地点和保存内容。

偏好卡给照片推荐一个起点

倾斜手机里的发现页从问候与搜索开始，再放一排白、蓝、粉、黄偏好卡，照片推荐位于下面。不同颜色让兴趣入口更容易被扫描，图标和文字说明一起提供选择线索。相比直接铺满照片，这个顺序先让用户表达范围，再进入候选景色。

推荐区上方还有胶囊分类，当前项使用蓝色实底，其他项白底。照片卡下面保留地点名称与一句说明，书签贴在图右上。照片引起兴趣，名称与说明则使卡片能独立解释；分类被选中时，推荐内容与标题应一起反映当前范围。

底部五项导航中首项以蓝色显示，细线图标与其余灰色项形成差别。轻量图标不会抢占图片面积，但仍需保持文字可读。发现页适合用简洁结构承接初步浏览，进入详情后再提供更完整的地点资料。

帖子先交代是谁，再呈现去了哪里

帖子列表每项先放独立白色作者条：头像、Saya等姓名和时间在左，蓝色地点标签在右。下一层才是大幅照片，图底覆盖Jeju Island、Paris、Santorini等地点和短段落，点赞、评论与分享放在照片外侧下方。作者、地点与互动都有稳定位置，读者不用从一张图片里找完所有信息。

蓝色地点标签将社区内容与旅行对象联系起来，作者条则保留内容来源。两处地点文字略有重复，却承担不同任务：标签适合快速定位，照片内的文字贴近阅读故事。可以让地点入口进入资料页，让作者或帖子入口进入内容详情，保持各自的操作对象明确。

照片内白字在深色下沿较易读，浅色海岛图中却接近白色建筑和反光区域。可以根据图片加稳定的渐变遮罩，或把关键名称放到更清楚的文字区。这样不必牺牲完整照片，也能让说明在不同风景里保持可辨认。

书签需要说清保存的是哪一层

发现卡和帖子照片右上都使用书签，形态接近。对于用户而言，保存一个旅行地点和保存一篇旅行分享可能有不同用途：前者用于之后安排目的地，后者用于回看照片与经验。JVDS更偏好在首次保存和收藏列表里明确对象名称，让人知道内容会进入哪里，并能顺着它回到原来的资料。

帖子旁还出现单独的地点标签，因此可以利用已有结构建立两条路径。收藏反馈可以显示地点或帖子标题，整理时也能分别围绕目的地与内容进行。若二者实际保存为同一种对象，就应通过一致文字让用户理解，而不是依靠相同书签外形暗示。

柔和曲线延续了慢旅行气质

品牌展示用连续弯曲笔画构造Row字形，蓝色r与浅蓝ow组合，旁边写Slow, One Row at a Time。曲线与界面中的圆角卡、胶囊和细线图标形成视觉上的亲近感，蓝色也自然延伸到分类、地点和选中导航。

这种统一适合以发现和记录为主的旅行内容产品。让品牌气质进入界面时，不需要每个区域都出现完整标志，颜色、曲线和留白已经能建立联系；真正需要保持稳定的，仍是地点名称、内容来源与收藏后的查找方式。

常见问题

地点和帖子需要两种收藏吗？

取决于产品的整理任务。若用户既要安排目的地又要回看社区内容，可以明确两种对象；若统一保存，也要在反馈和列表里显示具体内容，让人知道保存了什么。

设计检查清单

• 让偏好和分类的当前条件对应推荐内容。
• 区分作者、地点与帖子入口，检查照片文字对比。
• 为收藏反馈和列表明确对象、名称与返回位置。