四种图片

  • 产品图片
  • 叙事图片,可能不展示产品,但会展示使用该产品的人或者理念啥的, 可以说是四个中最重要的
  • 插图
  • 图案,通常会作为背景

设计原则

  • 只使用和网页相关的图像
  • 用高质量图片,而不是被滥用的无趣图
  • 使用真实的人来拨动用户的情绪
  • 如果必要的话,可以裁剪图片来适应排版
  • 尝试组合图片,插图和图案
  • 为了适应高分辨率屏幕,我们应该让图片的分辨率为要显示的图片分辨率的两倍,通过使用 2x 来缩放,否则就会像之后
  • 始终压缩图片大小,可以使用 Squoosh 来压缩
  • 所有并列图片都应该是同一个大小,或至少一个横纵比

图片网站

免费素材:

  • Unsplash
  • Pexels
  • DrawKit
  • unDraw 图片压缩:
  • Squoosh