ワイヤーを見てから書く“逆ライティング術”  デザインから文章を生み出す、もう一歩先の実践法

こんにちは、中村海斗です

前回は、“なんか違う”と感じた時に使える「コメントの言葉」についてお話ししました。
今回は、少し視点を変えて「文章を“書く前に見る”」という話をしたいと思います。

ライターというと、まず言葉から考える印象が強いですが、
僕がディレクターとして現場で意識しているのは、“デザインから読み取る”ライティングです。

実は、文章って「ビジュアルの一部」なんですよね。
だから、文字を書く前にワイヤーを見るだけで、
“読みやすい導線”も“伝わりやすいトーン”も、自然に整っていきます。

「言葉の前に、構造を読む」

ワイヤーを見る時、最初に確認するのは情報の流れです。
デザインには、すでに「語順」が隠れています。

たとえば、トップのビジュアルが大きく、下にボタンがあるとき——
その順番自体が「感情→行動」という物語になっています。

文章を考えるときも、それに合わせて構成を整えると自然になります。

ビジュアルで“共感”させて、
見出しで“方向”を示して、
ボタンで“行動”を促す。

この流れに沿って書くだけで、
「この文章、デザインに合ってるね」と言われる確率が一気に上がります。


デザインを“読む”コツは、ワイヤーを「地図」として見ること。
ページの構造には必ず“ストーリーの起点”と“ゴール”があります。

  • 起点:どんな感情でユーザーがページに来たか
  • ゴール:どんな行動をしてほしいか

この2点を線で結ぶと、その間に置くべき言葉が見えてくるんです。


“逆ライティング”は、デザインを翻訳する作業

普通のライティングが“言葉で世界を作る”行為だとしたら、
逆ライティングは“デザインの世界を言葉で翻訳する”行為です。

デザインには、目には見えない物語があります。
配色、レイアウト、余白の取り方…それぞれに「意図」と「温度」がある。
UXライターの仕事は、それを“読み取り”“整えて”“言葉に置き換える”ことです。


たとえば、あるプロジェクトで僕が担当したのは、
“安心感を与える金融サービス”のUI文言でした。
最初に共有されたワイヤーは、とても端正で、
余白が多く、フォントも細め。

最初の印象は、「落ち着いた静けさ」。
この時点で、僕の中で“文章のスピード”が決まりました。
速く読ませるコピーではなく、
“呼吸を合わせるコピー”にしよう、と。

それだけで、

「もっと詳しく見る」ではなく「ゆっくり確認する」
という選択が自然に出てきます。

つまり、文章が先にあるのではなく、
デザインの“間”が言葉を呼び出すんです。


もう一つ、印象に残っている事例があります。
あるコスメブランドの特設ページ。
デザイナーが作ったワイヤーは、写真が画面の7割を占めていました。
それを見た瞬間、僕の頭の中に浮かんだのは「この写真が語っているなら、文章は“沈黙の補助線”でいい」。

だから、あえてコピーを短くして、

「肌に、透明な選択を。」
という6文字の短文にしました。

その一言でページ全体が呼吸を始めたんです。
言葉が“主張”しないことで、デザインが生きる。
それが、逆ライティングの面白さです。


ライティングの世界では、
「何を書くか」が重視されがちですが、
逆ライティングでは「どこに置くか」がすべて。

文字の位置・改行のタイミング・余白の広さが、
そのまま“語り口”になります。

言葉を置く前に、
「このページが、今どんなテンションで息をしているか」
を観察すること。

それが、逆ライティングの第一歩です。


「見た目」から“感情”を拾う

デザインには「感情」が宿っています。
フォントの太さ、色の明るさ、写真の構図、ボタンの角丸ひとつにも、
作り手の“どう感じてほしいか”が潜んでいる。

逆ライティングでは、その“感情の声”を拾い上げることが重要です。
まるで、音楽の伴奏を聞きながらメロディーを作るように。


僕はいつも、最初にワイヤーを開いたとき、
「このページは、どんな声で話しかけてくるか?」を想像します。

たとえば、淡いブルーとグレーを基調にしたUIなら、
静かで誠実なトーンの声が聞こえてくる気がします。
そのときの言葉は、自然と“やさしい命令形”になります。

「確認してください」ではなく、「ご確認くださいね」。

逆に、鮮やかな赤やオレンジを使ったデザインなら、
もっとリズミカルで勢いのある口調が合う。

「今すぐチェック!」
「気になる方はこちら」

つまり、色やレイアウトが“言葉の人格”を決めるんです。


そして、もう一歩踏み込むと、
「見た目の静けさ」と「言葉のテンポ」を合わせることが、
UXライティングでは非常に効果的です。

たとえば、白背景に余白が多いデザインでは、
語尾を伸ばす言葉を使うと、
画面全体が柔らかく感じられます。

「少しずつ進めていきましょう。」
「ゆっくり始めてみませんか?」

一方、情報量が多いページでは、
短いセンテンスをテンポよく重ねる方がリズムが合う。

「選ぶ。比べる。決める。それだけ。」

デザインが“聴覚的にどう感じるか”を意識するだけで、
言葉のリズムが自然に整います。


さらに、見た目から“感情”を拾う練習法もあります。
おすすめなのは、「説明しない練習」。

  1. ワイヤーや完成デザインを1枚だけ開く。
  2. そこに“感じたままの感情”を3語書き出す。
     (例:落ち着く/軽やか/やさしい)
  3. その3語に合うトーンの文章を考える。

これだけで、文章とデザインの調和が生まれます。


ある意味、UXライティングは翻訳でもあり、演奏でもあります。
デザイナーが書いた“楽譜”を、言葉という“音”で奏でる。

「どんな声で話すページなのか?」
「ユーザーにどんな気持ちで読んでほしいのか?」

それをデザインから読み取る力が、
ディレクターにとっても大きな武器になります。


つまり、“逆ライティング”とは、
ただ言葉を置く作業ではなく、
デザインに寄り添いながら感情を可視化する作業。

文章は、見た目と体験をつなぐ「透明な橋」。
その橋が美しいほど、ユーザーは迷わず、気持ちよく進める。

デザインは語り、言葉は呼吸する。
“逆ライティング”とは、そのリズムを見つける技術です。

前の記事 修正依頼の伝え方・怒られない言葉選び 現場がピリつかないコミュニケーション術
次の記事 忙しい日に限ってトラブルが起きる理由 ディレクターが“余白”を味方につけるための時間管理術

投稿者

中村 海斗
中村 海斗
デザイナーからUXライターへ転身。構成と表現のバランス感覚に優れ、デザインの意図を“言葉”として翻訳することを得意とする。デザインとライティングの橋渡し役として、UIテキストや構成設計、トーン&マナーの整備を支援している。