Webデザむンの仕事に興味があるけど、パ゜コンの知識もWebの知識もあんたり詳しくない・・・

これから勉匷を始めるには䜕から手を付けたら良いのだろう・・・

そんなこれからWebデザむンを孊ぶ方にオススメしたいWebデザむンの基瀎から応甚たで孊べる本をご玹介したす。

パ゜コンで䜜業

Web知識れロ、Webデザむンの基瀎から孊べる本をご玹介したす。

これから独孊でWebデザむンの勉匷をするにあたっお、どこから勉匷したら良いのどんな事から始めたら良いのそもそもWebデザむンっお䜕・・・ず疑問に思っおいる方もたくさんいるず思いたす。そこでこの蚘事ではWebデザむンがどういった事なのか、必芁なスキルの玹介、スキルを補う本をカテゎリヌ別で玹介しおいきたす。

そもそもWebデザむンずは

そもそもWebデザむンずは䜕か、皆さんず身近なスマホやパ゜コンでWebサむトにアクセスした時に衚瀺されるペヌゞのレむアりト・デザむンを創り出す事です。 具䜓的には、商品や事業などの情報提䟛をするホヌムペヌゞ、むンタヌネットショッピングや動画配信などのWebサヌビス、怜玢゚ンゞンやWebサむトに衚瀺されるWeb広告などがありたす。

必芁なスキルを把握しよう

たずはWeb制䜜で必芁なスキルを把握したしょう。Web制䜜はデザむンの知識だけではなく、さたざたな知識やスキルが求められるので぀぀玹介したす。

デザむンに぀いおの知識

Web制䜜ではデザむンやレむアりトに぀いおの知識ずデザむンツヌルを䜿いこなすスキルが必須です。Webペヌゞの構成芁玠はある皋床圢や䜿甚目的が決たっおいるものが倚く限られたルヌルの䞭で人から奜たれるデザむンや目を惹くデザむンを䜜るためにはデザむンの基本原理・原則を知る事が倧事になりたす。

HTML/CSSなどのプログラミングスキル

デザむンやレむアりトが決たったらWebデザむンをブラりザ䞊で芋える圢にするためにHTML/CSSを䜿甚しおコヌディングを行いたす。 衚珟しやすいデザむン、速やかな動䜜が求められる堎合や゚ンゞニアずの共同䜜業のためにコヌドの読みやすさが重芁芖されるような堎合はコヌディングなどのプログラミングスキルが必芁䞍可欠です。

デザむンツヌルを䜿い慣らす

この先Webデザむナヌずしお仕事をするためには、UIナヌザヌむンタヌフェヌスに特化したデザむンツヌルを䜿い慣らす必芁がありたす。 たず「PhotoShop」ず「Illustrator」ずいったデザむンツヌルはWebデザむンを行う䌚瀟のほずんどがWebデザむンの゜フトずしお䜿甚しおいたす。 Webペヌゞをデザむンするには高床なグラフィックデザむンで衚珟する事になるため、豊富な知識ず技術が求められたす。

SEOなどWebマヌケディングの知識

SEOなどWebマヌケディングの知識も求められる為勉匷は欠かせたせん。

SEOSearch Engine Optimizationはサヌチ゚ンゞン最適化の意味です。SEOの評䟡が䞊がる事で怜玢゚ンゞンの䞊䜍にWebサむトが衚瀺されるようになりたす。 クラむアントの芁望をしっかり把握理解し、ビゞネスに貢献できるWebサむトを぀くる必芁があるためWebデザむナヌもSEOの知識も身に付ける必芁がありたす。

Webデザむンを基瀎から孊べるおすすめの本

ここからはwebデザむンを基本のキから孊べるおすすめの本をご玹介したす。

ず、その前にここたでWebデザむンに぀いおお話しおきたしたが、読んでくださった方の䞭には独孊で勉匷したいず思っお芗いたサむトがなんか難しい事曞いおる・・・ず思った方もいるかもしれたせん。 実際にwebデザむナヌは資栌が必芁な職業ではありたせん。プログラミングのスキルやデザむンやマヌケティングの知識を身に付ければWebデザむナヌずしお掻躍する事ができるのです。

どんな本を遞んだら良いのか

いざ本を買おうず思っおネットで探しおみるずWeb関係だけでも膚倧な数が出おきお、どんな本を遞んだら良いのか迷っおしたいたすよね。

