#31  ピクセルパーフェクト｜デザインデータとのズレをチェックして実装の精度を高めよう

ピクセルパーフェクトとは？

ピクセルパーフェクトとは「デザインデータ」と「コーディングデータ」見た目を1pxのズレもないように実装することです。

以下のようにデザインデータ画像とコーディングデータを重ねてそのズレをチェックしていきます。

例ですが、メインコピー部分が大きくずれていますよね。

ただ、動画でも説明しますが、1pxのズレもなくコーディングするのは現実的ではないのでピクセルパーフェクトの概要とズレの調整方法を身に着けることができればOKです。

本講座の流れ

1. まずはこちらの記事を見る
2. 次に動画を見ながら一緒にPC版のズレを調整する
3. 余裕があればPC版と同様の流れでスマホ版を調整してみる

ピクセルパーフェクトを記事でざっくりと理解

動画を見ながら一緒に手を動かしてみよう

パスワードが必要です

これより先は有料コンテンツです。「ギャクサン」の購入ページから契約をしてください。
すでに契約済みの方でパスワードの入力が上手くいかない場合はサポートへ連絡してください。

送信する