vocab.design

aesthetic

Hyperreal 3D

also called 3D hyperrealism (uistyleguide), hyperrealistic render, photorealistic 3D, CGI hero

Rendered objects pushed past photographic realism, with physically based materials, sharp specular detail, and studio lighting, floated over an otherwise plain interface.

Hyperreal 3D is what happens when a product page hires a render instead of a photographer. One object, modelled and lit in a 3D package, comes out with physically based materials, a chrome band picking up an environment map, subsurface scattering warming the shadow side, crisp specular highlights, and a contact shadow that grounds it on nothing at all. It is then floated over a plain type layout, because the object is doing all the visual work and anything else on the page would compete with it. The word hyperreal is doing real duty: the render is not trying to pass as a photograph, it is trying to be cleaner, glossier and more perfectly lit than a photograph could be.

The contrast that matters most is with neo-skeuomorphism, because both look expensive and glossy and they are doing opposite jobs. Neo-skeuomorphism describes the material a control appears to be made of, so its gloss is an affordance argument: this thing is a button, it is soft, it will give when you press it. Hyperreal 3D is an image, an illustration hero that is not a control at all, answers to no affordance, and would be lying if it invited a press. Put plainly: if the glossy thing is meant to be tapped, you are looking at neo-skeuomorphism, and if it is meant to be looked at, you are looking at hyperreal 3D.

The register has a house vocabulary you can read off almost any example. A blob shape or a soft-body form rather than a hard product silhouette, since an organic surface shows off the lighting model. Gloss laid on as a real material response rather than as a highlight painted on top, so the bright band moves with the implied light source instead of sitting where a designer thought it looked good. And a palette drawn from the object rather than the brand, which is why these pages so often go violet and peach: those are the hues that flatter a subsurface glow.

The costs are unglamorous and worth stating before you commit. A hero render is a large asset, and the versions that look best are the ones that ship at several sizes and in two themes, which multiplies the production rather than the file. It cannot be typed, translated or restyled by a token, so it dates the way photography dates. It needs alt text that describes the product rather than the render. And a rendered object placed near real controls will out-shout every one of them, which is a composition problem rather than a taste problem: the object earns its place at the top of a page precisely because there is nothing near it to lose the contest.

Which word?

If you wantsay
a rendered hero object that outdoes a photographhyperreal 3d
depth without perspective, on a fixed 30 degree gridisometric illustration
deliberately faceted 3D art with visible triangleslow poly

Related

See also: Spatial UI

Sources