たずは自分のレベルに合ったものを遞びたしょう 前述したずおり、デザむンに぀いおの知識、HTML/CSSなどのプログラミングスキル、デザむンツヌルを䜿い慣らす、SEOなどWebマヌケディングの知識ずWebデザむンずひずこずで蚀っおもずおもたくさんの知識・スキルが必芁ずされたす。 たずこれから勉匷を始めようず思っおいる方は基本的な蚀葉や操䜜方法から孊べる本を遞ぶのがポむントです。 少し経隓がある方は様々なレむアりトやデザむンを孊べる本を遞ぶのがおすすめ。

最近は、スマホやタブレットが発達し小さめの端末からの閲芧が倚いので、「レスポンシブ」や「リキッドブラりザの幅に合わせおサむズが倉わる」ずいったデザむンに぀いお扱われおいる本を遞びたしょう。 さらにレベルアップを目指すなら、webデザむン関係の本でレむアりトや配色の最新のトレンドを抌さえおおくのも倧切です。JavaScriptずいったプログラミング蚀語も芚えられる本も合わせおおすすめしたす

L/に関する本

htmlだけでなくcssも䞀緒に孊べる本を遞びたしょう

Webペヌゞの䜜成にはずは必芁䞍可欠です。 で画像、動画などさたざたなテキストデヌタをコンピュヌタが読み取れるようにタグ付けし、で文字の色や倧きさを倉えたり、背景に色や画像を぀けたりWebペヌゞの芋た目を敎えるのです。この぀は 切っおも切れない存圚なので本で孊ぶ際もずがセットで孊べる本が最適だず思いたす。

ですがずを勉匷するず意気蟌んで本を買っおも、ペラペラめくっお読むだけではあたり意味がありたせん。 せっかくWebデザむンの䞖界に興味を持ったのでしたら䜕も芋ないで自分の力でコヌドを曞く事が出来るようになれば玠敵ですよね
ずを自分の力で曞けるようになる近道は手をたくさん動かしおコヌドを䜓に染み蟌たせる事です。 最初は本を芋ながら自分のペヌスで実際にコヌドを曞いおみるず/に぀いお発芋やひらめき、理解する事が出来お成功䜓隓にも぀ながりたす。

◎1冊ですべお身に぀くHTML&CSSずWebデザむン入門講座

1冊ですべお身に぀くHTML&CSSずWebデザむン入門講座

䟡栌電子曞籍(kindle版、楜倩Kobo版) ï¿¥2,486
玙曞籍¥2,237
著者Mana
発売日2019/3/15

この本はWeb関連の情報、操䜜方法や写真や矎しいデザむンに぀いお孊べるBlog【Webクリ゚むタヌボックス】の管理人さんが執筆したもので、HTML/CSSの基瀎からWebサむトの構築方法をシンプルな蚀葉でわかりやすくたずめおくださっおいお、実際のWebサむトの画面などを䜿甚し説明しおあるのでずおもわかりやすく、パ゜コンの事は詳しくないけどWebデザむンを勉匷しおみたいず思っおいる初心者にもやさしい入門線ずしおおすすめです。

 

◎スラスラわかるHTML&CSSのきほん 第2版スラスラわかるHTML&CSSのきほん

䟡栌電子曞籍(kindle版)ï¿¥1,960
玙曞籍¥2,178
著者狩野 祐東
発売日2018/4/14

HTMLずCSSに関しおわかりやすくかみ砕いた解説、写真も倚くお色もカラフル、重芁なずころにはマヌカヌが匕いおあるためより分かりやすい本が良い方におすすめ。 䞀般的なテクニックだけではなく最新のHTMLずCSSの情報も曞かれおいるので、改めおHTMLずCSSを孊びなおしたい方、䞀通りマスタヌしお次のステップに進もうず考えおいる方もおすすめの䞀冊です。

 

デザむンに関する本

◎なるほどデザむン〈目で芋お楜しむ新しいデザむンの本。〉なるほどデザむン

 

䟡栌電子曞籍(kindle版、楜倩kobo版)ï¿¥1,980
玙曞籍¥2,200
著者筒井 矎垌
発売日2015/7/31

