Designing a Manga Chapter Layout – Need Visual Suggestions

[William_Parker]

Hey everyone,
I’m working on a project where I need to lay out all 200 chapters of a manhwa (Solo Leveling) in a clean and scrollable format. I’m using Adobe apps for the design side — mostly Illustrator and XD — and looking for layout inspiration or best practices for content-heavy pages.
Anyone here done something similar with long-form content or comic/manga layouts?

[m1b]

Hi @William_Parker what is the publishing medium or publishing constraints or devices? By "scrollable format" do you mean it needs to be in one long "page", rather than multiple pages as in a book. For example, would a lazy-loading html page work? It would need to have a framework for efficiently navigating the document. I haven't seen such a thing but it is technically possible.

(I'm not expert in this area, but just trying to sharpen things up a bit to help the experts hit the ground running.)

- Mark

[William_Parker]

Thanks, Mark — 
Yes, I’m aiming for a single, scrollable layout that works well on both desktop and mobile. The idea is to have all chapters accessible in one vertical flow rather than separate pages. A lazy-loading HTML structure sounds like a solid direction, especially for performance and navigation. I’m currently designing the layout visually, but open to developing it further for web deployment.

[Robert at ID-Tasker]

@William_Parker

Does texts need to remain as text - for accessibility - or can all "pages" be exported as images? Optionally, with "alt text". 

[m1b]

I don't know anything about publishing manga, or comics or online graphic novels and I had a look around. Perhaps you already know platforms like tapas.io? (edit: or webtoons, as Uwe mentioned!) These platforms are more or less exactly what I was thinking you'd need. They require single images with a certain pixel width but height can be as long as you need, eg:

By the way I have a script that exports a document cut up into bits, so it could export a long page divided up at every horizontal guide. Maybe that would be useful for this type of project? Not sure.

- Mark

[Laubender]

Hi @William_Parker ,

are you referring to webtoons that are typically made for smartphones?

Something like that:

https://www.webtoons.com/en/drama/asterion/episode-1/viewer?title_no=2471&episode_no=1

Regards,
Uwe Laubender
( Adobe Community Expert )