《电商设计 技巧修炼与实战应用》技巧篇

这是一个关于《电商设计 技巧修炼与实战应用》技巧篇的思维导图，通过系统化的章节布局，从电商设计的核心原则出发，逐步深入到色彩搭配、视觉引导、排版设计等多个关键环节，为读者构建了一个全面而细致的学习框架。

《电商设计 技巧修炼与实战应用》技巧篇

• 一、电商设计
  • 平面设计
    • 视觉传达
    • 印刷知识
  • 网页设计
    • Web设计
    • APP设计
    • 界面设计
    • 交互设计
  • 电商设计：UI设计分支
    • 传统平面设计
    • 网页设计
• 二、扁平化
  • 单页设计四大趋势之一：大图加大字(扁平化极简)
  • 扁平化设计的三大特点
    • 做减法
    • 颜色精致
    • 排版极简
• 三、点线面
  • 点：点缀画面，增加层次感
  • 线：运动和方向性引导
    • 直线就像男人，刚强有力量
    • 曲线好比女人，柔和并且性感
  • 面：整体背景
    • 直线形的面具有安定、秩序感，像男性的性格
    • 曲线形的面具有柔软、轻松、饱满感，是女性的象征
• 四、排版
  • 1、形状排版
    • F形视觉：水平线，垂直向下
    • Z形视觉：从左到右，左下移动
    • 焦点视觉：减少两侧，集中视觉
    • S形视觉：韵律感，不要断断续续不连贯
    • 斜线视觉：不平衡感
  • 2、视觉引导
    • 数字引导
      • 指向性
      • 敏感性
    • 动作引导：手势、眼神、肢体，暗示用户朝所指的方向看过去
    • 线条引导：指向性，水平直线联想到地平线
  • 3、传达信息和阅读习惯
    • 感觉舒适和有趣，以准确、清晰传达信息为主
    • 引导视线轨迹从左至右、从上到下的阅读习惯
  • 4、对齐和对比
    • 对齐：视觉性对齐(视觉平衡感为标准)
    • 对比
      • 大小对比
      • 形状对比
      • 位置对比
      • 颜色对比
• 五、主题色彩
  • 1、不同类目风格、受众颜色喜好、主题氛围
  • 2、确定目标受众（性别、职业、阶级、种族、文化喜好、个性）
  • 3、黑白灰色加一种亮色
• 六、整合需求
  • 1、整理需求：和需求方沟通，目的是什么，整理出关键词
  • 2、分析需求：不明确的点说出来，发散思维，各抒己见，记录下关键词
  • 3、了解需求：需求定位（活动、商品、目标群体、色彩）
  • 4、沟通方法：关键词法（归纳，系统梳理零散信息）、参考法（类似的图给需求方看）
• 七、丰富内容
  • 1、有情有景：熟悉的场景，熟悉感，对情景感知与回忆，讲故事
  • 2、有声有色：拟人化、夸张性、叙事性
  • 3、悬念迭生：活动猜想、神秘
• 八、首屏
  • 1024×768最合适
  • 首屏的非独立性：整体性，互相有联系，浏览体验连贯和流畅
• 九、字体
  • 1、字体的规则：字体最好不超过3种；正文不能用粗体
  • 2、字体的设计（原始笔画或现有字体）
    • 结构变形法：重新创造
    • 笔画替代法：图形嫁接
    • 细节添加法：细节修饰和装饰
    • 笔画连接法：笔画连接成图案
• 十、留白
  • 留出来的主角
  • 留白即是留空：无限的想象空间
  • 留出来的层次：吸引注意力，引导视线到被留白包围的元素中
  • 留出来的颜色：色彩情感，整体氛围
  • 留出来的风格：突出品牌
  • 留出来的大气
    • 少用颜色，平衡布局
    • 保留核心和必要，刻画细节
• 十一、做好专题页
  • 1、从头开始：头图贯穿着整体风格
  • 2、头尾呼应：贯穿整体的主要元素
  • 3、慎用多色背景：尽量不要用色块分区
  • 4、元素的统一：避免元素东拼西凑或者风格千奇百怪
  • 5、高度与留白：给人放松和喘息的空间
  • 6、整体性思考：放大局部看细节、缩小页面看整体
  • 7、注重形式感：创意性
  • 8、页面故事化：主题性
  • 9、单页发展新潮流：滚屏循序渐进讲故事
  • 10、善用对齐工具和参考线
• 十二、沟通
  • 1、分工明确：相关职位的叫法
    • 设计界面，UI设计师，“UI”
    • 视觉视觉，视觉设计师或平面设计师，“平面”
    • 静态页面制作，前端开发工程师，“前端”
    • Android或iOS开发，Android开发工程师或iOS开发工程师，“开发”
    • 软件Bug测试，测试工程师，“测试”
    • 交互设计，UE(国内叫法)或UX(国外叫法)，“交互”
    • 由以上这些设计师组成的团队：UED(用户体验设计)团队
  • 2、沟通的态度
    • 理解双方，多方面考虑，不要一味抱怨
• 十三、习惯
  • 1、随存随改
  • 2、整理图层
  • 3、画矢量图形用形状和路径工具
  • 4、记住常用的快捷键
  • 5、备份好设计初稿和过程稿
  • 6、将Photoshop的历史记录数值调得大一点
  • 7、习惯保存并整理参考资料
  • 8、使用智能对象
  • 9、使用调整图层（非破坏性编辑）
• 十四、网站
  • Behance（全球领先的创意设计类聚合平台）
  • dribbble（设计师必备站点，国内顶尖的设计师都在上面）
  • awwwards（精挑细选世界各地的最佳网站，并且对其打分颁奖）
  • cssdesignawards（展示世界是最好的网站，激励全球的网页设计师）
  • Pinterest（一个受世界瞩目的网站，全球最大的创意灵感图片分享）
  • uisdc（优设网）
  • zcool（设计师很多的国内网站）
• 十五、自学秘籍
  • 1、多看:看好的作品和文章
  • 2、多想:别人的作品为什么好
  • 3、多练:软件要多练
  • 4、多抄:先模仿，加入自己的想法
  • 5、多说:与别人交流设计想法，交换意见，总结自己的设计
  • 6、多问:不懂的多向同事和前辈请教
  • 7、多跳:跳槽，没有比你强的，可以考虑跳槽
  • 8、多听:听讲座，听客户的意见，听别人的建议
  • 9、多走:旅游
  • 10、多藏:多收藏