Sketchで渡した画面と出来上がりの違い｜転職

Sketchで画面のデザインを作ってきた経験を、転職の選考でどう伝えるかは、悩みやすい場所です。「画面を作れます」という説明だけでは、実装に渡した後に何が起きていたかが伝わりません。渡した画面と、出来上がった画面との食い違いをどう減らしてきたかを話せるかどうかで、選考での伝わり方は変わります。

DX推進人材が不足していると答えた企業は85.5%です＊1。ITの現場で人手が十分ではない状況が数字にも表れているなかで、画面を渡した後の食い違いを減らせる人の経験が、選考で確かめられる場面が増えています。

Relasic（株式会社LASSIC運営）｜リモートワーク対応の転職支援

監修・編集責任者：牛尾 昭昌（株式会社LASSIC 執行役員）

1. Sketchの経験は渡した後の違いで語れます

Sketchで画面を作ってきた経験は、渡した後に出来上がったものとの食い違いをどう減らしてきたかを話すことで、選考での伝わり方が変わります。IPAの調査では、DX推進人材が不足していると答えた企業は85.5%でした＊1。人手が十分ではない現場ほど、画面を渡すだけで終わらず、渡した後まで動ける人の経験が求められています。

「Sketchが使えます」という説明は、選考の場では珍しい情報ではありません。同じツールで画面を作ってきた応募者は他にもいて、一文だけでは渡した後に何をしてきたかが伝わりません。

選考で確かめられるのは、画面を作れるかどうかではなく、渡した画面と出来上がった画面との間に食い違いが出たとき、どう気づき、どう動いたかです。渡し方に何を添えたか、聞かれる前に何を決めておいたか、出来上がりを見てどこを直したかという3つの場面に、担当してきた仕事が具体的に表れます。

食い違いは、担当者の技量だけで決まるわけではありません。伝える情報の量や、確認するタイミングによっても変わります。だからこそ、どこに気を配ってきたかを自分の言葉で説明できるかどうかが、経験の伝わり方を左右します。

渡すときに添える情報、聞かれる前に決めておくこと、出来上がりを見て直すことの3つに分けて、Sketchでの経験を振り返ると、選考で話せる場面が具体的になります。

あわせて読みたい ｜ Webディレクターへの転職｜決めることを決める役割

2. 確認の情報を添えるかどうかで結果が変わります

Sketchで作った画面に情報を添えるかどうかで、渡した後の動きがどう変わるかを比べます。

情報を添えずに画面だけを渡すと、余白や文字サイズは目分量で実装されやすくなります。出来上がりを見て初めて違いに気づき、そこから直しのやり取りが始まります。

余白の実際の数値や、文字が長いときの扱いを添えて渡すと、出来上がる前に意図が伝わります。直しのやり取りが減るのではなく、早い段階で終わるという違いが出ます。

どちらの渡し方も、担当してきた人の技量そのものを示すわけではありません。渡すときに何を添えてきたかという習慣の違いが、出来上がりまでの動きに表れます。

3. 出来上がりを見て直した理由が実績につながります

画面を渡した後、出来上がったものを最初に見る場面は、Sketchでの経験を語るうえで見落とされがちな場面です。渡した時点の画面と、出来上がった画面を並べて見比べることが、食い違いに気づく最初の一歩になります。

見比べて気づいた違いは、そのまま流さずに、直すかどうかを判断する必要があります。余白が数ピクセルずれている程度であれば、次の画面から気をつける形で済む場合もあります。文字が折り返さずにはみ出している場合は、直しを依頼する必要があります。

直しを依頼するときは、どこがどう違うかを具体的に伝えることが欠かせません。「なんとなく違う」という伝え方では、何を直せばよいかが相手に伝わらず、やり取りが何度も重なります。

直した理由まで説明できると、単に画面を作ってきた経験ではなく、出来上がりまで動いてきた経験として伝わります。面接で「なぜその直しを依頼したのか」と聞かれたときに、理由まで答えられる準備になります。

出来上がりを見る時点を、担当していた仕事のなかでいつに設定していたかも、話せる内容のひとつです。公開の直前に初めて見ていたのか、途中の段階で確認していたのかによって、直せることは変わります。

直した内容を記録に残していたかどうかも、伝わり方に関わります。同じ食い違いを繰り返さないために何を残していたかまで話せると、渡した後の対応が一度きりの行動ではなく、続けてきた習慣として伝わります。

あわせて読みたい ｜ Vueエンジニアの転職｜選定理由を語れる人が評価される

4. Sketchで渡すときに添える情報を表で確認します

Sketchで作った画面を渡すときに添えておくと、出来上がりまでの食い違いを減らしやすい情報を表にまとめます。

【表1】渡すときに添える情報と、抜けたときに起きやすいこと

