3dtoolkit.app

プレイブック 06/8

The app-icon depth trick that survives every corner radius

Store icons are shown masked — rounded square on iOS, squircle on Android, circle in search. A centered extrusion with generous padding survives all three masks.

エディターで始める

ワークフロー

4つの動き

  1. ステップ 01

    Keep one glyph

    App icons read as silhouettes. One letter or one mark, nothing compound.

  2. ステップ 02

    Moderate the depth

    Depth 2–3: deep enough to feel physical at 1024px, shallow enough to stay legible at 32px.

  3. ステップ 03

    Pad for the mask

    Frame the mark with ~20% margin — corner masks eat edges.

  4. ステップ 04

    Export the sizes

    Render once at max resolution and downscale; lighting stays consistent across sizes.

この仕事のためのマテリアル · Studioライティング