フォントと文字の基本と応用が学べるデザイン教本。
知識ゼロからWebサイト制作を学ぶなら、この1冊ではじめよう。HTML/CSSの基本をやさしく解説。4つのサイトをつくりながら楽しく学べる。重要パートは動画による解説つき。
心理学を商品開発にどう生かすかを具体的に紹介しながら、デザインのヒントを紹介する。デザインの初心者だけでなく、中・上級者にも「デザイン心理学」の理解に興味を持ち続けてもらえるよう、オムニバス的な形式を採用した。
特集:ブランディングデザインの成功法
現代はIT技術の進化や拡大により、企業を取り巻く環境が激変している。
デザインに求められる要素も多様化し、従来のポスターやロゴデザインなどのグラフィック要素や視覚的コミュニケーションだけに留まらず、問題点を抽出し、新しい価値を見出すこと、あらゆる手法や思考を働かせてデザインの力で解決することで、ブランドストーリーをしっかりと組み立てるなど、企業や商品などのブランド構築までが求められている。
今回の特集では、第一線で活躍するアートディレクターの仕事の事例から、ブランディングの考え方とプロセスをデザインの本質から解き明かす。
デザイナーを目指す人はもちろん、現在、携わっているアートディレクターやデザイナーにとっても、思考の切り口や向かうべき目標などのヒントが満載。
■目次抜粋
特集:ブランディングデザインの成功法
HAKUHODO DESIGN 永井一史
good design company 水野 学
goen° 森本千絵
EIGHT BRANDING DESIGN 西澤明洋
WHITE PAPERS 菅野慶太
NOSIGNER 太刀川英輔
dentsu 今井祐介
わかりやすいブランディングデザイン講座
原ゼミ 卒展までの道のり
武蔵野美術大学 基礎デザイン学科 原ゼミ
連載:佐藤可士和の視点とデザイン
物事の本質を見極め、クリエイティビティを発揮する
村井 純(計算機科学者) × 佐藤可士和
Creator’s Value Special Edition
デザイナー 4 人の仕事
ほか
***************************************
特集:ブランディングデザインの成功法
HAKUHODO DESIGN 永井一史
good design company 水野 学
goen° 森本千絵
EIGHT BRANDING DESIGN 西澤明洋
WHITE PAPERS 菅野慶太
NOSIGNER 太刀川英輔
dentsu 今井祐介
わかりやすいブランディングデザイン講座
原ゼミ 卒展までの道のり
武蔵野美術大学 基礎デザイン学科 原ゼミ
連載:佐藤可士和の視点とデザイン
物事の本質を見極め、クリエイティビティを発揮する
村井 純(計算機科学者) × 佐藤可士和
Creator’s Value Special Edition
デザイナー 4 人の仕事
ほか
『ツイステ』のデザイン、その独創性あふれる設計図(スケッチブック)
『ディズニー ツイステッドワンダーランド』のシーズンイベントで生み出された衣装や小物の設定画を800点以上収録したアーカイブブック第2弾! 緻密な三面図によって具現化されるファッションの数々、その独創的なモードの世界に監督生の皆様をご案内いたします。本書には、8つのイベントに登場した衣装の設定画をはじめ、初公開となる一部衣装の草案やムービーの絵コンテ、ゲストキャラクターの設定画等も掲載。さらに登場カードのスキルデータも網羅した、イベント情報満載の一冊です。
〈収録イベント〉
●バルガスCAMP! 〜スプリング・ハプニング〜
●バルガスCAMP! 〜ハプニング・リターンズ〜
●熱砂の国のアリアーブ・ナーリヤ
●豊作村のケルッカロト
●ポートフェスト 〜潮風のブラスビート〜
●グロリアス・マスカレード 〜紅蓮の花と救いの鐘〜
●夕焼けの草原のタマーシュナ・ムイナ
●ステージ・イン・プレイフルランド 〜踊る人形と幻の遊園地〜
【2019-2024年、5年連続、売上第1位!※】
【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】←入門講座
【全国の書店員がオススメする本(2021年度 CPU大賞)第1位!】←実践講座
読者の圧倒的な支持!シリーズ40万部突破の大ヒット!
Webサイト制作の決定版が最新情報をたくさん盛り込んで大リニューアル!※※
※日販売上げランキング: HTML関連書籍
※※入門講座[第2版]
基礎から実践までを網羅する
シリーズ2冊をセットにしました。
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
■セット内容
●1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
Webサイト制作の決定版がリニューアル!
今のWebサイトの作り方が一気に学べる!
モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど
最新の情報や5年間の間に更新された情報を多数追加!
5年連続売上第1位、シリーズ累計40万部
・知識ゼロから体系的に学べる!HTMLとCSSの基本
・絶対に覚えておきたい技術! モバイルファースト、レスポンシブ、Flexbox、アニメーション
・手を動かしながら学べる!プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!
WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!
コードもデザインも全部学べる!
★本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人
・手を動かし、作りながら学びたい人
サンプルデータはWebサイトよりダウンロードできます。
●「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」
ほんの一手間で劇的に変わる!
一歩進んだWebサイト制作の知識が一気に学べる!
・5つのサイトから学べる!今のWebサイトを作る最新の技術群
・自由な表現ができる!手描き、斜め、グラデーション、あらゆる装飾の作り方
・今日から使える!表とグラフ、アニメーションなど、JavaScriptライブラリ
・動画、カスタム変数、Emmet、Sass、問題解決の知識まで
WebクリエイターボックスのManaが教える
Webサイト制作の実践&旬のスキル。
思い描いているものを形にできる魔法の1行が必ず見つかる!
コードも、デザインも、時短術も、全部学べる!
★本書の対象読者
・HTMLとCSSの基礎学習までを終えた人
・Webサイト制作のワンランク上のスキルを学びたい人
・自由な装飾表現を用いてWebデザインを作りたい人
・アニメーションなど動きがあるサイトを作りたい人
・練習問題やお題に挑戦し、成果を皆と共有したい人
・効率よくコードを記述できる方法を知りたい人
・独学で困った際などの問題解決法を学びたい人
アニメーター・石川佳代子による初の作品集
『アイカツ!シリーズ』、『さらざんまい』、『LUPIN the Third 〜峰不二子という女〜』、『全修。』や『ユーリ!!! on ICE』をはじめとしたMAPPA作品など、数々のアニメに携わるアニメーター・石川佳代子の初作品集。自身が手掛けたキャラクター・プロップデザイン設定、イメージボード、ED映像アイデアスケッチ、絵コンテ、レイアウト原画、作画修正、版権イラストなどを一挙掲載し、多彩な表現の数々を集約した一冊です。500点を超える図版のほか、描き下ろしイラスト、インタビュー、自身による解説コメントも掲載。独創的なデザインが光る多様な作品群を一望できます。
【収録作品】
『アイカツ!シリーズ』/『さらざんまい』/『LUPIN the Third 〜峰不二子という女〜』
MAPPA WORKS:『全修。』/『ユーリ!!! on ICE』/『ゾンビランドサガ リベンジ』/『うちタマ?! 〜うちのタマ知りませんか?〜』/『体操ザムライ』/『RE-MAIN』/『チェンソーマン』/『ぶっちぎり?!』/『ダンス・ダンス・ダンスール』
ほかオリジナルイラストによるパーソナルワークを収録
第1幕 アイカツ!シリーズ
第2幕 さらざんまい
第3幕 LUPIN the Third 〜峰不二子という女〜
第4幕 MAPPA WORKS
全修。
ユーリ!!! on ICE
ゾンビランドサガ リベンジ
うちタマ?! 〜うちのタマ知りませんか?〜
体操ザムライ
RE-MAIN
チェンソーマン
ぶっちぎり?!
ダンス・ダンス・ダンスール
第5幕 PERSONAL WORKS
<b>
確実に伝わり、
確実に美しい。
</b>
<b>
すべてのビジネスパーソンに読んでもらいたいNo.1の教本
</b>
◆仕事で必要になる資料作成において、多くの人がPowerPointを使っています。自分が作る資料に<b>情報を正確に、魅力的に伝えるためのデザイン</b>が重要であると頭ではわかっているにもかかわらず、センスがないからとか、はたまたPowerPointでは美しい資料は作れないからなどと、諦めてしまっていませんか?
◆本書はこうした思い込みを解消しつつ、資料作成における2つの難関である<b>「デザイン」と「PowerPointスキル」</b>を同時に学習し、その本質的な知識を身につけることができる決定版です。
◆外資系IT企業で資料作成に携わり、専門部署を立ち上げるまでに至った<b>著者の資料作成ノウハウを1冊に凝縮</b>。単なるPowerPointの機能説明ではなく、伝えたい情報を相手に確実に理解してもらうための資料デザインテクニックを全公開します。
【こんな人におすすめ】
・PowerPointを使って、日々大量の資料を作成しなければならない方
・せっかく作成した資料が、伝わらない、美しくない、と悩んでいる方
・自分には資料をデザインするセンスがないと、あきらめている方
・作りたい資料を実現するための、PowerPointの使い方がわからない方
★★★★★★★★★★★★★★★★★★★★★★★★★★★★
<b>本書紹介のテクニックを詰め込んだ特典テンプレートつき</b>
1.スライドマスターの設定がぜんぶ入ってます
2.通常スライドのデザインがぜんぶ入ってます
3.表による段組みデザインがぜんぶ入ってます
4.リボンチャート、円チャート、コンバインがぜんぶ入ってます
★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本書は、資料を作成するシーンの「あるある」なお悩みや目的別に、見やすい資料を作るためのデザイン作例とノウハウを紹介しているデザイン図鑑です。誌面では、作例をビフォー・アフターで掲載しながら、見づらい例/見やすい例のポイントを解説。誰でもマネしやすくなっています。資料作成を効率化するパワポテクニックや配色早見表など、便利な内容も盛りだくさん!◆DL特典◆作例パワポデータ/配色早見表パワポデータ/ショートカットキーチートシート(PDF) ※作例パワポデータには写真やイラストなどは含まれておりません
デザインの現場で、こんなモヤモヤを感じたことはありませんか?
・修正が何度も続いて、終わりが見えない
・要望があいまいで、なにが正解かわからない
・クライアントの本音がなかなか引き出せない
その原因、もしかすると「ヒアリングのやり方」にあるかもしれません。
●「ヒアリングは答えを聞き出すのではなく、導いていく」
ヒアリングにおいて、本当に大切なのは、無理やり答えを引き出すことではありません。会話の中で少しずつ考えを深めてもらい、「そうか、こういうことだったんだ」と自然に気づいてもらえるような寄り添う姿勢が、納得感のあるデザインにつながっていきます。
本書は、著者の25年以上にわたる経験をもとに、デザインの成果を左右する「ヒアリング」にフォーカスした、これまでにない実践的な一冊です。
「探る→擦り合わせる→明確にする」の3ステップを徹底解説し、誰でもすぐに実践できる内容になっています。
さらに、「会社員→上司」「フリーランス」「チーム内」など、立場別のヒアリング術も網羅しました。
●クライアントの本音を引き出し、理想のアウトプットへ導く
クライアントの本音を引き出し、理想のアウトプットへ導くための「ヒアリング術」を詰め込んだ、悩めるデザイナー必読の新しい「デザインの教科書」です!
Chapter 0 序章
Chapter 1 ヒアリングはなぜ大切?
Chapter 2 ヒアリングの基本
Chapter 3 姉さん流ヒアリングの実践
Chapter 4 働き方・役割別のヒアリング術
Chapter 5 デザイン別ヒアリングの実践
Chapter 6 ヒアリングクエスト
現場の当事者が主体者に変わるためのプロセスモデルを全解説
変化の激しい時代において「デザイン」は、専門家だけで進めるものではなくなってきています。著者は、長年にわたりデザイナーとして参画した地場産業や地域振興など「小さな現場」の仕事で、より本質的で力強い成果につなげようと模索する中から、このことを実感してきました。
「小さな現場」でデザインが求められるのは、変化が求められるときです。それには従来の、専門家による「カタチのデザイン」と、カタチの軸となる「価値のデザイン」だけでは不十分だと著者は考えました。個人事業主や地域コミュニティのメンバーなど、すべての現場の担い手がデザインを専門家任せにせず、共に参加し「自分ごと」にできれば、状況は大きく変わるのではないでしょうか。現場の当事者がデザインの「主体者」となることでデザインが活き、現場が活き、その総体として企業や地域に持続的な活気が生まれます。
本書は、すべての「小さな現場」に向けて、当事者の内にある「動機」を引き出す「動機のデザイン」について、ステップごとに詳しく紹介し、それぞれの現場で活かしてもらうことを目指します。
はじめに
第1章 なぜ「動機のデザイン」なのか
小さな現場での仕事から/「専門家としてのデザイナー」の功罪/デザインの現場は、共創の中にある/人の動き方が変わると、状況が変わる
エピソード01 観光・まちづくりの取り組み
第2章 3つめのデザイン「動機」 -カタチと価値を支えるデザイン
デザイン全体の見取リ図 -デザインの本当の力を活用してもらうために/デザインという取リ組みの全体像 -3つのデザイン/「動機のデザイン」とは?
エピソード02 地域密着型の書店としての魅力づくり
第3章 5ステップで進める動機のデザイン -実践のポイント
プロセスから見る動機のデザイン/ステップ1 内外を観察する/ステップ2 現場を共有し、課題を設定する/ステップ3 仮説を立てる/ステップ4 自作して試してみる/ステップ5 結果を点検し、次へつなげる/1周を完走した当事者が、「主体者」となって次のサイクルへ踏み出す
実践事例 老舗和菓子店の取り組み
第4章 動機のデザインのリアリティ -動き続ける現場から
実際はささやかなことの積み重ね/現実の仕事の中で進める難しさ/実践の場でのデザイナーの役割/進めていく中で気にかけていること/そして変化を起こせるように
第5章 「動機のデザイン」の先にあるもの -デザインプロセスに表れる志向性
「動機のデザイン」のわかりづらさ/「動機のデザイン」を言葉にして/「動機のデザイン」は工学ではない/専門デザイナーと「実質デザイナー」/当事者の動きを誘発するデザイン/主体者が増えれば、クリエイティブ総量が増える/動機のデザインと学びの場
あとがき
特集:最強のロゴデザイン
トップアートディレクターのロゴへのこだわりと表現を研ぎ澄まされた仕事から徹底解説。
企業・団体・商品・店舗・自治体においてブランディングデザインが盛んに導入され、そのブランディングデザインにおいてなくてはならない要素のひとつが「ロゴ」です。既存の「ロゴ」を刷新したり、新たなブランドの「ロゴ」を制作したり。このような作業がブランディングデザインの現場では頻繁に行われており、その仕事数が近年急激に増えています。「ロゴ」制作において文字で表現するもの、企業・団体・商品・店舗・自治体などを想起させる何かの形をデザインするもの、ロゴとマークを組み合わせるという3つの制作アプローチがあります。特集では、それぞれの手法を巧みに使いこなし最適な「ロゴ」をデザインするトップアートディレクター、デザイナーを厳選し、彼らの最新の仕事から卓越したロゴへのこだわり、思考、作り方を徹底取材し解説する。
登場アートディレクター・デザイナー
佐藤可士和(SAMURAI)、水野学(good design comany)、新村則人(garden)、田中良治(Semitransparent Design)、内田喜基(cosmos)、増田豊(SUN-AD)、minna、佐藤浩二(コージィデザイン)、池澤 樹(STUDEO)、久能真理、永井弘人(アトオシ)、DRAFT inc.
クライアントからの依頼時には「ターゲット」と「コンセプト」が提示されます。ターゲットや商品サービスのコンセプトは具体的でも、それを伝えるビジュアルに落とし込むには「イメージキーワード」が重要になります。そして提案デザインのバリエーションを広げるには、キーワードの深掘りだけでなく広がりも大切。クライアントとデザイナー/クライアントとクライアントのお客様のコミュニケーションを成立させるには、ことばをビジュアルに落とし込む作業は必須なのです。
本書は、デザイン発注時に頻出する、イメージが無限に広がる定番のことばをビジュアル化するのに役立つデザイン知識(ことばのアイデアツリーと配色、フォント選び)とデザイン見本(具体的なデザインパターン)を提供します。42のメイン頻出キーワードと182のサブキーワードを掛け合わせた“イメージキーワード辞典”として、デザインの“今すぐひらめきたい”に応えます。
Introduction
言葉からデザインをひき出すためのヒント
イメージを広げるアイデアツリーの使い方、教えます
PART 1 “らしさ”を訴求するデザインのひらめき IDENTITY
PART 2 高級感を伝えるデザインのひらめき EXPENSIVE
PART 3 親しみ感のあるデザインのひらめき FRIENDLY
PART 4 エコなデザインのひらめき SUSTAINABILITY
PART 5 感情を表現するデザインのひらめき EMOTIONAL
PART 6 時代感が伝わるデザインのひらめき GENERATION
コラム「Design基本ルール」
温度を感じる色、重さを感じる色
フォントファミリーとは
レイアウトスペースについて
グリッドレイアウトを活用する
シンメトリーレイアウトのポイント
カラートーンを意識する
カラー比率を意識する、3色以上を使う場合の比率
欧文フォントについて
文字の表現方法
膨張色と収縮色、進出色と後退色
逆三角形のレイアウト、ジャンプ率を高める
補色と反対色
余白による強調効果
人工的な配色にするには
二分割構図、トンネル構図
AIはデザインの「作り方」を大きく変えました。しかし、その変化を現場に取り込んで、業務効率化まで実現している人は多くありません。
本書では、AIと協働する新しいデザインワークフローを解説。試作・検証・実装を素早く回すための具体的な進め方を、豊富なケーススタディとともに紹介します。
明日から実務で使える「AI時代の作り方」が身につく一冊です。
・AIと協働する場こそ、デザイナーの判断力が活きる
・AI活用のハードルは高くない!小さく試せる手法を紹介
・実務に基づいたケーススタディが多数登場!現場でのリアルが分かる
★目次
PART1 心構え
CHAPTER1 ワークフローは変わる。だからこそ、デザイナーが必要だ
CHAPTER2 AIへの情報の伝え方
CHAPTER3 デザイナーがAI時代に発揮する4つの力
PART2 実践
CHAPTER4 探索と構築
CHAPTER5 デザイン×コード生成ループ
CHAPTER6 ビジュアルデザインとブランド表現
CHAPTER7 検証と品質保証
CHAPTER8 チームとプロジェクト
PART3 CASE STUDY
CASE#0 Coworkで「朝の確認」を自動化する
CASE#1 打ち合わせから3日以内にStitchで2案を届ける
CASE#2 合意した方向を、DESIGN.mdとClaude Codeで実装する
CASE#3 コンポーネントのバリエーション展開を自動化する
CASE#4 5つの代表画面から100画面へーFigma MCPを使ったAIコード生成の実践
CASE#5 誰も触れないFigmaコンポーネントをAIで棚卸しする
PART1 心構え
CHAPTER1 ワークフローは変わる。だからこそ、デザイナーが必要だ
CHAPTER2 AIへの情報の伝え方
CHAPTER3 デザイナーがAI時代に発揮する4つの力
PART2 実践
CHAPTER4 探索と構築
CHAPTER5 デザイン×コード生成ループ
CHAPTER6 ビジュアルデザインとブランド表現
CHAPTER7 検証と品質保証
CHAPTER8 チームとプロジェクト
PART3 CASE STUDY
CASE#0 Coworkで「朝の確認」を自動化する
CASE#1 打ち合わせから3日以内にStitchで2案を届ける
CASE#2 合意した方向を、DESIGN.mdとClaude Codeで実装する
CASE#3 コンポーネントのバリエーション展開を自動化する
CASE#4 5つの代表画面から100画面へーFigma MCPを使ったAIコード生成の実践
CASE#5 誰も触れないFigmaコンポーネントをAIで棚卸しする
今よく使われていたり、よく見る表現を集め、「っぽく」なるデザインのポイントを集めました。見るだけで楽しい作例から活用できるポイントを探して、デザイン制作に活かそう。日常の中にある「っぽさ」に目を凝らして分析することで、デザインの練習にもつながります。
駆け出しデザイナーに必要な「デザイン知識」と
「デザイナーマインド」がまるごとわかる
どうしたらプロっぽいデザインになる?
デザインセンスってどうやって高める?
またデザインにダメ出しをされてしまった……。
悩めるデザイン初心者のために
情報発信をし続けて人気を集める
プロデザイナーがアドバイス。
もっと早く知っておきたかった
デザインテクニックと知識、
考え方について本音でお教えします。
◆プロなら知ってる!デザインの基本と考え方
デザインの基本となる法則や方法論、
デザイナーやデザインに関する知識、
デザイナーとしての思考、振る舞い方。
クライアントやブレーンとの
コミュニケーションのコツなど、
初心者から中級者までデザインに携わる人への
アドバイスとヒントを紹介。
◆こんな人におすすめ
□デザイン勉強中で自分のデザインに
自信が持てずもやもやしている人
□デザイナーになったはいいものの
どうもうまくデザインすることができない
新人・若手のデザイナー。
□今は未経験だけどデザイナーになりたい人
□独学でデザイナーになろうと思っている人
□副業としてデザインをやってみたい人
* * * * *
一生懸命デザインを頑張っている
あなたがもっとデザインを楽しめるように。
デザイナーとして自分らしく
働けるように、応援する一冊です。
* * * * *
【著者プロフィール】
株式会社ぱちぱち 代表取締役/1977年生まれ、札幌市出身。
札幌市立高等専門学校卒。広告代理店に勤務後、制作会社数社を
経験し広告デザインに従事し、アートディレクター・
デザイナーとして、デザインの現場で20数年活動。
2019年 YouTubeチャンネル「428:ぱちぱちデザインChannel」を開設。
グラフィックを中心にデザインに関する情報を発信し続け、
動画投稿数は約200本、総再生数約60万回、チャンネル登録者は
1.14万人(2021年11月現在)。デザイン力を磨く
オンラインコミュニティの運営や個別レッスンなどの活動も行っている。
1970〜80年代にサンリオが生み出したキャラクターとその商品を一挙紹介!また、サンリオの機関誌「いちご新聞」の当時の誌面や、サンリオ出版の書籍、映画などこれまであまり紹介されることがなかった貴重な作品まで、図版約2500点で振り返ります。
【1章】サンリオのキャラクター
◎1975年〜1989年までの商品とキャラクター紹介
ピックアップキャラクター〈パティ&ジミー、ハローキティ、リトルツインスターズ、マイメロディ、タキシードサム、ゴロピカドン 、ザ ボードビルデュオ、マロンクリーム、ぽこぽん日記、みんなのたあ坊、けろけろけろっぴ…他〉
◎70&80年代 サンリオ商品の広告
【2章】サンリオの本と映画
◎雑誌・書籍
「ヤマナシ・ミニブック・シリーズ」「ギフトブック・シリーズ」「サンリオSF文庫」「詩とメルヘン」「いちごえほん」「リリカ」「しかけ絵本」…他
◎映画
「ちいさなジャンボ」「チリンの鈴」「くるみ割り人形」「ユニコ」…他
【3章】サンリオと出会う場所 〜店、コミュニケーションパーク〜
◎サンリオのお店
「ギフトゲート 」「サンリオショップ」「サンドイッチスタジオ」「いちごのお家 」…他
◎コミュニケーションパーク
「サンリオピューロランド」
◎お店でもらうオマケ
「プレミアム」
【4章】いちご新聞
◎バックナンバー誌面紹介
◎70&80年代表紙一覧
【コラム】1「サンリオのレコード」 2「サンリオのライセンス商品」 3「サンリオのグリーティングカード」 4「サンリオのアニメーション」
【付録】’70s&’80s サンリオ年表
HTML&CSSの基本を学んだだけでは、
Webサイトは作れません!
就活、転職、副業、開業など、仕事としてのWebデザインが人気を集めています。Webデザイナーを目指す人が最初に学ぶのはHTML&CSSですが、コーディングの基本を学んだだけでは、Webサイトを制作する力は身につきません。納品レベルのWebサイトを1から作るためには、HTML&CSSに関する実践的な知識と、経験の積み重ねが必要になるからです。本書は、HTML&CSSの最初の学習を完了し、Webサイト制作を仕事にするレベルへと進みたい人のために、
実案件をもとに作成した練習サイトを使って制作方法をマスターし、
現場レベルのコーディング・スキルを身につけることのできる書籍
です。本来であれば制作会社に入って経験を積み上げることでしか身につけられない実制作のスキルを、独学で習得できます。オンラインでコーディング学習教材を提供するCodejump主催の小豆沢健が、多くの学習者をサポートしてきた制作ノウハウを提供。以下の3つのポイントに沿って練習サイトの制作を繰り返し学習することで、コーディング・スキルを高め、「Webサイト制作を仕事にする」ための実力が身につきます。
ポイント1実案件をもとに作成した練習サイト
実案件をもとに作成した練習サイトを、入門編から実践編まで計6種類用意しています。
ポイント2レイアウト構成をしっかり確認
これから作成する練習サイトのレイアウト構成を、しっかり予習してから学習を始められます。
ポイント3実務で定番の技術をピックアップ
実案件のWebサイト制作でよく使用する定番の技術をピックアップし、練習サイトに盛り込んでいます。
本書掲載の練習サイトは、ソースコード(.html、.css、.js)はもちろんのこと、123RF(jp.123rf.com)提供によるすべての画像をダウンロードできるので、本書購入後、今すぐ学習を始められます。Webサイト制作の実務を想定した、画期的なコーディング実践本の登場です!
●本書で学べる内容
フレックスボックス/ポジション/グリッドレイアウト/CSSアニメーション/JavaScript(jQuery)/ドロップダウンメニュー/ハンバーガーメニュー/アコーディオン/モーダルウィンドウ/パララックス/スライダー/シングルカラム/2カラム/タイル型/ブロークングリッド/LP(ランディングページ)