CSS Nite LP48「ライティング特集」

CSS Nite @cssnite

森田哲「今日の本当の題名は『「看板」から学ぶ「見出し」の基本設計とは!?』です。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「見出しは超重要です。 見出し＝本文を読んでもらうためのもの キャッチ＝施策や商品の魅力をつたえるもの。 今回はこのように見出しとキャッチを分けて話を進めます。」 #cssnite

chiyo @chiyo045

CSS Niteでライティングのお勉強。Rockaku森田氏の見出しのお話。 #cssnite pic.twitter.com/UzOd3QnIRu

拡大

CSS Nite @cssnite

森田哲「『紙媒体』と『Web』との違いとは？ 書籍や雑誌、カタログ、チラシ、パンフレットはクローズドな世界。 Webは広告やブラウザ、ブックマークからのアクセスなど、膨大であっちこっちにいって散漫な情報量。街をフラフラ歩いていて目に入る世界」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「つまり、見出しは看板であり、看板はナビゲーションである、ということ。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「ユーザーの視線は、最上部を起点にわかりやすい箇所（見出しや画像）を飛び跳ねるように遷移し、自分に関係あるか・役に立つかを判断して本文に飛び込む。 『何が書かれているのか？』と『自分に関係あるか？』で見極められる。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「見出し≠読み出し。 見出しは Read より View に応える視覚的・直感的な表現を意識する必要がある。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「見出しを作るワークショップを行うと、ほとんどの人がいきなり書き始めてしまう。大事なことは『書く前に置く』ということ。 見出しを作るときには、１．リスト化　２．ピックアップ　３．配置　４．連結　の順で作る。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「まずはリスト化。考える前に、考えなくてもわかっていることをリストアプする。サービス名や商品名、日時、場所、価格、アクセス、特典など。 「ラーメン」が食べたい人を「ラーメン屋」に呼ぶためには看板に「ラーメン」と掲げる必要がある。」 #cssnite #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

"ん？また築地か？"ww #cssnite

CSS Nite @cssnite

森田哲「次にピックアップ。具体的なキーワードの中から引きになる言葉を探す。 『５０％オフ』、『会員限定』、『期間限定』、『100万人が愛用』、得ができる、ここしかない、今だけ、など。 KIOSK の商品のキャッチは目に入りやすく参考になる。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「次に配置。例えば新聞の”ラテ欄”は文章としては整っていないこともあるが、読んでいる人の気を引くためのキーワードをうまく配置している。」 #cssnite #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

火サスの予告編を使っての説明 #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

"直感で文章化しない、習慣を文章化しない" #cssnite

CSS Nite @cssnite

森田哲「言葉を書くという作業は、置く作業である。書く前にいかに準備を整えられるかが勝負。１０〜２０文字程度、２文節程度でまとめる。コピーとしての美しさよりも、情報が入っているかが大事。」 #cssnite #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

"今日は「チラリズム」が通じる世代が多いですね" #cssnite

CSS Nite @cssnite

森田哲「見出しの公式。見出し≠読み出しなら、見出しとは？ 見出しとは"ちらりズム"である。」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「現役コピーライターが教える「見出し」の設計方法とは？ この "とは？" が気になって「答え」を求めて本文を読みに行く。」 #cssnite #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

LINEニュースとかアメブロの見出しもおもしろいですよね #cssnite

waka @wakawaka67

スライドのイラストがおしゃれだなあ。 #cssnite

CSS Nite @cssnite

森田哲「「Read」の前に「View」がある！ 「プロセス」を求めて本文へ行く。結論だけを見せるパターン。」 #cssnite

izuizu@🍓*⋆✈︎山本和泉 @izuizu

"リアルに描くけど時計がドローン"www #cssnite

CSS Nite @cssnite

森田哲「見出しとは読み出しではなく、ちらりズム。そそる "見せ方" をする。」 #cssnite

CSS Nite @cssnite

森田哲「では、インパクトってなんだろう？ テキストやコピーにおける「インパクトのある表現」とか、「印象に残る表現」とは？」 #cssnite #cssnite

CSS Nite @cssnite

森田哲「ロートレアモン伯爵の表現で『解剖台の上でミシンとコウモリ傘の偶然の出会いのように美しい』という言葉があった。 ・・・なんのこっちゃ？ こう思いますよね。この、なんのこっちゃ？のサイズがキモです。」 #cssnite #cssnite