web-dev-qa-db-ja.com

ストーリーを簡単にフォローできるように質問/回答を視覚的にフォーマットする方法は?

私は科学の事実と子供のための物語についての小冊子をデザインしています。形式は、教師と生徒の間の質問と回答に基づいています。それはテキストベースです。いくつかの画像/グラフィックが使用されています。この小冊子は、科学についてもっと学びたい生徒と教師の間の実際の相互作用をエミュレートしようとしています。私の質問は、これらのすべての質問/回答を視覚的に簡単にストーリーに従ってフォーマットする方法ですか?

避けたいこと。

  • 話し言葉を引用符で囲みます。ブックレット全体が「ダイアログ」なので、すべての文/段落が引用されていると、見苦しく見えます。

  • A:Q:のようなインジケーターを使用します。これは質問と回答を区別するのに役立ちますが、教師または生徒のどちらであるかは誰が「話している」かを示すものではありません。

最初はコンテンツを色で分けることを考えていました。例えば。教師が「話す」と、フォントまたは背景は青色になります。学生は黄色になります。私の懸念は、a)印刷価格が高くなること、b)「色が濃すぎる」ことになることです。だから、今はよくわかりません。

19
OldCastle

教師ストーリーを簡単にフォローできるように質問/回答を視覚的にフォーマットする方法

学生:教師の接頭辞として「T」を使用し、学生の接頭辞として「S」を使用すると役立つと思います。最初に完全なWord( も参照 )を使用することもできます。役割が逆転する可能性がある場合、またはフローがすぐに不明瞭になる場合は、これを省略しないでください(これがあなたの創造的な意図でない限り)。通常のT/S/T/Sシーケンスが覆されている場合(この説明のように)、Word全体を繰り返すことを検討してください。

[〜#〜] t [〜#〜]正解ですが、質問と回答を区別するにはどうすればよいですか?

[〜#〜] s [〜#〜]:すべての質問が短く、おそらく最後に疑問符の場合、視覚的に中断されないフローは、箇条書きの点のリストではなく、流暢なスピーチとして読み取られます。

[〜#〜] t [〜#〜]それで十分ではないので、すべての質問が引用符。また、質問テキストはかなり長くなる可能性があり、他の回答と簡単に混同される可能性があることに注意してください。たとえばこれを見てください。

[〜#〜] s [〜#〜]:すぐに役立つbrowse特定のポイントを見つけるための質問ですが、それでも十分ではないと思われる場合は、italicのような微妙なフォーマットを使用して質問を示すことができます。あるいは、別の(ペアの)フォントで、normalのフォント(サイズやスタイル)と明確に区​​別できます。私は成熟した男ですが、本が幼い子供向けの場合は、教師用の深刻なフォントとコミックを使用できます学生用。たとえば、スタイルQAのシカゴマニュアルでは、質問は淡色表示で、灰色で印刷されています。私は特に好きではありません。あなたは答えを強調しますが、質問はしばしば答えと同じくらい重要です。 APAは、質問に太字を使用することを推奨していますが、視覚的に煩わしく、質問に過度に重点を置いています。

学生それについてどう思いますか?

[〜#〜] t [〜#〜]:質問が長すぎない場合、イタリックだけでも追加されないことを認めますノイズが多すぎます。このようにして、何か(もしあれば)のために色を保つこともできます。私が間違っていない場合、私はこのテクニックを見たと思います(boldを使用することもある)太字のイタリック)は、印刷された雑誌で非常に頻繁に使用されます。 italicでの回答とboldでの質問も見たと思いますが、それによりすべてが混乱します。イタリック体の長いテキストを読みたくないし、質問が検索可能なタイトルでない限り、共感したくありません。

先生念のため、斜体/太字のテキストの代わりに他のアイデアがありますか?それらが私が思い描いているグラフィカルなスタイルに合っているかどうかはわかりません。

[〜#〜] s [〜#〜]:回答は論理的に質問に関連しているので、斜体のテキストを削除してインデントを使用することもできます。また、両方を使用することもできます。タイポグラフィでは、制限は私たちの創造性にすぎません。


[〜#〜] t [〜#〜]:例を挙げていただけますか?

[〜#〜] s [〜#〜]:もちろん、それは私の喜びです!

[〜#〜] t [〜#〜]:うまくいくと思いますか?

[〜#〜] s [〜#〜]:はい!明確な空間的分離は、子供たちが経路をたどるのにも役立ちます。


上記の提案は従来の印刷物に適用され、電子および/またはインタラクティブコンテンツにはより多くのオプションがあり、印刷コスト(カラーと白黒、テキスト)のために単純にする必要がないことに注意してください。対画像/グラフィック)。タイポグラファーにも尋ねることをお勧めします。彼らの経験は非常に貴重です。

32
Adriano Repetti

私はあなたがどんな調子を取っているのかわかりませんが、私はチャットスタイルのUIを使用することを検討します。識別するために)右側に。このパターンは、2人(またはそれ以上)の人々の間の交換として広く認識されています。

iMessage conversation

質問を簡単にスキャンできるようにしたい場合は、以下の手法のいくつかを利用できます。

  • 質問がスタンドアロンメッセージであることを確認する
  • 各質問のキーワードを太字にします
  • ヘッダーを使用して会話をトピックに分割する
14
maxathousand

コンセプト1:脚本

脚本の対話 を持つ標準化された方法があります:

enter image description here

コンセプト2:タイムライン

非常に少ない色でシンプルにしたい場合は、ある種のタイムラインスタイルを使用できます。

enter image description here

5
icc97

OldCastleが質問をしていて、Jeff Zeitlinが答えようとしています。 OldCastleの質問は大きく太字で、Jeffの回答は通常のテキストです。

生徒の質問と教師の質問を区別するにはどうすればよいですか?

おそらく、答えは短い文ではなく説明になるため、質問をヘッダーとしてフォーマットし、説明の答えを通常のテキストのままにすることができます。 1つは質問として、もう1つは回答として呼び出す必要はありません。

これは、私が確立したいパラダイムを壊しますか?それは、生徒と教師の間の対話であるということですか?

私はそうは思いません。導入部でいつでも規則を説明できます。各質問はおそらく新しいトピックであるため、各質問が本の新しいセクションを開始することは不合理ではありません。

トピックごとに1つの質問になるのでしょうか。

確かにそれを答えられるのは作者のあなただけです。しかし、最初はそれを想定するのは理にかなっているようです。

しかし、そうでない場合はどうなりますか?

その場合、同じトピックに関する後続の質問では、次の見出しサイズを使用できます(MarkDownを解釈するためのデフォルトとしてSEが使用するフォーマットのために、これを2サイズ小さくしました)。

分からない対話のようには見えません。

Q:Natter?A:Grommishのような対話に慣れているので、そうはなりません。しかし、それは対話です。なぜなら、あなたはそれを交互の質問と回答として提示し、まるで彼らが話しているかのように両方を表現しているからです。

4
Jeff Zeitlin

私は教師と生徒の写真を スピーチウィンドウ それぞれの吹き出し。画像を使用すると、表示されている順序で誰が質問しているのかを簡単に識別できます。

0
Micah Montoya

左右の動機ページの左側に生徒の質問が記載されており、右側に教師の質問が記載されています。

配色左または右の各ページには、1つの独特で反復的な配色があります。背景色またはフォント色。あなたの目的に最適な、試してみてください。

graphics空白がある場合は常に、説明用のグラフィックが表示されます。

これらの3つの要素は非常に鮮やかですが、私には調和しています。

これもgraphicdesignグループの質問だと思います:)

0
dortje