Exemplos de layout bem projetados de uma publicação "tutorial passo a passo"

7

Estou tentando encontrar exemplos de tutoriais passo a passo bem projetados . Layouts tão diferentes quanto possível, para alimentar minha imaginação para que eu possa aproveitar isso.

Estou particularmente interessado em formatos de página e grades de layout. E, claro, um ótimo design . Apenas uma maquete de imagens passo a passo com o texto que acompanha é o padrão usual , mas tenho certeza de que algum designer fez um trabalho melhor.

Minha imaginação se esforça para : designs de tutoriais que consistem em várias etapas com imagens, cada uma com seu próprio texto explicativo. Cada imagem representa uma determinada etapa em todo o processo do tutorial. Tenho certeza de que deve haver alguns que sejam criativos e com excelente design. Talvez algum livro de culinária elegante, um tutorial de ioga ou algo assim. Eu não sei. Gostaria apenas de ver alguns exemplos para alimentar minha imaginação.

Informação adicional

Estou particularmente interessado em tutoriais que explicam visualmente o processo de produção. Estou tentando criar um guia passo a passo tutorial para artesanato decorativo. Visualizar cada etapa é importante e, como serão produtos mais chiques / artísticos / sofisticados, quero que o design também suporte isso. Não quero um layout / design cotidiano com produtos excelentes.

tutorial print-design page-layout Robert Koritnik
fonte
2
Uma grande parte do que parece ser bom será informada por quem você está escrevendo ou para qual tópico o conteúdo passo a passo é. Um livro de receitas, instruções de ioga e uso do computador terão layouts diferentes. Alguma experiência no projeto ajudaria.
Philip Regan

Respostas:

2

Eu sempre fui fã dos Guias de início rápido visual da Peach Pit Press e da Sala de aula da Adobe em uma série de livros. Ambos abordam alguns tópicos bastante profundos com formatos de página muito diferentes.

Os designs gerais são muito limpos e não perturbam, etapas individuais são claramente marcadas sem serem desagradáveis, e o uso de ilustrações focadas e cortadas (sem círculos e flechas em telas inteiras sempre que possível) também ajuda. Pessoalmente, prefiro como os QSGs usam formatação simples de texto para diferenciar palavras-chave e tipos de objetos (por exemplo, caminhos de menus, combinações de teclas) no texto sobre o CIAB, que apenas usa o mesmo tipo de letra para todo o texto.

Isso realmente está mergulhando no design instrucional e ler atentamente a livraria local ajudará a ter idéias sobre o que funciona e o que não funciona.

Philip Regan
fonte
2

Acredite ou não, a "Rapid Interpretation of EKGs" de Dubin é um ótimo exemplo disso - ensina os antecedentes e os princípios básicos da leitura de ECGs em um tipo de abordagem "leia esta página e coloque o livro no papel". Conheço muitos médicos, enfermeiros e paramédicos que aprenderam a ler eletrocardiogramas neste livro.

Também gostei pessoalmente da série "Missing Manual", embora eles usem muito mais texto (texto bem escrito, mas texto, no entanto).

lawndartcatcher
fonte
Mas é um bom exemplo de livro de tutorial projetado graficamente? Eu luto pela excelência visual e inovação, não uma ótima abordagem de ensino tutorial. Parece bem direto e realmente não tem um layout criativo, não é?
Robert Koritnik
O livro de Dubin é - principalmente quando você se lembra quem é o público-alvo. Se você está procurando um livro mais voltado para gráficos, "Architectural Graphics", de Ching, ensina aos estudantes de arquitetura como rascunhar há décadas. Provavelmente tem o melhor método para ensinar desenho em perspectiva que eu já vi. Philip Regan estava absolutamente correto - quem é seu público-alvo?
lawndartcatcher