[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-365660-105":59,"doc-detail-365660-en":135},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":128,"head_meta":130,"extra_data":132,"updated_unix":134},105,"en","graphic-novel-terminology-panel-frame-gutter-text-definitions","Graphic Novel Terminology - Panel, Frame, Gutter, Text Definitions","","A terminology guide for graphic novels and comics, explaining how visual layout elements shape reading experience. It defines panels, frames, gutters, bleed, foreground, midground, background, and graphic weight, including how contrast, patterns, and color direct attention. It also covers figure depiction (faces, hands/feet), and text presentation such as captions, speech balloons (external vs internal), special-effects lettering, voice over, and emanata. The document adds narration and style concepts, including Scott McCloud’s style scales and closure between panels.",{"@graph":69,"@context":127},[70,84,106],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":15,"@type":76,"position":81},"https://docshare.wps.com/document/literature/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/graphic-novel-terminology-panel-frame-gutter-text-definitions/365660/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/graphic-novel-terminology-panel-frame-gutter-text-definitions/365660.png","ImageObject",300,407,{"name":92,"@type":93},"Guten tag","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-10-30","2026-09-23",true,{"@type":102,"interactionType":103,"userInteractionCount":105},"InteractionCounter",{"@type":104},"ViewAction",17,{"@type":107,"mainEntity":108},"FAQPage",[109,115,119,123],{"name":110,"@type":111,"acceptedAnswer":112},"What is the difference between a panel and a frame in comic layouts?","Question",{"text":113,"@type":114},"A panel is a distinct segment combining image and text, offering a specific reading experience. A frame contains the panels using lines and borders.","Answer",{"name":116,"@type":111,"acceptedAnswer":117},"How do gutters and closure influence how readers understand comics?",{"text":118,"@type":114},"The gutter is the space between framed panels. Readers tend to imagine what happens between panels, a process known as closure.",{"name":120,"@type":111,"acceptedAnswer":121},"What are the main types of speech balloons mentioned?",{"text":122,"@type":114},"Speech balloons enclose dialogue and can alternate to depict a conversation. They can represent external dialogue or internal dialogue (thoughts indicated by dots or bubbles).",{"name":124,"@type":111,"acceptedAnswer":125},"What does graphic weight describe and how is it created?",{"text":126,"@type":114},"Graphic weight describes how some images draw the eye more than others. It is created through light/dark contrast, repeated mark patterns, and vivid or deeper colors that stand out on the page.","https://schema.org",{"og:url":83,"og:type":129,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":131,"canonical":83},"index,follow",{"doc_id":133,"site_id":62},365660,1790475150,{"code":4,"msg":5,"data":136},{"doc_id":133,"user_id":137,"nickname":92,"user_avatar":138,"doc_module":4,"category_id":14,"category_name":15,"doc_title":65,"doc_description":67,"doc_content":139,"file_id":140,"file_url":141,"file_type":142,"file_size":143,"view_count":105,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":34,"language":144,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":145,"faqs":146,"seo_title":147,"seo_description":67,"update_tm":148,"read_time":149},687212321768,"https://ap-avatar.wpscdn.com/avatar/a0010bdbe886d2fe77?x-image-process=image/resize,m_fixed,w_180,h_180&k=1789897067658708522","Layout  \nPanel: A distinct segment of the comic, containing a combination of image and text in endless variety. Panels offer a different experience than simply reading text:  \nx The spatial arrangement allows an immediate juxtaposition of the present and the past.  \nx Unlike other visual media, transitions are instantaneous and direct but the exact timing of the reader’s experience is determined by focus and reading speed.  \nFrame: The lines and borders that contain the panels.  \nGutter: The space between framed panels.  \nBleed: An image that extends to and/or beyond the edge of the page.  \nForeground: The panel closest to the viewer.  \nMidground: Allows centering of image by using natural resting place for vision. The artist deliberately decides to place the image where a viewer would be most likely to look first. Placing an image off-center or near the top or bottom can be used to create visual tension but using the midground permits the artist to create a more readily accepted image.  \nBackground: Provides additional, subtextual information for the reader.  \nGraphic weight: A term that describes the way some images draw the eye more than others, creating a definite focus using color and shading in various ways including:  \nx The use of light and dark shades; dark-toned images or high-contrast images draw the eye more than light or low-contrast images do  \nx A pattern or repeated series of marks  \nx Colors that are more brilliant or deeper than others on the page  \n[http://www](http://www) plans/pictures  \nFigures  \nFaces: Faces can be portrayed in different ways. Some depict an actual person, like a portrait; others are iconic, which means they are representative of an idea or a group of people. Other points to observe about faces include:  \nx They can be dramatic when placed against a detailed backdrop; a bright white face stands out.  \nx They can be drawn without much expression or detail; this is called an “open blank” and it invites the audience to imagine what the character is feeling without telling them.  \nHands/Feet: The positioning of hands and feet can be used to express what is happening in the story. For example, hands that are raised with palms out suggest surprise. The wringing of hands suggests obsequiousness or discomfort. Hands over the mouth depict fear, shame, or shyness. Turned in feet may denote embarrassment, while feet with motion strokes can create the sense of panic, urgency, or speed.  \nText  \nCaptions: These are boxes containing a variety of text elements, including scenesetting, description, etc.  \nSpeech balloons: These enclose dialogue and come from a specific speaker’s mouth; they vary in size, shape, and layout and can alternate to depict a conversation. Types of speech balloons include those holding:  \nx External dialogue, which is speech between characters  \nx Internal dialogue, which is a thought enclosed by a balloon that has a series of dots or bubbles going up to it  \nSpecial-effects lettering: This is a method of drawing attention to text; it often highlights onomatopoeia and reinforces the impact of words such as bang or wow.  \nvoice over  \nemanata  \nicon   \nborderless  panel  \nsplash  \n speech bubble  \n2000  \ngutter  \npanel  \nDefinitions of features  \nPanel – Panel refers to the framed image. It offers the reader a perspective or point of view on the subjects also known as the camera angle. Sometimes panels do not have borders, creating a unique effect where the subject seems to stand outside the storyline.  \nSplash – Splash is a kind of panel that spans the width of the page. If it runs off the page entirely, it is known as a‘bleed’.  \nVoice over – Narrators have the possibility to speak directly to the reader through a voice over. Usually this is done with a hard line separating the narrator’s speech atthe top or bottom of a panel from the image within the panel.  \nSpeech bubble – These are frames around the characters’ language, a kind of‘direct speech’, where the characters speak","cbCaicPQPAfxscHu","https://ap.wps.com/l/cbCaicPQPAfxscHu","pdf",5368508,"English","# Layout and Terminology\n## Panels, Frames, Gutters, Bleed\n## Foreground, Midground, Background, Graphic Weight\n# Figures and Text in Comics\n## Faces and Hands/Feet\n## Captions, Speech Balloons, Special-Effects Lettering\n## Voice Over and Emanata\n# Style and Narration Concepts\n## Style Scales, Colour, Narration, Time","[{\"question\":\"What is the difference between a panel and a frame in comic layouts?\",\"answer\":\"A panel is a distinct segment combining image and text, offering a specific reading experience. A frame contains the panels using lines and borders.\"},{\"question\":\"How do gutters and closure influence how readers understand comics?\",\"answer\":\"The gutter is the space between framed panels. Readers tend to imagine what happens between panels, a process known as closure.\"},{\"question\":\"What are the main types of speech balloons mentioned?\",\"answer\":\"Speech balloons enclose dialogue and can alternate to depict a conversation. They can represent external dialogue or internal dialogue (thoughts indicated by dots or bubbles).\"},{\"question\":\"What does graphic weight describe and how is it created?\",\"answer\":\"Graphic weight describes how some images draw the eye more than others. It is created through light/dark contrast, repeated mark patterns, and vivid or deeper colors that stand out on the page.\"}]","Graphic Novel Terminology - Panel, Frame, Gutter, Text Definitions | PDF",1790161642,11]