网页专题设计技巧

网页专题设计技巧，包括思路规划、素材准备、字体设计、氛围营造等内容。

网页专题 设计技巧

• 思路规划
  • 明确用户群体
    • 综合专题和用户来确立
      • 字体设计风格
      • 色彩搭配风格
    • 让用户易用
      • 尽可能聚焦到一个按钮完成引导
      • 只依赖一句话让用户明白专题在说什么
  • 商业目的
    • 网络营销
    • 信息传承
  • 首屏高度（600px）
    • 引导文案必须体现
    • 尽量有一操作焦点
      • 引导按钮
        • 色彩吸引
        • 形态吸引
  • 专题文案
    • 流行语句
      • 造势，提气
      • 引导文案（简短精辟）
        • 主题的凸显
          • 信息传递
          • 消费暗示
  • 专题之间的继承性
    • 通过文案和设计让用户明白 专题比不是独立的，是有延续性的
      • 惯性视觉
        • 固有icon、系列图形
      • 惯性思维
        • 人性固有的逻辑推理 一二三四五 语数外物史地生化
• 素材准备
  • 符合专题气质的icon
    • 色系要与专题基调耦合
      • 相近
      • 互补
    • 大小一致
    • 网站推荐
      • www.iconfinder.com
      • findicons.com
      • weibo.com
    • 素材与背景的融合
  • 营造气场的图片
    • 搜索
    • 平时积累
      • 平时见到好的网站好的素材的时候，假想自己肯定会做。务必另存分类收藏
    • 优秀的网页设计群
      • 求助网友
        • 语气要谦逊，多说谢谢
  • 素材的重复利用
    • 提高工作效率
    • 变形、变色
  • 利用好浏览器的收藏夹
    • 分类收藏
• 字体设计
  • 形状
    • 增添笔画
    • 删减笔画
  • 沸腾字眼，焦点文案
    • 字大
    • 色明
  • 暖场文字、辅助文案
    • 字小
    • 色淡
    • 行高
      • 18px，22px
  • 质感
    • 纹理
  • 排版
    • 离
      • 笔画可离
      • 句可离，字可离
    • 合
      • 笔画可连
      • 句可连，字可连
    • 变
      • 转换形状进行编辑
  • 其他软件辅助
    • AI
      • @优秀网页设计下载案例教程
• 氛围营造
  • 场景制作
    • 专题氛围感营造
      • icon素材衬托
    • 视觉中心调控
      • 色彩明暗对比
    • 页面宽度考虑全屏设计
      • 背景平铺
      • 视觉上辅助
  • 对主题深入了解
    • 万圣节
      • 如何营造恐怖诡异氛围
      • 素材选取
  • 细节决定成败
    • 高光、透视、纹理
    • 文字间距旁白
    • 模块之间是否明晰区分