{"id":"gradient-mesh","no":61,"name":"Gradient Mesh","ja":"グラデーション・メッシュ","era":"digital–contemporary","family":"色彩表現","kind":"技法","collection":"Personal expansion 01","source":{"title":"Adobe — Create mesh objects","url":"https://helpx.adobe.com/illustrator/desktop/paint-and-fill/create-and-edit-meshes/create-mesh-objects.html"},"addedAt":"2026-08-16","essence":"複数の色の焦点を滑らかにつなぎ、平面に光と気配の奥行きをつくる。","cues":["多点グラデーション","にじむ光","大きな色面","柔らかな奥行き"],"intents":["未来","高級","静けさ"],"works":["抽象的なサービス価値を感情的な背景にする","写真なしでリッチな空気をつくる"],"recipe":{"type":"文字は単色で輪郭を保つ","layout":"色の焦点と文字の焦点をずらし、余白を確保","material":"3〜4色、低いノイズ、明暗の芯"},"avoid":"背景が主張しすぎて文字を飲み込まないよう、コントラストを実画面で確認する。","colors":["#18235f","#885dd6","#68ddd0"],"motif":"glass","pair":["glassmorphism","swiss"],"study":["mesh gradient systems","abstract brand backgrounds"],"reference":{"status":"verified","pageUrl":"https://helpx.adobe.com/illustrator/desktop/paint-and-fill/create-and-edit-meshes/create-mesh-objects.html","credit":"Gradient mesh examples, Adobe Illustrator documentation","gallery":[{"imageUrl":"/quotes/gradient-mesh.jpg","pageUrl":"https://helpx.adobe.com/illustrator/desktop/paint-and-fill/create-and-edit-meshes/mesh-objects-overview.html","credit":"Illustratorのメッシュオブジェクト解説図（Adobe ヘルプより引用）"}]},"en":{"essence":"Blends several color focal points smoothly, giving a flat plane the depth of light and atmosphere.","cues":["Multi-point gradients","Bleeding light","Large color fields","Soft depth"],"works":["An emotional backdrop for abstract service value","Rich atmosphere without photography"],"recipe":{"type":"Keep the type solid and sharp-edged","layout":"Offset the color's focus from the type's focus; protect the margins","material":"Three or four colors, low noise, a core of light and dark"},"avoid":"Check contrast on the real screen so the ground never swallows the type."}}