跳到正文
进入官网

花屿AI平台介绍

花屿AI的页面骨架分三块:左侧竖排、顶部横排与中间的作品区。每一块承担不同的任务,合起来构成浏览的主线。这一页把三块的分工、卡片的信息构成与访客状态下的可用范围讲清楚。

页面骨架怎么分

左侧竖排导航从探索一路排到客服,管的是方向:想看什么、想做什么、遇到问题找谁,都在这条线上。它从上到下贯穿整页,滚动时不会跟着消失。

顶部横排管的是排序与分区,推荐榜、分区、最新发布与几份时间榜单依次排开。它决定了中间那片区域里的作品以什么顺序出现。

中间是作品区,卡片按四列铺开,窄屏上自动收到两列。整页没有多余的装饰块,注意力基本都落在卡片上。

骨架的排布在不同屏幕上会变。宽屏时左侧竖排完整铺开,中间卡片排成四列;窄屏时竖排收成抽屉,卡片降到两列。变的是位置,内容一项不少。

顶部横排的宽度有限,榜单项排在前面,工具项被挤到右端。想找的东西如果一眼没看见,往右滑一滑通常就在那里。

  • 左侧:方向与个人入口
  • 顶部:榜单与分区
  • 中间:作品卡片流

卡片的信息构成

一张卡片把挑作品需要的几项信息排在一起:封面负责第一印象,标题交代讲的是什么,标签说明题材,评分给出一个横向参照,作者名则把作品与人对上号。

封面的排布对识别影响很大。站内封面统一用竖版构图,规格一致,卡片墙看上去很整齐,扫起来也快。

标签的数量不固定,有人挂两三个,有人挂七八个。标签越密的卡片,题材往往越具体,点开之前就已经知道会看到什么。

封面与标题的分工值得留意:封面负责吸引,标题负责说明。标题写得短,往往靠标签补足信息量;标题写得长,标签就少一些。

同一作者的作品在卡片上风格一致,配色与字体常常成组出现。翻几屏之后,光凭封面的印象就能认出是不是熟人的作品。

  • 封面统一为竖版
  • 标签数量不等
  • 评分与作者同处一行

访客状态下的可用范围

页面左下角显示访客身份与一串识别编号,说明没有登录也能先逛。浏览作品、翻榜单、用搜索,这些都不需要账号。

需要账号的是与个人相关的部分:创作、收藏、反馈以及在论坛里发帖。这些入口都收在左侧竖排的下半段。

从访客转成正式账号的过程并不复杂,站内有对应的入口。先逛一阵再决定要不要留下,是更常见的顺序。

访客身份不会打断浏览,页面不会在翻到一半时弹出登录框。这种克制的处理,让先逛后注册成为最自然的顺序。

  • 浏览不需要登录
  • 创作与论坛需要账号
  • 入口集中在左侧下半段

浏览路径的几种走法

最直接的一种是从榜单进:先看日榜或推荐榜,挑几张顺眼的卡片点开,认准作者之后再顺藤摸瓜。这条路的效率最高。

第二种是从分区或标签进:方向明确的读者不需要榜单带路,直接切到对应分区,列表已经收窄过一轮。

第三种是从搜索框进:记得作者名或标签词时,搜索比层层点击快得多。三种走法互不冲突,用哪种都行。

  • 从榜单进:效率优先
  • 从分区或标签进:方向明确
  • 从搜索进:记得名字

站内还有哪些区域

创作是站内除浏览之外的另一条主线。它被放在竖排导航靠上的位置,说明分量不轻。看与做之间没有隔断,浏览时产生的想法可以顺势接上。

礼包、充值、论坛与客服属于使用层面。它们排在下半段,日常浏览时不会占去视线,需要时又能立刻找到。

有关疑问一栏把常见问题的入口收在一处,新来的人从这里开始看,能少走不少弯路。

  • 创作是第二条主线
  • 使用入口排在下半段
  • 疑问入口集中一处