【本】未経験からWebデザイナーになるために読んだ本

【本】未経験からWebデザイナーになるために読んだ本

今はフロントエンドエンジニアをさせてもらってますが、もともとはWebデザイナーとしてサイト制作にしていました。
私の場合、未経験からWebデザイナーになるために独学での勉強だったので、たくさんの本を読みました。
私がその当時、読んだ中でオススメの本をご紹介します。

Web業界を目指したとき

もともと新卒で入った会社はスーパーマーケットで働いていて、全くWeb業界とは無関係でした。
パソコンスキルに関しては、以下に記します。

  • パソコンを使うときはyahoo!を見る時のみ
  • パソコン用語で知っているのは「コピペ」だけ
  • タッチタイピングなんて夢のまた夢

要は完全なパソコン初心者だっだわけです。
当時のことを思い出してもよく目指したなーって思います…
でも今ではサイト制作をできるようになりました。
どういった本を読んで勉強していたのかご紹介します。

HTML/CSS

HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる

一番最初に買った本です。
結構古い本ですが、HTMLの基本を勉強するにはもってこいの本でした。
最初は書いてる内容とは全く意味がわかりませんでしたが、とにかく書いてある内容通りに手を動かしました。
ステップバイステップでサイトが制作できるので、手を動かすに連れて徐々に理解できてくると思います。

HTML/XHTML&スタイルシートデザインブック

先ほど紹介した「HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる」と似ています。
こちらも手を動かして実際に一つのサイトを制作できる流れなので、HTMLのタグなどを手を動かしながら理解できます。

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

上記2つより難度は上がるかもしてませんが、スマートフォンやタブレットなど各デバイスへの対応ページレイアウトの方法なども記されていてまさに「標準(スタンダード)」な知識が学べる本になっています。
自分のスキルに合わせていろいろな発見ができる本だと思います。(私自身もある程度サイト制作ができる様になってから見返したのですが新しい発見がありましたよ)

デザイン

ノンデザイナーズ・デザインブック

デザインの基本である、反復・コントラストといった手法をわかりやすく説明しています。
レビューにもありますが、デザイナー初級者でも読めて、デザインをこれから勉強するって方には最適な1冊です。

ほめられデザイン事典 写真レタッチ・加工 Photoshop

画像の切り貼りをして、コラージュをしてたり、
マスクをかけて一部分だけをぼかす方法など、チュートリアル式に記載されています。
Photoshopのスキルアップするために読んだ本です。

フォント(文字)に関して学べる本



上記3冊はフォントに関して学べる本になります。
デザイナーにとってフォントを使えるかがすごく重要になので、デザイナーを目指す方ならぜひ読んで欲しい3冊です。
フォントの歴史から、そのフォントの使い方や与える印象などを説明されています。
著書は全て世界的に活躍されている書体デザイナーの小林 章さんです。

まとめ

私自身、たくさんの本を読みました。
そして、本を読んで得た知識をインプットして、しっかりとアウトプット(制作)することが大事だと思っています。
なので本を読んで終わるのではなく、しっかりと手を動かしながら形にしていきましょう!

未経験からでもエンジニアにはなれる!

中堅の年代になり、最近よくどうやってエンジニアになったんですか?と聞かれる機会が多くなりました。私は転職組で未経験からエンジニアになりました。 そこら辺のストーリーは「未経験からWebデザイナーになった経緯を紹介」で書いているのでそちらをご覧ください。

当時はWebの技術を教えてくれるスクールがあまりなく、私はWebの勉強は独学で勉強し転職したのですが、今はスクールの数も多くなっていてオンラインで受講できるところも増えてきました。

もし私が未経験でエンジニアを目指すなら活用したいスクールを紹介してますので興味ある方はぜひ参考にしてくだいさい!

tech boostオンライン

tech boostはエンジニアに特化したキャリアサービスを展開しているBranding Engineerが運営するオンラインプログラミングスクールです。

エンジニアに特化したキャリアサービスを展開しているからこそのカリキュラムを実現しています。 また、転職サポート付きでスクール卒業後もキャリアも安心です。

オンラインスクールだからいつでもどこでも受講可能!これからプログラミングを学びたい方、エンジニアにキャリアチェンジを考えている方に、 特にオススメのサービスです。

初めてプログラミングを学ぶなら「tech boostオンライン」

CodeCamp(コードキャンプ)

オンライン・マンツーマン指導のプログラミングスクールとしてNo.1*の実績を持つサービスです。高い学習効果が評価されテレビや新聞、ビジネス誌など*多くのメディアで紹介されています。

講師は全て現役のエンジニア。未経験から確実に習得するために開発されたオリジナルカリキュラムでWebデザイン、Webサービス開発、アプリ開発などを幅広く学習することができます。

多くの受講生が、現役エンジニアの手厚いマンツーマン指導によって確実にプログラミングを習得し、キャリアアップ・転職・独立起業などの目標を実現しています。

プログラミングのオンラインスクールのCodeCamp

DMM WEBCAMP

転職を本気で考えている方向けのプログラミングスクールです。転職を保証しているため、未経験からIT業界へ転職を求めている方へおすすめです!

プログラミング未経験者でも安心のサポート体制をご用意しており、特に受講者アンケートでは『サポート体制がしっかりしていて魅力的』、『転職を保証していただいていることで安心』というレビーが多くしっかとしたサポートを提供しています。

実務に近い実践的なカリキュラムで、DMM WEBCAMPはチーム開発など、実務により近い実践的カリキュラムを導入しているため、転職先・就職後にいち早く活躍できるスキル・経験を積むことができます。

受講者満足度90%以上のプログラミングスクール【DMM WEBCAMP】

Udemy

私の周りの現役のエンジニアの人も活用しています。基礎をしっかり固めたい方や、実践向けの配信など幅広く解説している動画が豊富にアップされているので活用するのはオススメです。

習得したいスキル(プログラム言語)が明確で、年収アップのために学習している方やAI・機械学習を学んでスキルアップを目指しているエンジニアの方に支持されているます。

1講座あたり数千~数万円程度で実践的なスキルアップを経済的でオススメです。

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース