HyperCard Stack vs Pixel Art

ハイパーカードのスタック / ピクセルアート

HyperCard Stack comes from Digital Retro and Pixel Art from Digital Image Techniques. One is layout and the other technique. They are reached for with some of the same intent, which is where they get confused.

HyperCard Stack

Stacks of screens made and passed around by amateurs, drawn one bit black on white. A single card fills the screen instead of a page, picture and text are pasted onto the same surface, and a row of small icon buttons along the bottom jumps to another card or another stack.

Pixel Art

Treats the pixel as an honest unit, building clear form from limited resolution and palette.

HyperCard StackPixel Art
Era1987–20041970s–
FamilyDigital RetroDigital Image Techniques
KindLayoutTechnique
CuesOne card filling the screen, with no motion of turning a page / One bit black on white drawing, where greys and photographs both arrive as dither patterns / A row of small square icon buttons packed along the bottom edge of the card / Picture and text sharing one surface, with an input field marked by a single ruleVisible pixels / Limited palettes / Tiles / Sprites
Best used forBuilding an exhibition screen that presents holdings one card at a time instead of as a run of pages · Rebuilding the feel of late 1980s and 1990s homemade software in one bit black and whiteIcons and controls for small screens that stay clean when scaled up · Game characters and terrain that must read apart at tiny sizes
TypeUse a bitmap screen face. Do not enlarge headings, and let text carry the same weight as the drawing on the card.Draw letters on the same grid, fixing cap height in pixels
CompositionOne card is one screen. Put the shared frame on the background layer and lay the individual picture and text over it. Pack the navigation buttons along the bottom.Scale only by whole multiples and keep every element on grid
MaterialBlack on white at one bit. Make midtones from dither patterns and halftone any photograph before placing it. Draw outlines as single pixel rules.Limited palette, dark outlines, neighboring hues to soften the steps
CautionHiding the links inside the artwork erases the way back, and nobody can tell which stack they are in or how far along it.Downscaling a photograph skips the decision behind every single pixel, and the contours turn muddy the moment the image is enlarged.

IndexStyle