桌面版菜单方案 — OC Creative Design
把鼠标悬停 / 点击每个菜单试试效果。下方图片是首页顶部,方便你看菜单和页面的搭配。
现状(对比用)
6 个长名字左对齐挤一行,窗口稍窄就折成两行、参差不齐——你说的“乱”就是这里。
OC Creative Design
Mini Creative Challenge
Red Horse Wonderland Workshop
Pumpkin Decorating Workshop
Winter Market Workshop
Weekly Classes
方案 A · 一行精简 + 滑动下划线
字号略收、永远一行居中;鼠标移到哪个链接,红色下划线就滑过去。改动最小、最稳重。
OC Creative Design
Mini Creative Challenge
Red Horse Wonderland Workshop
Pumpkin Decorating Workshop
Winter Market Workshop
Weekly Classes
方案 B · 左品牌 + 右菜单(胶囊高亮)
站名作为品牌固定在左边,5 个页面靠右;当前页是深蓝胶囊,悬停有浅色圆角底。最像正规机构网站。
OC Creative Design
Mini Creative Challenge
Red Horse Wonderland Workshop
Pumpkin Decorating Workshop
Winter Market Workshop
Weekly Classes
方案 C · Workshops 下拉分组
把 3 个 Workshop 收进一个 “Workshops ▾” 里,顶层只剩 4 项,一下子清爽;悬停自动展开下拉。项目再增加也不怕。
OC Creative Design
Mini Creative Challenge
Workshops ▾
Red Horse Wonderland Workshop
Pumpkin Decorating Workshop
Winter Market Workshop
Weekly Classes
方案 D · 两行居中(杂志风)
第一行站名大字居中,第二行菜单居中排列、胶囊选中态。最有设计感,代价是菜单栏更高一点。
OC Creative
Design
Home
•
Mini Creative Challenge
•
Red Horse Wonderland Workshop
•
Pumpkin Decorating Workshop
•
Winter Market Workshop
•
Weekly Classes