Figmaを活用したデザイン練習法:デザインカンプを真似るだけ

こんにちは!デザインの世界に足を踏み入れたばかりの皆さん、Figmaを使った楽しいデザイン練習法をご紹介します。通常のトレースや模写に挑戦して挫折した経験がある方も、この方法ならきっと続けられるはずです。

それはとにかくデザインカンプを真似ることです!

(プロのデザイナーに相談すると模写やトレースが一番いいといいますが、模写やトレースは基礎ができてる人がやるもの。基礎もないうちはただデザインカンプを真似るのが簡単で早いです!)

目次

デザインカンプを真似るメリットと効果

  • 基本的なデザイン原則の理解
    デザインカンプを真似ることで、配色、レイアウト、タイポグラフィなどの基本的なデザイン原則を自然に学べます。
  • ディテールへの注目力向上
    既存のデザインを細かく観察することで、細部に対する理解が深まります。
  • クリエイティブな思考の発展
    他人の作品を分析することで、自分ならどうするかというクリエイティブな思考が養われます。
  • デザインツールの習熟
    Figmaや他のデザインツールを使うことで、操作スキルも自然と向上します。

ステップごとに学ぼう!

  1. レベル1:デザインカンプを真似る
    Figmaで簡単なデザインカンプを真似てみましょう。これが基礎を固める第一歩です。
  2. レベル2:トレース
    スクリーンショットを下に置いて、その上をなぞるトレースを行います。ディテールに注目しましょう。
  3. レベル3:模写
    スクリーンショットを横に置いて参考にしながら、自分でデザインを再現します。これで観察力が養われます。
  4. レベル4:オリジナルデザインに挑戦
    ここで、あなたのクリエイティビティが試されます。自分だけのデザインを作り上げましょう。

毎日15分でコツコツと

短い時間でも毎日続けることが重要です。15分間の練習を積み重ねていけば、驚くほど成長できます。

応用編:ほかのデザインツールでも活用しよう

  • 応用1:フォトショップで同じ練習
    いずれフォトショップを使って同じ練習を繰り返しましょう。
  • 応用2:イラストレーターで練習
    イラレも使って、多様なデザインツールに慣れましょう。
  • 応用3:Premire Proで練習で練習動画教材
    動画の編集も同じです。真似するのが一番早いです。

Figmaのデザインカンプの配布・販売:無料から有料まで

無料リソース

有料リソース

ココナラで購入するのも手です。

Clowdworksで募集もよいかもしれないですね。

Adobe XDでも同じ方法が使えます!

この練習法はFigmaだけでなく、Adobe XDでも同様に使えます。ツールが異なっても基本的なプロセスは変わりません。

まとめ

デザイントレーニングは決して簡単な道ではありませんが、このステップバイステップのアプローチであれば、着実にスキルアップできるはずです。練習を楽しみながら、一緒に成長しましょう!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ビーログ管理人、30代Webエンジニアの地方ブロガーです。
モットーは「楽しんだもん勝ち」。
新たな発見を共有します。よろしくお願いします!

目次