1 Figma基本操作

2 デザインの鉄則

2.1 Google Fontは神

• 高品質 x 安定 : デザインの質が高いだけでなく、多くのOSやブラウザでサポートされているため、文字化けやフォント崩れが起きにくいメリットがあります
• Webサイトを作るときは、真っ先にデフォルトのフォントから、Google Fontに変えましょう
• 殿堂入りフォント : Noto Sans JP, Zen Kaku Gothic New

2.2 空白 / サイズは二の倍数が鉄則

• 2の倍数 or 2のN乗 or 2の倍数 x 定数 で構成される数字を使うと、簡単に美しい比率のデザインを作れます
• 特に、シンプルで洗練されたデザインを作るときに、余白の比率は必要不可欠で、空白、文字サイズ、幅など、あらゆる要素において重宝するテクニックです。

2.3 目の認知構造に基づいたカラーパレットを用いよ

• 人間の目は、特定の色を必要以上に明るくとらえたり、非線形に階調を捉えたりするという、コンピューターとは違った特性を持っています
• このずれを繋ぎ合わせるのがカラーパレットの役割で、数値の増加幅と、人が認識する増加幅がほぼ一致するように設計されています。算出には、oklchなどの人の目に近い色座標空間が使われることが多いです
• 殿堂入りカラーパレット : Tailwind Colors

2.4 ほぼ全ての要素にAuto Layoutを適用せよ

• Webデザインにおいて、ほぼすべてのコンポーネントは