{"id":"flat-design","no":40,"name":"Flat Design / Vector Minimalism","ja":"フラットデザイン / ベクターミニマリズム","era":"2010s–","family":"UI表現","essence":"情報を単純な面と色へ還元し、画面や媒体を越えて扱いやすくする。","cues":["均一な面","単純図形","少ない影","明快な色"],"intents":["信頼","親密","遊び"],"works":["説明を軽くわかりやすくしたい","一貫した大量の図版が必要"],"recipe":{"type":"丸みのあるサンセリフ","layout":"単純なシルエットと明確な階層","material":"3〜5色、影は意味のある場合のみ"},"avoid":"人物表現が画一化しやすい。固有の比率・線・色ルールをつくる。","colors":["#e9f1e4","#ef6651","#3a68a8"],"motif":"flat","pair":["mid-century","grunge"],"study":["Material Design","modern vector illustration"],"kind":"スタイル","collection":"btrax 50","source":{"title":"btrax — 50の主要デザインスタイル","url":"https://blog.btrax.com/jp/50-design-styles/"},"reference":{"status":"verified","imageUrl":"https://blog.btrax.com/jp/wp-content/uploads/sites/3/2026/04/flat-design-graphic-design-styles.png","pageUrl":"https://blog.btrax.com/jp/50-design-styles/","credit":"btrax記事掲載ムードボード"},"addedAt":"2026-08-16","en":{"essence":"Reduces information to plain planes and color, portable across screens and media.","cues":["Uniform planes","Simple shapes","Few shadows","Clear color"],"works":["Light, understandable explanation","Large sets of consistent figures"],"recipe":{"type":"A rounded sans-serif","layout":"Simple silhouettes and clear hierarchy","material":"Three to five colors; shadows only when they mean something"},"avoid":"Figures easily become generic. Define your own ratios, lines and color rules."}}