PLAN_B Creators 福山
就労継続支援B型事業所
この事業所に問い合わせ
無料
お問い合わせ内容を教えていただけますか？
賃金・工賃について知りたい
仕事内容について知りたい
利用までの流れ・料金について知りたい
どのような施設なのか知りたい
自分でも利用できるのか知りたい
見学について知りたい
交通費や食事の補助などについて知りたい
事業所情報へ
web系備忘ログ #42 模写を繰り返して上達！
2025/04/02
こんにちは！Plan_B Creators福山です。
今回はホームページ制作学習における「模写」の重要性について解説していきます。
ウェブデザインやホームページ制作を学ぶとき、「模写」をすることが上達への近道です。
他のウェブサイトを真似して同じように作ることを通じて、デザインやコードの使い方を学ぶことができます。
以下に模写のメリットをいくつか並べてみます。
1. 基礎を学べる
模写をしながらHTMLやCSSの基本を学びます。
実際にコードを書きながら覚えることで、より理解が深まります。
2. デザインのテクニックを学べる
プロのデザインを模写することで、色使いやレイアウト、フォント選びなど、デザインの参考になります。
3. 問題解決力が鍛えられる
模写中にうまくいかないことがあるかもしれませんが、それを解決することで、実際の案件でも役立つ問題解決スキルが身につきます。
ではどんなウェブサイトを模写するか？と思いますが、最初はシンプルで使いやすいデザインのウェブサイトを選ぶと良いです。
例えば、シングルページのランディングページや、少ないセクションのサイトです。
また、スマートフォンでも見やすいレスポンシブデザインを意識すると、学習効果が高いです。
次に、模写をするときのコツをいくつか説明します。
1.コードを理解しながら作業する
コピーするだけでなく、どうしてそのコードが使われているのかを考えながら進めましょう。
2.少しずつ自分のアレンジを加える
模写ができたら、自分なりの色やフォントを試してみましょう。オリジナルの要素を加えることができます。
3.段階的に進める
一度に全てをやろうとせず、まずは大まかな構造を作り、その後にデザインを整えるようにしましょう。
--まとめ--
ホームページ制作を学ぶ上で、模写はとても有効な学習方法です。
実際に手を動かしてコードを書きながら、デザインや制作の基本をしっかりと学びましょう。
最初は難しく感じるかもしれませんが、続けることで着実にスキルアップできます！
「IllustratorやPhotoshopを使いこなしたい！」
「webデザイナーを目指してみたい！」
「after effectを使ってみたい！」
という方はお気軽にPLAN_B Creators福山へご相談ください。
この事業所に相談してみよう
無料
お役立ちガイド
障害福祉事業所の皆さまへ
利用者募集にお困りならこちら
請求業務の対応にお困りならこちら
事業所運営にお困りならこちら
新規開所で困っているならこちら
スタッフ採用にお困りならこちら
