02
外贸B2B独立站设计课程系列大纲
1 在外贸B2B独立站的设计上你需要知道的事
- 平面设计师跟网页设计师的区别
- 网站一个是根据容器/设备而改变的事物（自适应 responsive design）
- 网站是可以有交互
- 网站中的元素是有状态的：normal, hover, active, visited, focus, etc
- 设计策略
-
- 网站的设计是可以优化的，也应该持续优化（小步快跑，持续迭代）
- 看你网站的人是英语世界的人，英语的阅读喜欢跟中文有相似点，但也有差别
-
2 布局/排版
- 垂直方向：grid system（使用elementor canvas就可以实现）
- 水平方向：section system
3 对齐
- 网格系统
- 垂直方向上的对齐（左对齐）
- 水平方向上的对齐
4 对比
- 字号
- 颜色
- 图片（风格、情绪、人物 vs. 产品、信息 vs. 氛围）
- 空间/间距/距离（留白，一种空间上对比）
5 一些选择
- 字体的选择
- 颜色的选择
- 图片的选择
- banner图片
- 页面配图
- 图标的选择
6 节制/简化/习惯
- 简洁/简化设计（Simplicity）
- 少用字体、颜色、动态效果（Animation）
- 充分尊重网站习惯/理解阅读习惯
7 统一性 & 一致性
- Global Design System/Style Guide
统一的视觉风格：确保整个网站或设计项目中使用统一的颜色方案、字体和设计元素，以创造一致的品牌形象 - 通过重复来增强设计的整体感和识别度
一致的用户体验：保持导航和界面布局的一致性，让用户在整个网站或应用中体验到一致的交互和视觉风格。
8 层次感/逻辑感/说服感
层次感也叫层次性（Hierarchy），其实这个部分的设计成分不多，反而有点跟转化率优化有点关系
- 明确的视觉顺序：通过大小、颜色、位置等视觉手段，创造出明确的层次结构，引导用户的注意力首先关注最重要的信息
- 标题和子标题：使用不同大小和粗细的字体来区分标题、子标题和正文，帮助用户理解内容的结构
