納品前のチェックポイント:フロント編

  • 公開日:2017.05.17
  • 更新日:2026.04.29
  • Direction
納品前のチェックポイント:フロント編

納品前のチェックポイントを記載していきます。
漏れのないようにチェックしましょう

  • 大幅な要素の位置ズレ、配置漏れがないかをチェック※
  • テキストの入力ミスがないか
  • デバイスフォントにすべき部分がちゃんとデバイスフォントになっているか
  • フォントカラーとサイズがデザインデータどおりになっているか
  • テキスト量が変わってもレイアウトが崩れないようになっているか
  • レスポンシブの場合は、ブラウザ幅を狭めたり広げたりしてもレイアウトが崩れることはないか
  • PC表示は、Chrome・Firefox・Safari・Edge でそれぞれチェック
  • SP表示は、手持ちのスマートフォン実機+Chromeのデバイスシミュレーターで iPhone最新版と、Android(Galaxy・Pixel等主要機種)でチェック

※コーディングデータのページキャプチャをとり、デザインデータに照らし合わせる方法でチェックすると確認しやすい

Directionカテゴリの最新記事