ギャラリー 196件
- style: layout-density-dashboard121ダッシュボードデザイン · UI/UX数値・グラフ・表を、区切られたパネルにまとめて並べる。
- ⇆ 操作style: layout-density-dense122高密度デザイン · UI/UX小さな要素をたくさん、すき間少なく並べる。
- ⇆ 操作style: layout-density-sparse123低密度デザイン · UI/UX少ない要素を、ゆったりと離して並べる。
- style: layout-grid-bento124ベントーグリッドデザイン · UI/UX大きさの違う角丸のタイルを、すき間なく詰めて並べる。
- style: layout-grid-broken125ブロークングリッドデザイン · UI/UXグリッドを基にしつつ、要素を意図的にずらして重ねる。
- style: layout-grid-column-grid12612カラムグリッドデザイン · UI/UX画面を12本の列に分け、要素の幅を列の数で決める。
- style: layout-grid-modular127モジュラーグリッドデザイン · UI/UX列と行の両方で区切ったマス目に、要素を当てはめる。
- style: layout-grid-no-grid128グリッドなしデザイン · UI/UX共通の線にそろえず、要素を自由に置く。
- ⇆ 操作style: layout-hierarchy-oversized-headline129特大の見出しデザイン · UI/UX見出しを画面の幅いっぱいに、極端に大きく組む。
- ⇆ 操作style: layout-hierarchy-strong-contrast130強い大小差デザイン · UI/UX見出しを本文よりはっきり大きくし、読む順番を明確にする。
- ⇆ 操作style: layout-hierarchy-subtle131控えめな階層デザイン · UI/UX見出しと本文の大きさの差を小さくし、落ち着いた印象にする。
- ⇆ 操作style: layout-layering-floating-cards132浮いたカードデザイン · UI/UXカードに柔らかい影を付け、背景から浮いて見せる。
- style: layout-layering-overlapping133重なりデザイン · UI/UX画像・文字・図形を、一部が重なるように置く。
- style: layout-layering-stacked134積み重ねデザイン · UI/UX同じ大きさのカードを、少しずつずらして重ねる。
- ⇆ 操作style: layout-repetition-card-grid135カードグリッドデザイン · UI/UX同じ形のカードを、同じ列数で並べる。
- style: layout-repetition-pattern136反復パターンデザイン · UI/UX同じ図形の組み合わせを、一定の間隔でくり返す。
- style: layout-repetition-rhythm137リズムデザイン · UI/UX大きさの違う形を、決まった順番でくり返す。
- style: layout-repetition-tiling138タイルデザイン · UI/UX同じ形のタイルを、すき間なく敷き詰める。
- ⇆ 操作style: layout-spacing-generous139広い余白デザイン · UI/UX要素どうしの間隔と内側の余白を、大きく取る。
- style: layout-spacing-scale1408ptスケールデザイン · UI/UXすべての間隔を、8の倍数（8・16・24・32）から選ぶ。
- ⇆ 操作style: layout-spacing-tight141詰めた間隔デザイン · UI/UX要素どうしの間隔と内側の余白を、小さく詰める。
- style: material-digital-3d-render1423Dレンダーデザイン · 3DCGなめらかな陰影と柔らかい影のある、立体のCG。
- style: material-digital-flat-vector143フラットなベクターデザイン · UI/UX平らな単色の面だけでできた、くっきりしたベクター画。
- style: material-digital-toon-shading144トゥーンシェーディングデザイン · 3DCG陰影を2〜3段階の色に分け、輪郭線を付けた立体。