网页排版设计中需要牢记的 9 个要点

296 阅读1分钟

写在开头的话

为什么要搬运一篇转发的微博内容呢,当然是觉得读完之后很受启发,干货满满。而这样的干货怎么能仅仅停留在转发基础之上呢,大家应该不会闲的无聊老是去翻看自己转发了哪些微博吧。所以,趁自己还记得看到过这么好一篇微博干货之前,赶紧记录在这啦。为提升自己对设计,用户体验的sense而努力,写出更多更加漂亮的页面。希望对前端开发的小伙伴有所受用!

九个要点

  • 添加背景,提升文字识别度
  • 建立强弱差异,提升画面冲击感
  • 通过行长建立画面韵律感
  • 使用冷暖对比,强调重点信息
  • 适当调整符号位置
  • 线条的粗细应与文字保持统一
  • 文字竖排时,数字也需要竖排
  • 添加透明背景,提高文字识别度
  • 使用简洁的箭头,达到引导的目的

1. 添加背景,提升文字识别度

1

2. 建立强弱差异,提升画面冲击感

2

3. 通过行长建立画面韵律感

3

4. 使用冷暖对比,强调重点信息

4

5. 适当调整符号位置

5

6. 线条的粗细应与文字保持统一

6

7. 文字竖排时,数字也需要竖排

7

8. 添加透明背景,提高文字识别度

8

9. 使用简洁的箭头,达到引导的目的

9

提示:图片来源于@优秀网页设计博主,转载请注明出处。