Kindle E-Reader Drawing: Screen, Bezel, and Button Detail

Object Drawing Lessons

This lesson teaches a reliable way to draw a Kindle-style e-reader from the front. You will build the device as a set of nested rectangles, place the screen inside the bezel, and add button detail with consistent spacing. The method uses a defined drawing convention: the screen area is a rectangle whose top and bottom edges sit at the same height as the bezel's inner midline, and the bezel width is measured as a fraction of the device width. Because letter styles and handwriting vary, the rubric accepts any clean, legible construction that follows the stated proportions and alignment rules. All measurements are hypothetical examples; measure your own reference or use the numbers given as a starting point. The goal is a clear, proportional drawing, not a brand-accurate replica.

Practice materials: Printable downloads are not available for this lesson yet. Use the instructions and four exercises below.

Set the outer rectangle and bezel

Begin with a light rectangle for the device body. For this lesson, use a hypothetical width of 12 cm and height of 17 cm. These are example values only; if you draw larger or smaller, keep the same ratio. The bezel is the border between the outer edge and the screen. Define the bezel width as one-eighth of the device width, so 1.5 cm on each side. The top and bottom bezels are wider to leave room for the screen margin and button area: use 2 cm at the top and 3 cm at the bottom. Mark these distances lightly from each edge.

Check that the inner rectangle (the screen opening) is 9 cm wide and 12 cm tall: 12 minus 1.5 minus 1.5 equals 9; 17 minus 2 minus 3 equals 12. This inner rectangle is the bezel opening, not the screen itself. Keep all lines straight and parallel; a ruler helps but freehand is acceptable if the edges are clean.

1. Draw a 12 cm by 17 cm outer rectangle in light pencil.
2. Measure 1.5 cm inward from the left and right edges; mark and connect to form vertical bezel lines.
3. Measure 2 cm down from the top and 3 cm up from the bottom; mark and connect to form horizontal bezel lines.
4. Label the inner rectangle as the bezel opening and verify its size is 9 cm by 12 cm.

Place the screen inside the bezel opening

The screen is a rectangle inside the bezel opening, leaving a small uniform margin. Use a 0.5 cm margin on all sides of the bezel opening. That makes the screen 8 cm wide and 11 cm tall: 9 minus 0.5 minus 0.5 equals 8; 12 minus 0.5 minus 0.5 equals 11. Draw the screen rectangle with its top and bottom edges parallel to the device edges. The screen should be centered within the opening, so the left and right margins are equal.

To keep the drawing readable, shade the bezel lightly and leave the screen blank or add a single horizontal line to suggest text. Do not draw brand logos or hands. The screen rectangle is the focal point; its corners should be square unless your reference shows rounded corners, in which case use a small consistent radius on all four corners.

1. From each side of the bezel opening, measure 0.5 cm inward and mark.
2. Connect the marks to form an 8 cm by 11 cm screen rectangle.
3. Verify the screen is centered: left and right margins should both be 0.5 cm.
4. Lightly shade the bezel area to separate it from the screen.

Add button detail below the screen

The bottom bezel is 3 cm tall. Place a single row of three small buttons centered horizontally in this area. Use a hypothetical button size of 0.8 cm wide and 0.4 cm tall, with 0.6 cm gaps between buttons. The total width of the button group is 0.8 plus 0.6 plus 0.8 plus 0.6 plus 0.8 equals 3.6 cm. Center this group under the screen: the screen is 8 cm wide, so the group starts 2.2 cm from the screen's left edge (8 minus 3.6 equals 4.4; half is 2.2).

Place the buttons 1 cm below the screen's bottom edge, leaving 1.6 cm to the device bottom (3 cm bottom bezel minus 1 cm gap minus 0.4 cm button height equals 1.6 cm). Draw each button as a small rounded rectangle. If your reference shows a different button count or shape, keep the group centered and the spacing even; the rubric accepts valid alternatives as long as alignment and spacing are consistent.

1. Mark a horizontal line 1 cm below the screen's bottom edge.
2. Center a 3.6 cm wide group on that line: mark 2.2 cm from the screen's left edge.
3. Draw three 0.8 cm by 0.4 cm rounded rectangles with 0.6 cm gaps.
4. Check that the group is centered and the gaps are equal.

Refine line quality and labeling

Go over the final lines with a darker pencil or pen. Keep the outer rectangle, bezel opening, screen, and buttons distinct. Erase construction marks gently. Add small labels if helpful: 'screen', 'bezel', 'button'. Labels should be outside the device or in the margin, not covering the drawing. Use consistent letter height; the x-height convention for this lesson is baseline to midline, and letter styles may vary as long as labels are legible.

Check all parallel lines and equal margins. The drawing should read as a flat, front-facing e-reader with a clear screen, even bezel, and centered button row. Avoid adding logos, hands, or other devices. If you round corners, use the same radius on all four outer corners and keep the screen corners square or consistently rounded.

1. Trace final lines with a darker stroke.
2. Erase light construction marks.
3. Add labels in the margin using legible handwriting.
4. Verify all margins and gaps match the planned values.

Worked example

Draw a front-facing e-reader with a 10 cm by 14 cm body. Use a 1 cm side bezel, a 2 cm top bezel, and a 2.5 cm bottom bezel. Inside the bezel opening, leave a 0.5 cm margin for the screen. Place two buttons centered in the bottom bezel, each 1 cm wide and 0.5 cm tall, with a 1 cm gap, starting 0.8 cm below the screen.

Four practice exercises

Common mistakes

• Drawing the screen as the same size as the bezel opening. Leave a uniform 0.5 cm margin inside the bezel opening so the screen is smaller than the opening.
• Making the top and bottom bezels equal when the bottom needs room for buttons. Use a wider bottom bezel (3 cm in the example) and a narrower top bezel (2 cm) to fit the button row.
• Placing buttons off-center or with uneven gaps. Center the button group under the screen and measure equal gaps; verify the total group width before drawing.
• Adding brand logos or hands holding the device. Keep the drawing to the device only: screen, bezel, and buttons, with no logos or hands.

Self-check rubric

• Outer rectangle is drawn with straight, parallel edges and the planned width and height.
• Bezel widths match the plan on left, right, top, and bottom, with the bottom wider for buttons.
• Screen rectangle is centered inside the bezel opening with equal margins on all sides.
• Button group is centered under the screen with equal gaps and consistent button size.
• No logos, hands, or other devices are included.
• Labels, if used, are legible and follow the baseline-to-midline x-height convention; letter style may vary.
• Valid alternatives are accepted if proportions, alignment, and spacing remain consistent with the stated rules.

Questions and answers