K.Y. Design
K.Y. Design
K.Y. Design

本サイトのテーマ

外観

PC表示

タブレット表示

スマホ表示

概要

担当

  • デザイン
  • コーディング(HTML, CSS, JavaScript, WordPress PHP)

使用ツール

  • Photoshop
  • Visual Studio Code
  • Local by Flywheel
  • WordPress

意識したこと

  • シンプルな配色
  • 見て欲しいところに黄色を使って目線誘導
  • タイトルのみセリフ体を使って他のフォントとのコントラストを表現
  • ヘッダーロゴを囲むhtmlタグをページによって切り替えるSEO対策
  • 和文フォントと欧文フォントの使い分け
  • セクションごとの大きな余白
  • 左右の揃え
  • メニューの固定表示
  • スマホ表示でフッター固定メニューを使い、指を大きく動かさずにメニューにアクセス可能
  • 高速アニメーション
«
»