「ステップバイステップのチュートリアル」出版物のうまく設計されたレイアウトの例

美しくデザインされた段階的なチュートリアルの例を見つけようとしています。可能な限り異なるレイアウトで、想像力を養い、それを基に構築できるようにします。

私は特にページフォーマットとレイアウトグリッドに興味があります。そしてもちろん素晴らしいデザイン。テキストを伴うステップ画像のモックアップは通常の標準ですが、一部のデザイナーはより良い仕事をしたと思います。

私の想像力は、それぞれが独自の説明テキストを持つ画像を含むいくつかのステップで構成されるチュートリアルの設計を目指しています。各画像は、チュートリアルプロセス全体の特定のステップを表しています。クリエイティブで優れたデザインのものがいくつかあるはずです。多分いくつかの上流階級の料理本やヨガのチュートリアルか何か。知りません。私の想像力を養うためにいくつかの例を見たいのですが。

追加情報

特に、制作プロセスを視覚的に説明するチュートリアルに興味があります。私は装飾工芸品のチュートリアルのステップバイステップガイドを作成しようとしています。各ステップを視覚化することは重要であり、それはより洗練された/芸術的/洗練された製品になるので、デザインもそれをサポートする必要があります。優れた製品を使って、日常のレイアウトやデザインをしたくありません。

私は常にPeach Pit PressのVisual QuickStart Guidesと、AdobeシリーズのBook in Bookシリーズのファンでした。どちらも、非常に異なるページ形式で、かなり深いトピックに取り組んでいます。

全体的なデザインは非常にすっきりとしていて気が散ることはありません。個々のステップは不快になることなく明確にマークされています。また、焦点が合った、切り取られたイラスト（可能な場合は画面全体の円や矢印ではありません）を使用することも非常に役立ちます。個人的には、QSGが単純なテキスト形式を使用してCIABよりもテキスト内のキーワードとオブジェクトのタイプ（つまり、メニューパス、キーコンボ）を区別する方法を好みます。CIABでは、すべてのテキストに同じ書体を使用します。

これは実際に教育設計に飛び込んでおり、地元の書店を熟読することで、何が機能して何が機能しないのかを知ることができます。

信じられないかもしれませんが、Dubinの「EKGの迅速な解釈」はその良い例です。「このページを読んで本を置く」タイプのアプローチでEKGを読む背景と基本を教えてくれます。この本から心電図を読むことを学んだ多くの医師、看護師、救急隊員を知っています。

「ミッシングマニュアル」シリーズも個人的に気に入っています。ただし、これらのテキストはより多くのテキストを使用しています（適切に記述されたテキストですが、それでもテキストです）。