このごろ都にはやるもの、勧誘、貧乏、一目ぼれ。葵祭の帰り道、ふと渡されたビラ一枚。腹を空かせた新入生、文句に誘われノコノコと、出向いた先で見たものは、世にも華麗な女（鼻）でした。このごろ都にはやるもの、協定、合戦、片思い。祗園祭の宵山に、待ち構えるは、いざ「ホルモー」。「ホルモン」ではない、是れ「ホルモー」。戦いのときは訪れて、大路小路にときの声。恋に、戦に、チョンマゲに、若者たちは闊歩して、魑魅魍魎は跋扈する。京都の街に巻き起こる、疾風怒濤の狂乱絵巻。都大路に鳴り響く、伝説誕生のファンファーレ。前代未聞の娯楽大作、碁盤の目をした夢芝居。「鴨川ホルモー」ここにあり!!

黒髪の乙女にひそかに想いを寄せる先輩は、京都のいたるところで彼女の姿を追い求めた。二人を待ち受ける珍事件の数々、そして運命の大転回。山本周五郎賞受賞、本屋大賞2位、恋愛ファンタジーの大傑作！

京都の美大に通うぼくが一目惚れした女の子。高嶺の花に見えた彼女に意を決して声をかけ、交際にこぎつけた。気配り上手でさびしがりやな彼女には、ぼくが想像もできなかった大きな秘密が隠されていてー。「あなたの未来がわかるって言ったら、どうする？」奇跡の運命で結ばれた二人を描く、甘くせつない恋愛小説。彼女の秘密を知ったとき、きっと最初から読み返したくなる。

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デザイナーを目指す人なら、ぜひ本書でその第一歩を踏み出してみませんか。

自分の名前で生きていく。３坪の行商からミリオンセラー作家に登りつめた異色の著者が贈る、パーソナルブランディングのバイブル。