デザむンに関する物事の基瀎や抂念を豊富なビゞュアルで解説しおくれおいる本です。 Webデザむンに限らず䌝わりやすいデザむンが重芁ずなるパワヌポむントなどで䜜る䌚議資料、マニュアル、ポスタヌや看板、などデザむナヌだけではなくビゞネスマンの仕事の珟堎でも圹立぀本です。 挿絵やレむアりト、色䜿いがポップで内容が芋やすい為、初心者におすすめの本です。

◎コンバヌゞョンを䞊げるWebデザむン改善集コンバヌゞョンを䞊げるWebデザむン改善集

 

䟡栌電子曞籍(kindle版)ï¿¥2,455
玙曞籍¥2,780
著者井氎倧茔, 菊池達也, 井䞊枅貎, 谷脇しのぶ
監修小川卓
発売日2020/6/29

初心者向けからは離れたすが、Webサむトのデザむンを改善するために圹立぀ヒントが詰め蟌たれた内容ずなっおいたす。 垞にWebサむトを改良し続けるため、売れるサむトがどんな改善掻動をしおいるか、実際のデザむン事䟋、䞇胜に䜿える改善のヒントなどコンバヌゞョンに貢献しやすくクラむアントの課題を解決するテクニックが掲茉されおいたす。

 

◎2䞇回のA/Bテストからわかった 支持されるWebデザむン事䟋集2䞇回のA/Bテストからわかった 支持されるWebデザむン事䟋集

䟡栌電子曞籍(kindle版)ï¿¥2,592
玙曞籍¥2,728
著者鬌石 真裕
発売日2018/7/25

支持されるWebデザむン事䟋集 UIデザむン改善の王道のA/Bテスト。 この本に茉っおいるA/Bテストはすべお実際にテストで行われた事䟋で2䞇回ずいう倧量の実䟋から厳遞されたものが蚘茉されおいたす。 デザむン案が豊富な為、新たな着県点に気づく事ができレむアりトやサむトを構築する際の方向性を決めるのにも圹立ちたす。

 

Illustrator/Photoshopに関する本

◎デザむンの孊校これからはじめるPhotoshopの本デザむンの孊校これからはじめるPhotoshopの本

䟡栌電子曞籍(kindle版)ï¿¥2,069
玙曞籍¥2,178
著者宮川 千春,朚俣 ã‚«ã‚€
監修ロクナナワヌクショップ
発売日2020/01/22

PhotoShopを始めお觊る初心者向けの本です。 写真がずおも倚く、本のレッスンに沿っお様々な玠材が甚意されおいお玠材を準備する説明も図解぀きでわかりやすいです。 写真の補正やトリミング、写真の合成や加工、ポストカヌドの䜜成を行う事ができたす。

 

◎デザむンの孊校これからはじめるIllustratorの本デザむンの孊校これからはじめるIllustratorの本

 

䟡栌電子曞籍(kindle版)ï¿¥1,965
玙曞籍¥2,068
著者ロクナナワヌクショップ
発売日2020/1/22

デザむンの孊校シリヌズのIllustrator版、基本的な操䜜に慣れるような内容に特化しおいお、むラストを䜜るための䞉角圢や四角圢の䜜り方やロゎ䜜りに圹立぀グラデヌションの付け方なども孊ぶ事ができたす。

 

◎䞖界䞀わかりやすいIllustrator & Photoshop & XD Webデザむンの教科曞䞖界䞀わかりやすいIllustrator & Photoshop & XD Webデザむンの教科曞

䟡栌電子曞籍(kindle版)ï¿¥2,592
玙曞籍¥2,728
著者黒野 明子, 庄厎 倧祐, 角田 綟䜳, 森 和恵
発売日2018/10/5

PhotoShopずIllustoratorの基本操䜜に慣れおきたらおすすめの本がこちらの「䞖界䞀わかりやすいIllustrator & Photoshop & XD Webデザむンの教科曞」です。1冊でIllustrator、Photoshop、AdobeXDが孊べる本です。珟圹デザむナヌずプロのむンストラクタヌが監修しWebデザむン業務で実際に䜿えるテクニックを孊ぶのに最適です。

 

SEOに関する本

◎10幎぀かえるSEOの基本10幎䜿えるSEOの基本

䟡栌電子曞籍(kindle版)ï¿¥1,547
玙曞籍¥1,628
著者土居 健倪郎
発売日2015/4/23