添える情報	何のために添えるか	抜けたときに起きやすいこと
余白と文字サイズの実際の数値	見た人がその場で数値を読み取れるようにするため	目分量で実装され、余白が想定より詰まります
文字が長いときの表示	入力される文字が想定より長い場合の見え方を示すため	長い文字列で折り返しやはみ出しが起きます
空・読み込み中・エラーの画面	正常時以外の状態がどう見えるかを示すため	正常時の画面だけが実装され、後から作り直しが発生します

表のとおり、余白や文字サイズの実際の数値を添えておくと、出来上がった画面が目分量に頼らずに作られやすくなります。数値が無いまま渡すと、担当した人によって余白の詰まり方が変わってしまいます。

文字が長いときの表示を添えておくと、実際のデータで文字数が想定より増えた場合の見え方を、出来上がる前に決めておけます。添えていないと、はみ出しに気づいた時点で直しが発生します。

空・読み込み中・エラーの画面まで用意しておくと、正常時以外の画面が後から作り直しになる事態を防げます。3つの状態は、通常の画面ほど目立たないぶん、後回しにされやすい情報です。

3つの情報をすべて毎回そろえる必要はありません。担当してきた画面のなかで、実際に食い違いが起きやすかった情報から優先して添えることが、限られた時間のなかでも効果を出す方法になります。

5. 渡し方の完成度は会社によって違います

Sketchで作った画面をどこまで整えて渡すかは、会社やチームによって差があります。

画面だけを渡すチームもあれば、余白の数値や状態まで整えてから渡すチームもあります。渡し方の完成度は会社やその時々の状況によって差があり、どちらか一方が正しいという話ではありません。

渡し方が画面だけの状態から始まった場合でも、そこで止まらず、余白の数値を書き添える、状態のパターンを別途まとめるといった対応を自分から重ねてきたのであれば、それは実務のなかで積み重ねてきた経験として話せます。

反対に、すでに整った渡し方が用意されている環境で担当してきた場合は、その仕組みをどう保ち、どう使いこなしてきたかを話す材料になります。整った仕組みの中でも、抜けている情報に自分で気づいた場面があれば、具体的な経験として語れます。

6. 聞かれる前に決めておくことを4つに整えます

Sketchで画面を渡す前に、聞かれる前から決めておきたいことを4つにまとめます。

4つとも、聞かれてから答える内容ではなく、聞かれる前に自分で決めておける内容です。決めておくかどうかは、渡した後の食い違いの量に直接関わります。

優先順位を決めておくと、時間が足りずに全部を反映できない場面でも、何を残すべきかで迷わずに済みます。決めていない場合、その場の判断に頼ることになり、結果が担当者ごとに変わります。

食い違いに気づいたときの伝え方を決めておくと、直しの依頼が具体的になります。誰に伝えるかを決めていないと、伝えるタイミングが遅れ、直す量が増えてしまいます。

4つを全部そろえた状態で担当してきた人は多くありません。担当してきた仕事のなかで、実際に決めていたことだけを正直に選び、それをどう決めたかまで話せるようにしておくことが、選考での準備になります。

あわせて読みたい ｜ Reactエンジニアの職務経歴書｜転職で落ちる書き方と対策

7. よくある質問（Q&A）

Q1. Sketchの実務経験が浅くても渡した後の対応について話せるか

A. 話せます。経験の年数よりも、渡した画面と出来上がった画面を見比べ、気づいた違いにどう対応したかという具体的な場面のほうが、選考では確かめられます。

Q2. 渡すときに添える情報が少ない環境で担当していた場合はどう話せばよいか

A. 添える情報が少ない環境であっても、出来上がりを見て気づいた違いをどう伝え、どう直したかを話せます。整った渡し方が無いなかでどう補ってきたかも、担当してきた仕事になります。

Q3. 出来上がった画面の確認は誰が担当する仕事か

A. 会社によって担当が分かれます。デザインを担当した人が確認する場合もあれば、別の担当者が確認する場合もあります。自分がどちらの立場で関わってきたかを、正直に話すことが大切です。

Q4. 直しの依頼が多かった場合選考でどう話せばよいか

A. 依頼の回数ではなく、依頼するときに何を伝え、どう直してもらったかを話します。やり取りを重ねて食い違いを減らしてきた経験として伝わります。

8. まとめ：渡した後の対応が転職の経験になります

Sketchで画面を作ってきた経験は、渡した後にどう動いたかまで含めて、初めて選考で伝わる経験になります。次の一歩は、直近で担当した画面を1つ選び、渡すときに何を添え、出来上がりを見て何を直したかを書き出すことです。

※公開中の求人数は時期によって変わります。記事中の求人の傾向は執筆時点のものです。

出典・参考情報

＊1 IPA「DX動向2026」（2026年公表）
＊2 厚生労働省「令和7（2025）年賃金構造基本統計調査の概況」（2026年3月公表）
＊3 厚生労働省「令和6年雇用動向調査結果の概況」（2025年公表）