こちらの記事はこの記事の転載です。 はじめに 以前（2年半前、当時学生）、Webデザインの勉強中にトレースの記事を書いたことがありました。 こんなサムネイルを見たことがある人が居るかもしれません..。（記事は昔のものなのでリンクは貼りません） なぜかこの記事が未だにじわ伸びし、noteで紹介されたりしており、「まずい..」と思ったため新たに記事を書くことにしました。 ちなみにサーチコンソール見ても「Webデザイン トレース」の検索が多く、勉強したいけどやり方がわからない人が多くいるんだなと再認識しました。 学生の時の私もまさにそれで、デザイン系の学部に通っていたため「じゃあデザインできるんだね！」的な印象を持たれがちでした。 でも大学ではWebやアプリのデザインの授業があるわけではないので、その辺は独学だったり、アルバイト先のデザイン事務所で教えてもらったりで勉強していました。 トレースは

はじめに こんにちは！新卒デザイナーの浜田です。 今回は、入社して初めての担当サービス「UPTOON」の作品管理画面のデザイン時に起こった問題を、ケース別に紹介・解決策の提案をしていきたいと思います。 本記事は、以下の構成となります。 開発前のデザインの状態 起こった問題とその解決策〜開発編〜 起こった問題とその解決策〜デバッグ編〜 まとめ 同じく新人のデザイナーさん、デザイナーを目指している方には特に本記事を読んで注意してもらいたいです！ 開発前のデザインの状態 エンジニアさんにデザインを渡す前に以下の項目はクリアしており、自分では大丈夫だろうなと思っていました。 ボタンやテキストのHoverやActive状態のデザイン用意した セルのテキストが1行の時、2行の時など複数パターン用意した 入力前、入力後など状態別に用意した エラーページ、エラーメッセージ用意した 必要な素材は書き出した