布局结构让内容有秩序且会呼吸，网格系统避免布局混乱的底层逻辑，基础网格将页面宽度划分为12 列主流选择，列宽相等，列间距16-24px移动端可简化为6列，确保元素排列整齐，如3列卡片、4列图标导航、响应式断点根据设备宽度调整布局，如<768px单列，768-1024px双列>1024px多列，避免小屏幕横向滚动或内容挤压。
企业官网服务板块在桌面端用3列网格，移动端自动转为1列每列内容保持左对齐，留白不是浪费空间而是增强聚焦，外留白页面边缘保留20-40px内边距移动端≥16px，避免内容贴边导致压迫感，内留白内容块内部、如卡片、按钮、设置16-24px padding，文字与边框保持距离，如按钮文字左右留白≥16px避免挤字，区块间距不同主题板块间距≥40px，可通过背景色区分强化同板块内子项间距≤24px，密集排列的产品列表无留白，会让用户难以快速定位单个商品。
视觉引导控制用户视线流动路径，F型阅读模式左上方→左下方→右侧，适合信息密集型页面、如新闻、产品列表、将核心信息、标题、价格放在左侧。
型阅读模式左上角→右上角→左下角→右下角，适合简洁页面用CTA按钮引导视线终点，线条与箭头隐性引导，如分割线指向下方内容或显性引导，箭头图标指向表单但避免过度使用易显刻意。
字体与文本让阅读无压力字体选择少即是多，字体数量单页不超过2种字体、标题1种+正文1种避免风格冲突，衬线体标题配无衬线体正文，保持对比但不违和无衬线体如思源黑体、适合屏幕阅读移动端网页清晰易读衬线体如宋体、适合传统文化类网站标题增强正式感，手写体艺术字体仅用于品牌Logo或强调元素，如节日活动标题不用于正文。
文本细节优化阅读流畅度段落长度，每行30-50字符中文避免过宽，如PC端正文容器最大宽度≤800px，减少眼球横向移动疲劳，字间距与行高正文字间距0.5px，行高1.5-1.6倍（如16px字体对应24-26px行高，标题字间距-0.5px紧凑行高1.2-1.3倍，避免标题内换行过多避免墙式文本，长文本用小标题H3项目符号（・）引用块拆分每段不超过4行移动端≤3行。
