| 1 | 酸蓝张力以电光蓝、黑白灰和明确的方向性构图表达现代商务。它适合需要速度、边界和行动感的内容,而不是传统的数据仪表盘。 |
| 2 | |
| 3 | ## 配色 |
| 4 | |
| 5 | 科技蓝 #435BE1 是唯一主强调色;背景使用 #FFFFFF、#F2F2F2、#D9D9D9,标题使用 #000000 或 #0D0D0D,正文使用 #404040。只用一组蓝色和中性色,不增加粉彩或渐变。 |
| 6 | |
| 7 | ## 排版 |
| 8 | |
| 9 | 使用 SF Pro Text、PingFang SC、Helvetica Neue 等现代无衬线体。主标题 90-96px、重字重、左对齐;正文 20-33px,保持宽松行距。章节编号应独立成一个明确的蓝色锚点。 |
| 10 | |
| 11 | ## 布局 |
| 12 | |
| 13 | 采用不对称布局:标题和论点位于中左,右侧保留大面积留白给视觉或几何结构。使用垂直装饰条、横向虚线、网格线和少量透视几何建立方向,但不能与内容争夺注意力。 |
| 14 | |
| 15 | ## 插画与装饰 |
| 16 | |
| 17 | 使用轮廓圆、线条、小三角和直角几何块。图标选择轻量、棱角感 Lucide 图标;不使用圆润卡通图形或厚重的玻璃卡片。 |
| 18 | |
| 19 | ## 动画 |
| 20 | |
| 21 | 元素以短距离滑入或淡入,线条可顺序绘制,蓝色重点可轻微缩放。整体节奏利落。 |
| 22 | |
| 23 | ## 适合场景 |
| 24 | |
| 25 | 产品发布、项目汇报、商业计划、创新业务、企业培训。 |
| 26 | |
| 27 | ## 配图 |
| 28 | |
| 29 | 产品发布、用户场景、空间愿景和案例开场页,可用一件具体产品、材料、工作现场或建筑局部做蓝黑白几何感主视觉,主体偏右并给左侧标题留白;不要用泛泛商务人物。 |
| 30 | |
| 31 | KPI、路线图、比较、流程、表格和架构页不配图,用原生图形表达精确关系。 |
| 32 | |
| 33 | ## 不要 |
| 34 | |
| 35 | - 不要使用柔和粉嫩色、手写字体、复杂纹理或霓虹赛博效果。 |
| 36 | - 不要使用对称且拥挤的布局。 |
| 37 | - 不要把图片做成通用商务人物素材。 |
| 38 |