今天小柒从网页设计师哪拿到一些网页设计的常规知识，分享给大家，其中包括网页基础架构、网页文字大小、网页设计流程、交互试设计、网页交互设计表现注意事项和网页交互设计三大原则：

一、网页基础架构

• 网页宽度1920
• 版心：1200（常用）
• 导航栏高度不固定
• Banner高度：600.700.800（常用）
• 中文：平方
• 英文：Arial、New Times

二、网页文字大小

注：文字样式消除锯齿，目的让文字更加清晰；网站中文字

中文

• 网站文字大小：12-18px
• 正文内容：12-14px
• 栏目标题/主导航：14-16-18px
• 辅助信息/底部信息栏：10-12px

英文

• Arial中英文结合最小12px
• 全英文网站最小10px（底部信息栏）
• 标题和内容文字：10-16px

三、网页设计流程

• 分析现有网页主题
• 根据需求制定板块
• 绘制线框图
• 设计参考收集
• 软件执行及细节处理

四、交互试设计

导航

• 常规顶部
• 侧面导航（适合二级页面）
• 选项卡导航
• 面包导航
• 场景化创意导航

按钮

• 默认
• 滑过
• 点击
• 已读

Banner

• 当前的指示。。。
• 标识按钮

Loading

• 数字倒计时展示 10、9、8……3、2、1
• 循环动画
• 进度条
• 综合（循环动画＋进度条）

TOP

置顶标识

五、交互设计表现注意事项

• 永远知道我在那里
• 永远能看到主导航
• 永远围绕功能性
• 永远能回到首页

六、交互设计三大原则

• 置于界面于用户的控制下
• 减少用户的记忆负担
• 保持界面的一致性