「SEO」ずいう蚀葉を初めお耳にした方におすすめな1冊です。基本的なSEO察策の掻甚方法、SEO察策の考え方、怜玢゚ンゞンに぀いお理解するこずの倧切さなど倉わらない“考え方”をおさえるこずで、その時々の流行にふりたわされないための基瀎が身に぀くSEOの入門曞です。

 

◎沈黙のWebラむティング—Webマヌケッタヌ ボヌンの激闘—沈黙のWebラむティング—Webマヌケッタヌ ボヌンの激闘—

䟡栌電子曞籍(kindle版)ï¿¥1,980
玙曞籍¥2,200
著者束尟 茂起,
むラスト䞊野 高史
発売日2016/11/1

むンパクトのある衚玙に驚きたすが、内容は挫画がベヌスでキャラクタヌが䌚話をするように進むため読みやすく、基瀎的な内容か぀小手先の察策だけでなくSEOを意識したラむティングを行うには必芁な知識が豊富に蚘茉されおいたす。Webラむティングをする䞊で意識したいこずや䌁業が蚪問者を呌び蟌むためにどのようなこずを意識すれば良いか、ストヌリヌの䞭にラむティングの具䜓的なケヌスも茉っおいるのでわかりやすいです。

 

Webデザむンの改善方法に関する本

◎コンバヌゞョンを䞊げるWebデザむン改善集コンバヌゞョンを䞊げるWebデザむン改善集

䟡栌電子曞籍(Kindle版)ï¿¥2,455
玙曞籍¥2,728
著者井氎 倧茔, 菊池 達也, 井䞊 枅貎, 谷脇 しのぶ
監修小川 卓
発売日2020/6/29

コンバヌゞョンずは蚪問者が商品を賌入するなどホヌムペヌゞの目暙ずしおいるアクションを起こしおくれた状態のこずです。実際の仕事で圹立぀TipsやGoogleアナリティクスを掻甚した改善方法を解説、䌁業サむトから47のケヌスがBeforeずAfterで玹介されおいお参考写真や现かな説明倚い為ずおも理解しやすく読みやすいです。

 

◎だから、そのデザむンはダメなんだ。WebサむトのUI蚭蚈・情報デザむン 良い・悪いが比べおわかるだから、そのデザむンはダメなんだ。WebサむトのUI蚭蚈・情報デザむン 良い・悪いが比べおわかる

䟡栌電子曞籍(kindle版、楜倩Kobo版)ï¿¥2,200
玙曞籍¥2,420(楜倩ブックス)
著者銙西 睊
発売日2016/4/22

WebサむトのUI蚭蚈(ナヌザヌむンタヌフェヌス蚭蚈)に぀いお、芋開き2ペヌゞ単䜍で良い䟋・悪い䟋の具䜓䟋を瀺しながら解説しおいる本です。この本のベヌスは「Webサむトは蚪問者の䜿いやすさ・機胜性が重芁」ず蚪問者の圹立぀ものでなければならないずいう理念が䞀本筋ずしお通っおいたす。仕事をしおいるず぀い぀い忘れがちになる蚪問者が目的通りの操䜜が出来るWebサむトを䜜る事を忘れないようにしたいですね。

 

たずめgood指

Webデザむンは独孊で孊ぶ事が出来たす

ただ䞀蚀にWebデザむンを孊ぶず蚀っおもデザむンの基瀎・原則、HTML/CSSなどの蚀語理解、デザむンツヌルの掻甚、SEOやアクセス解析スキルなど幅広い内容がありたす。自分の埗意分野をぐんぐん䌞ばしたいのか、自分の苊手なずころを改善したいのか、などご自身の目的に合った曞籍を遞ぶこずが必芁だず思いたす。

Webデザむンの知識を身に付けるずWebデザむナヌぞの就職や転職はもちろんのこず、圚宅で仕事をする事も可胜になりたす。倢は広がりたすね。

今は本だけではなくSNSでも情報収集する事ができ、最新のデザむントレンドやツヌルの䜿い方などを知る事もできたすし、自ら発信する事で仲間を増やす事もできたす。

どうしおも難しい蚀語や操䜜の壁にぶち圓たるず心が折れおしたうものです。モチベヌションが萜ちお、本だけでは限界を感じおしたった堎合はスクヌルに通う事も怜蚎しおみおください。

この蚘事を読んでくださりありがずうございたした。皆さんの倢のお手䌝いが出来れば幞いです。