Design Direction · 5 个候选方向

视觉风格甄选

同一张首页,5 种设计语言,均可整套展开到全部 14 屏。基于农业电商 UI 调研给出适配度与推荐意见;所有方向均遵循微信小程序设计指南(44pt 触区、导航与标签栏规范、无 emoji 线性图标),选定后原型与交付 UI 按该方向执行。

调研摘要 · 面向农户的 UI 该怎么做

大字体 · 大触区是硬要求

目标用户以中老年农户为主:正文 ≥14px、关键按钮 ≥44pt 触区、大图标大边框。有真实案例:客户把常规界面改成「大图标大字乡土风」后才验收通过。

高对比 · 抗强光

使用场景常在田间户外,强光下低对比界面不可读。要求高对比色块、明确的选中态,避免浅灰细字。

具象图标 + 实物图

图标要「望而知意」:麦穗、药瓶、喷壶等具象图形优于抽象扁平;病虫害等专业内容配实拍图比文字有效。

自然色系 + 简单配色

农户偏好绿色(生长)、大地色(土壤)等自然色,2–3 种主色即可;颜色太杂、弹窗广告多是明确反感点。

流程越短越好

「一分钟内完成任务」优于视觉新奇:核心功能首页直达、一页只做一件事、错误提示手把手教。

轻量 + 弱网适配

乡村网络不稳、中低端机型多:图片压缩、接口分页、加载必须有进度反馈,关键内容可预加载。

DIRECTION A · FIELD HARVEST

丰收田园 · 适老大字版

WeUI 绿 × 麦收暖黄 × 实拍图 × 口语化文案

最贴合调研结论、也最贴微信生态的方向:主操作沿用微信绿 #07C160(用户心智零成本),价格用 WeUI 红,金黄仅用于会员与促销;正文 14px 起、按钮 44pt 触区;文案全面口语化(「怎么送货」「钱怎么算」「货在路上」)。信息浓度中等,商品实拍图占比大。

字体系统黑体加粗层级 + Geist Mono 数字;基准 14px
形状WeUI 8px 圆角卡片、白卡浮于浅灰底、49pt 标签栏
意象大田实拍 Banner、线性具象图标金刚区、真实头像
+ 适老可读性最佳+ 微信原生信任感+ 开发成本低− 视觉冲击力中等
★ 推荐首选 — 当前 14 屏原型即按此方向完整落地
9:41
双城区
搜商品 / 病虫害
秋管备药节满 1000 减 100 · 会员折上折 马上进入
买农药
买种子
叶面肥
拍照识病
38% 莠去津悬浮剂
¥68会员 ¥61.2
龙粳 31 水稻种子
¥128会员 ¥115
首页 分类 农技 购物车 我的
DIRECTION B · CO-OP HERITAGE

供销社 · 新乡土

砖红 × 米黄 × 衬线标题 × 票据感

从老供销社的视觉记忆里取材:砖红招牌色、米黄纸面底、宋体大标题、票据式虚线分隔。对 45+ 农户有强烈的年代亲切感与「国营靠谱」暗示,差异化极强,几乎不会和竞品撞脸。需注意促销场景红色层级要单独设计,避免与主色打架。

字体Noto Serif SC 800 大标题 + 黑体正文;数字用等宽
形状小圆角(6px)、双线边框、虚线票据分隔、徽章图形
意象粮票 / 布告栏元素,实拍图做旧暖调
+ 差异化最强+ 年长用户亲切− 年轻大户或觉土− 促销色系需细调
9:41
农资供销社
诚信为农 · 货真价实
秋管备药 · 大集
满一千减一百 · 社员再打九折
进场
看货
农药柜
种子柜
肥料柜
识病害
本 期 好 货
莠去津悬浮剂
¥68社员价 ¥61.2
龙粳 31 稻种
¥128社员价 ¥115
门市 货柜 农技站 菜篮 社员证
DIRECTION C · MARKET DAY

赶集 · 烟火气

高饱和橙红 × 促销驱动 × 下沉电商范式

向下沉市场被验证过的电商范式靠拢:大红大橙的促销氛围、比价与省钱信息前置(划线价 / 省 X 元 / 倒计时无处不在)、单手大按钮。转化效率导向,农户「熟悉的电商长这样」,学习成本为零;代价是品牌质感与专业信任感偏弱,农药这种强合规品类要靠三证展示区拉回来。

字体黑体全加粗、价格超大号(22px+)、促销词标签化
形状块状堆叠、描边促销贴纸、进度条 / 角标密集
意象赶集 / 大促 / 红包,商品图占卡片 60% 以上
+ 转化路径最短+ 用户零学习成本− 品牌 / 专业感弱− 促销依赖强
9:41
除草剂搜索
新人 30 元券 秒杀 1:22:45
农药
种子
叶面肥
拍照识病
免费
限时秒杀01:22:45更多
草铵膦
¥39.9 58
已抢78%
先玉335
¥45 62
已抢45%
磷酸二氢钾
¥19.9 29
已抢光
爆款
精喹禾灵乳油 500ml
¥36省¥8
已拼 8600 件
回购王
龙粳31 稻种 5kg
¥128省¥13
已拼 3200 件
首页 分类 农技 购物车 我的
DIRECTION D · AGRI-TECH

现代农科 · 专业感

深青绿 × 数据化 × 克制留白 × 三证前置

面向种植大户与合作社的「专业工具」气质:深青绿 + 石灰白,栅格严谨、留白充分,数据(亩用量 / 登记证号 / 置信度)用等宽字体强调;AI 识别、三证核验、病虫预警等「科技资产」在首页高权重露出。适合把平台定位成「农技服务 + 商城」而非纯卖货,客单与信任双高,但对普通散户略显冷淡。

字体黑体常规粗细对比 + 等宽数字大量出现;层级靠字重与留白
形状12px 圆角、细描边卡片、数据条 / 环形指标、少投影
意象无人机航拍田块、检测报告、曲线图,图片冷调
+ 专业信任感最强+ 适合大户/合作社− 散户亲和力一般− 促销氛围弱
9:41
农资超市
黑龙江 · 双城区 · 晴 24°C 宜施药
今日田间预警08-21 更新
大斑病 · 高风险
高温高湿持续 5 天
玉米螟 · 低风险
近期虫情稳定
AI 病虫害识别
拍照 3 秒出结果 · 已服务 12,400 亩
去识别
农药
种子
叶面肥
问专家
当季推荐按作物匹配
38% 莠去津悬浮剂 200ml
PD20184023 · 玉米田
¥68.00200ml/亩
龙粳 31 水稻种子 5kg
黑审稻2011007 · 一积温带
¥128.00发芽率 ≥93%
首页 分类 农技 购物车 我的
DIRECTION E · BLACK SOIL

黑土金穗 · 品牌高级感

黑土深棕 × 麦穗金 × 大图沉浸 × 会员质感

从黑龙江「黑土地 + 金稻浪」的地域意象出发:深棕近黑的底色如沃土,金黄只给最贵的东西——会员、爆款、丰收。首页顶部大图沉浸式,卡片深底金字,会员体系(本项目核心卖点)在此方向下质感最出挑,像一张「黑金卡」。适合把会员充值折扣打成招牌,但深色底做全站需要严格管理正文对比度,开发还原成本略高。

字体黑体大字重对比,金色仅用于数字与徽标;衬线点缀标题
形状大圆角深色卡、金色细线描边、渐变徽章
意象稻浪 / 黑土 / 丰收全幅大图,商品图打光暖调
+ 会员卖点最出彩+ 品牌记忆度高− 深色全站可读性要严控− 还原成本略高
9:41
黑土地 · 好收成
秋管备药节
搜商品 / 病虫害
金卡会员 · 全场 9 折
余额 ¥2,350 · 充 5000 送 500
去充值
农药
种子
叶面肥
识病
金选好货
莠去津悬浮剂 200ml
¥68会员 ¥61.2
龙粳 31 稻种 5kg
¥128会员 ¥115
首页 分类 农技 购物车 我的
维度A 丰收田园 ★B 供销社C 赶集烟火D 现代农科E 黑土金穗
中老年可读性●●●●●●●●●○●●●●○●●●○○●●○○○
信任 / 专业感●●●●○●●●●○●●○○○●●●●●●●●●○
促销转化氛围●●●●○●●●○○●●●●●●●○○○●●●○○
会员卖点表达●●●●○●●●○○●●●○○●●●○○●●●●●
差异化 / 记忆度●●●○○●●●●●●○○○○●●●○○●●●●○
开发还原成本中高
选型建议:主推 A 丰收田园(可读性、信任、成本三优,且贴微信原生心智,当前 14 屏原型已按此完整落地);若甲方想要强品牌记忆,可选 B 供销社E 黑土金穗——E 建议只用于会员中心与营销页做「黑金专区」,与 A 混搭使用,全站深色不推荐。确定方向后 3 个工作日内可将全部 14 屏切换为所选风格。