» 【そうだ】Webデザイン初心者勉強法【模写、しよう。】|ホームページ制作・運営からWEBデザイン、ウェブサイト企画作成を行っている名古屋市のホームページ制作会社「ABABAI」

【そうだ】Webデザイン初心者勉強法【模写、しよう。】

スタッフブログ

  • 2020.05.14

    【そうだ】Webデザイン初心者勉強法【模写、しよう。】

    顔アイコン

    皆様、いかがお過ごしでしょうか。新人の西山です。

     

    なかなか外出が難しい状況なので、2年前愛媛の西予市で撮影した新緑の紅葉をアイキャッチにてお届けしました。ピクセルからマイナスイオンを感じますね。

     

     


    ■ はじめに

     


     

    さて、Webデザイナーとしてアババイに入社した次第ですが、そんな私…

     

     

    まったくのWebデザイン初心者 です (照)///

     

     

    1か月前まではPhotoshopの「ふぉ」の字も知りませんでした。お恥ずかしい。

    そんな私が入社から約1か月、どのようにWebデザインの勉強をしたのかをお伝えします。

     

     

     


    ■ ひたすらホームページを閲覧

     


     

    これはデザイナーの諸先輩方が常々おっしゃられている勉強法です。

    画像の配置、色づかい、このページで何を伝えたいのか、など。

    普段何気なくみているサイトも見方を変えるととても奥深いものになります。

     

     

    ◇ 参考ページ ◇

     

     ・アババイの施工事例ページ 

     

     >>> こちら

    h2

     

     

     ・参考になるまとめサイトがまとまっているサイト

     

    WEBデザイナーが知らないと恥ずかしい!WEBデザイン参考ギャラリーサイト

     

     

     


    ■ 模写、模写、模写

     


    ※租借音ではありません※

     

    題名にもある通り、実際にあるWebサイトを模写する勉強法です。

    ありがたいことに、Web制作において必要スキルを身につけるために、学校に通わせて頂いてる私。(現在はリモート学習)

    そこでの学習で、ある程度Photoshopの操作を行ったので、模写もしてみることに。

     

     

    mmm

     

     ※実際に公開されているページを模写して混乱している図※

     

     

    いや~~~~~難しい!!!!!

     

     

    この集中線はこれでええんか??キラキラはこんな感じ??あれここにもマスクがかかってる??いや違うカラーオーバーレイか??んんん?????

     

    いざ模写してみるも、重なり合うレイヤーを紐解くのにかなり時間がかかりました。

    ただ、この時間が今は重要なのかなと自分に言い聞かせましょう。。。

     

     

    結果、模写をすると

     

     ・Webページはどのように組み立てられているのかが分かる

     ・伝えたいことを視覚的に認識させているのかが分かる

     ・「分からない」ことが「分かる」(かっこいい)

     

    以上の良いことが得られました。

    時間はかかっても、この学習を頑張って続けたいと思います。

     

     


    ■ さいごに

     


     

    Webデザイン初心者勉強法という題名にしては、結果私自身があたふたしている現状をお伝えしただけになってしまいましたね…。

    奥も深ければ、幅も広い。日々是精進。

    同じ境遇の同志がいらっしゃれば、ぜひ一緒に頑張りましょ~~~う!!!

     

    フェイスブックシェアボタン

名古屋で1番真面目なウェブ会社!! ABABAI お電話でのお問い合わせはこちら

メールでのお問い合わせ リンクボタン

資料請求 リンクボタン

カレンダー

2020年10月
« 5月    
 1234
567891011
12131415161718
19202122232425
262728293031  

MENU

求人情報本社・広島オフィス

お問い合わせ

資料請求

ページの先頭へ

お問い合わせ

  • メールでのお問合せ リンクボタン
  • 資料請求 リンクボタン

閉じる

アババイめちゃ凄いこと

建築会社に選ばれる5.5の理由

制作実績

お客様の声

スタッフ紹介

代表挨拶

新着情報

会社概要&アクセス