SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
MODULAR COMICS 2.0
                  Optimizing comics content for a seamless user experience across platforms.




poststarboy.com                                                                                @kwanzer
PROBLEM
             Creating content for one medium to repurpose for
           another diminishes the user experience in the receiving
                                  medium.

                                 ๏ Repurposing print comics for web and mobile
                                    crops content awkwardly and inconsistently.

                                 ๏ Repurposing web comics for mobile crops
                                    content awkwardly and are sometimes not
                                    standard print dimensions.

                                 ๏ Repurposing digital comics for print limits layout
                                    options.

                                 ๏ Repurposing animated reveals in digital comics
                                    creates panel redundancy or omitted content in
                                    print.




poststarboy.com              MODULAR COMICS 2.0                                         @kwanzer
PARAMETERS
           Panels, screens and pages all tell stories via a rectangular
                                 viewing area.
                                   ๏ Use mobile screen viewing and panning as the
                                      basis for an easy reading experience.

                                   ๏ Story beats should take advantage of the
                                      viewable area of a landscape mobile screen and
                                      use it for directed storytelling (users should not
                                      need to pinch, zoom, or manually explore
                                      panels).

                                   ๏ The mobile view should follow the direction
                                      that readers’ eyes would take on a printed page.

                                   ๏ Do not create panels or beats that necessitate
                                      turning the mobile device.

                                   ๏ Do not create animated reveals in digital comics
                                      using the same panel unless they are markedly
                                      different and contribute to the story’s pace.

poststarboy.com                MODULAR COMICS 2.0                                          @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
SOLUTION
            Page layouts that are optimal for both digital landscape
                            and portrait print view.




poststarboy.com               MODULAR COMICS 2.0                       @kwanzer
BENEFITS


                  ๏ The user experience is similar across all mediums.
                  ๏ Each medium is used more effectively.
                  ๏ Content is more easily repurposed between mediums.
                  ๏ Less time is spent on conversion of content to each platform.
                  ๏ More layout options are available for authors.




poststarboy.com                        MODULAR COMICS 2.0                           @kwanzer
CONCLUSION



                  YAY, DIGITAL COMICS!




poststarboy.com     MODULAR COMICS 2.0   @kwanzer

Weitere ähnliche Inhalte

Kürzlich hochgeladen

karaoke songs customise for portable 2.docx
karaoke songs customise for portable  2.docxkaraoke songs customise for portable  2.docx
karaoke songs customise for portable 2.docxPOPCOMTABUKCITY
 
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024Durkin Entertainment LLC
 
The lady in Surtout, an old story that happened in our neighbourhood
The lady in Surtout, an old story  that happened in our neighbourhoodThe lady in Surtout, an old story  that happened in our neighbourhood
The lady in Surtout, an old story that happened in our neighbourhoodazuremorn
 
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleBiswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleQui9 (Ultimate Quizzing)
 
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...Amil baba
 
TREE VOLANOES, A STORY FOR ENTERTAINMENT
TREE VOLANOES, A STORY FOR ENTERTAINMENTTREE VOLANOES, A STORY FOR ENTERTAINMENT
TREE VOLANOES, A STORY FOR ENTERTAINMENTazuremorn
 
The Old Man and the Earthquake, a story for entertainment
The Old Man and the Earthquake, a story for entertainmentThe Old Man and the Earthquake, a story for entertainment
The Old Man and the Earthquake, a story for entertainmentazuremorn
 
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Mother
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' MotherA Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Mother
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Motherget joys
 
Dubai Call Girls O525547819 Face Full Beautiful Call Girls Dubai
Dubai Call Girls O525547819 Face Full Beautiful Call Girls DubaiDubai Call Girls O525547819 Face Full Beautiful Call Girls Dubai
Dubai Call Girls O525547819 Face Full Beautiful Call Girls Dubaikojalkojal131
 
Bald Philosopher, a story for entertainment.docx
Bald Philosopher, a story for entertainment.docxBald Philosopher, a story for entertainment.docx
Bald Philosopher, a story for entertainment.docxazuremorn
 
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)What Life Would Be Like From A Different Perspective (saltyvixenstories.com)
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)Salty Vixen Stories & More
 
Fight Scene Storyboard (Action/Adventure Animation)
Fight Scene Storyboard (Action/Adventure Animation)Fight Scene Storyboard (Action/Adventure Animation)
Fight Scene Storyboard (Action/Adventure Animation)finlaygoodall2
 
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...TeslaStakeHolder
 
Princess Jahan's Tuition Classes, a story for entertainment
Princess Jahan's Tuition Classes, a story for entertainmentPrincess Jahan's Tuition Classes, a story for entertainment
Princess Jahan's Tuition Classes, a story for entertainmentazuremorn
 
Transform Your Space with Poster Memorabilia's Collection
Transform Your Space with Poster Memorabilia's CollectionTransform Your Space with Poster Memorabilia's Collection
Transform Your Space with Poster Memorabilia's CollectionPoster Memorabilia Reviews
 
Cabin by the azure lake, the story of a lady and a crocodile
Cabin by the azure lake, the story of a lady and a crocodileCabin by the azure lake, the story of a lady and a crocodile
Cabin by the azure lake, the story of a lady and a crocodileazuremorn
 

Kürzlich hochgeladen (20)

karaoke songs customise for portable 2.docx
karaoke songs customise for portable  2.docxkaraoke songs customise for portable  2.docx
karaoke songs customise for portable 2.docx
 
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024
ECOLUXE pre-ESPYS Ultimate Sports Lounge 2024
 
