もと芸者でいまでも粋なお蔦さんはご近所の人気者だ。滝本望はそんな祖母と神楽坂でふたり暮らしをしている。三学期がはじまって間もないある日、同じ中学に通うサッカー部の彰彦とその後輩・有斗、幼なじみの洋平が滝本家を訪れていた。望手製の夕飯をお腹いっぱい食べ、サッカー談義に花を咲かせた、にぎやかな夜。しかし望と彰彦が有斗を自宅に送り届けた直後、有斗が血相を変えて飛び出してきた「部屋が血だらけで！家ん中に、誰もいないんだ！」消えた有斗の家族の行方、そして家族が抱える秘密とはー。

行方不明になった姉。真偽の境界線から、逃れられない妹ーー。あなたの「価値観」を激しく揺さぶる、究極の謎。私だけが、間違っているの？　13年前に起こった姉の失踪事件。大学生になった今でも、妹の心には「違和感」が残り続けていた。押さえつけても亀裂から溢れ出てくる記憶。そして、訊ねられない問いーー戻ってきてくれて、とてもうれしい。だけどーーねえ、お姉ちゃん。あなたは本当に、本物の、万佑子ちゃんですか？　待望の長編、刊行！

ある冬、オオカミは食べ物をさがしてきこりの家に忍びこんだものの、熱いスープをかけられて、頭を大やけどして逃げていきました。1年後、きこりが森で木を切っていると頭のはげたオオカミが群れをつれてやってきました。きこりは木に登って逃げますが、オオカミは1ぴきずつ肩の上に乗って、迫ってきます。そこで、きこりは……。フランスの昔話を堀内誠一がダイナミックに描きます。

11刷突破のベストセラーが最新情報にアップデート！

これからはじめる人、一気に学びたい人へ

一生使えるWebデザインのテクニック集！

絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン

今日から使える！ 配色の基本と、実例デザインの配色見本集

ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方

フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで

この一冊でWebデザイナーに必須の基礎知識が網羅できる！

＜本書の対象読者＞

●これからWebデザインを学びたい初心者の方

●Webサイト制作に自信が持てない方

●1冊でWebデザイナーの基礎知識を網羅して学びたい方

CONTENTS

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Chapter 01 Webデザインの基本

Chapter 02 レイアウト

Chapter 03 配色

Chapter 04 写真と図版

Chapter 05 タイポグラフィ

Chapter 06 HTML5とCSS3

Chapter 07 インタラクション

Chapter 08 運用とマーケティング

Webデザイナーとしてやっていくのに必要なすべてを網羅！

Webデザイナーを目指すなら、HTML／CSSの知識とスキルは不可欠です。でも、それだけではありません！ デザインするだけで仕事になるのは、Webデザイナーの中でもほんのひと握り。「Webサイトを作りたいんだけど……」とクライアントに言われて引き受けた案件を無事に納品するには、Webページをデザインする以外にもたくさんの仕事があります。

それを、仕事をしながらひとつずつ調べていくのは負担でしかありません。だから、仕事のすべてを先に学んでおきませんか？ 勉強するのがHTML／CSSだけでは足りません。Webデザイナーで食っていきたいなら、そのすべて学んでおきましょう！

本書で学ぶのは、案件を引き受けた直後から、納品できる状態のWebサイトを構築するまで。最も最初の段階は、クライアントにヒアリングして要件を定義するところからです。クライアントが作りたいのはコーポレートサイトなのか、ランディングページなのか、オウンドメディアなのか、あるいは別のWebサイトか？正しくクライアントの意図を聞き出して要件を定義するのに、適切な方法を紹介します。

最も重要なのがプロトタイピング。ここでは業界標準のツールである「Figma」の使いこなしが必要です。要件に基づき、クライアントの要望を取り入れながら、Webサイト全体の構成を固めながら、個々のページの動作や遷移を決めていきます。

プロトタイプがきちんと作れれば、HTML／CSSで実装します。デザインの基本は重要ですが、独創性のあるデザインが求められているわけではありません。クライアントが要望するWebサイトやWebページを作るのが重要です。そのために必要な知識と、要望を形にするための最短距離を指南します。仕事ですから、時間は重要。最速で正解に到達するための手法を紹介します。

多くの案件では、デザインして終わりでは済みません。Webサイトとして公開するまでがお仕事です。ただ、Webデザイナーがインフラにもくわしくなれというのは困難です。そこで、WordPressでのサイト構築を武器にしましょう。これなら、専任の管理者がいないクライアントでも運用が可能です。

本書では単なる仕事の紹介ではなく、仕事の進め方だけでもなく、実際に仕事を進めていくうえでの技術的な知識とスキルも身に付けられるよう構成しました。「Figma」「WordPress」といった無料で使えるツールだけでなく、「Illustrator」「Photoshop」にも精通できるよう、また「PHP」「jQuery」など、いずれ知っておくと武器になるWebプログラミングも簡単に紹介しています。

プロのWebデザイナーを目指す人なら、ぜひ本書でその第一歩を踏み出してみませんか。