The lady in Surtout, an old story that happened in our neighbourhood
The lady in Surtout, an old story  that happened in our neighbourhoodThe lady in Surtout, an old story  that happened in our neighbourhood
The lady in Surtout, an old story that happened in our neighbourhood
 
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleBiswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
 
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...
Uk-NO1 Amil In Karachi Best Amil In Karachi Bangali Baba In Karachi Aamil In ...
 
TREE VOLANOES, A STORY FOR ENTERTAINMENT
TREE VOLANOES, A STORY FOR ENTERTAINMENTTREE VOLANOES, A STORY FOR ENTERTAINMENT
TREE VOLANOES, A STORY FOR ENTERTAINMENT
 
Moveable Feast_Travel-Lifestyle-Culture Quiz.pptx
Moveable Feast_Travel-Lifestyle-Culture Quiz.pptxMoveable Feast_Travel-Lifestyle-Culture Quiz.pptx
Moveable Feast_Travel-Lifestyle-Culture Quiz.pptx
 
The Old Man and the Earthquake, a story for entertainment
The Old Man and the Earthquake, a story for entertainmentThe Old Man and the Earthquake, a story for entertainment
The Old Man and the Earthquake, a story for entertainment
 
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Mother
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' MotherA Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Mother
A Spotlight on Darla Leigh Pittman Rodgers: Aaron Rodgers' Mother
 
S10_E06-Sincerely,The Friday Club- Prelims Farewell Quiz.pptx
S10_E06-Sincerely,The Friday Club- Prelims Farewell Quiz.pptxS10_E06-Sincerely,The Friday Club- Prelims Farewell Quiz.pptx
S10_E06-Sincerely,The Friday Club- Prelims Farewell Quiz.pptx
 
Dubai Call Girls O525547819 Face Full Beautiful Call Girls Dubai
Dubai Call Girls O525547819 Face Full Beautiful Call Girls DubaiDubai Call Girls O525547819 Face Full Beautiful Call Girls Dubai
Dubai Call Girls O525547819 Face Full Beautiful Call Girls Dubai
 
Bald Philosopher, a story for entertainment.docx
Bald Philosopher, a story for entertainment.docxBald Philosopher, a story for entertainment.docx
Bald Philosopher, a story for entertainment.docx
 
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)What Life Would Be Like From A Different Perspective (saltyvixenstories.com)
What Life Would Be Like From A Different Perspective (saltyvixenstories.com)
 
Fight Scene Storyboard (Action/Adventure Animation)
Fight Scene Storyboard (Action/Adventure Animation)Fight Scene Storyboard (Action/Adventure Animation)
Fight Scene Storyboard (Action/Adventure Animation)
 
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...
Flying Avocado Cat Cryptocurrency Created, Coded, Generated and Named by Grok...
 
Princess Jahan's Tuition Classes, a story for entertainment
Princess Jahan's Tuition Classes, a story for entertainmentPrincess Jahan's Tuition Classes, a story for entertainment
Princess Jahan's Tuition Classes, a story for entertainment
 
Transform Your Space with Poster Memorabilia's Collection
Transform Your Space with Poster Memorabilia's CollectionTransform Your Space with Poster Memorabilia's Collection
Transform Your Space with Poster Memorabilia's Collection
 
Cabin by the azure lake, the story of a lady and a crocodile
Cabin by the azure lake, the story of a lady and a crocodileCabin by the azure lake, the story of a lady and a crocodile
Cabin by the azure lake, the story of a lady and a crocodile
 
S10_E02_How to Pimp Social Media 101.pptx
S10_E02_How to Pimp Social Media 101.pptxS10_E02_How to Pimp Social Media 101.pptx
S10_E02_How to Pimp Social Media 101.pptx
 
Sincerely, The Friday Club - Farewell Quiz-Finals.pptx
Sincerely, The Friday Club - Farewell Quiz-Finals.pptxSincerely, The Friday Club - Farewell Quiz-Finals.pptx
Sincerely, The Friday Club - Farewell Quiz-Finals.pptx
 

MODULAR COMICS 2.0

  • 1. MODULAR COMICS 2.0 Optimizing comics content for a seamless user experience across platforms. poststarboy.com @kwanzer
  • 2. PROBLEM Creating content for one medium to repurpose for another diminishes the user experience in the receiving medium. ๏ Repurposing print comics for web and mobile crops content awkwardly and inconsistently. ๏ Repurposing web comics for mobile crops content awkwardly and are sometimes not standard print dimensions. ๏ Repurposing digital comics for print limits layout options. ๏ Repurposing animated reveals in digital comics creates panel redundancy or omitted content in print. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 3. PARAMETERS Panels, screens and pages all tell stories via a rectangular viewing area. ๏ Use mobile screen viewing and panning as the basis for an easy reading experience. ๏ Story beats should take advantage of the viewable area of a landscape mobile screen and use it for directed storytelling (users should not need to pinch, zoom, or manually explore panels). ๏ The mobile view should follow the direction that readers’ eyes would take on a printed page. ๏ Do not create panels or beats that necessitate turning the mobile device. ๏ Do not create animated reveals in digital comics using the same panel unless they are markedly different and contribute to the story’s pace. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 4. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 5. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 6. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 7. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 8. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 9. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 10. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 11. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 12. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 13. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 14. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 15. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 16. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 17. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 18. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 19. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 20. SOLUTION Page layouts that are optimal for both digital landscape and portrait print view. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 21. BENEFITS ๏ The user experience is similar across all mediums. ๏ Each medium is used more effectively. ๏ Content is more easily repurposed between mediums. ๏ Less time is spent on conversion of content to each platform. ๏ More layout options are available for authors. poststarboy.com MODULAR COMICS 2.0 @kwanzer
  • 22. CONCLUSION YAY, DIGITAL COMICS! poststarboy.com MODULAR COMICS 2.0 @kwanzer

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n