ギャラリー 115件
- style: layout-grid-broken073ブロークングリッドデザイン · UI/UXグリッドを基にしつつ、要素を意図的にずらして重ねる。
- style: layout-grid-column-grid07412カラムグリッドデザイン · UI/UX画面を12本の列に分け、要素の幅を列の数で決める。
- style: layout-grid-modular075モジュラーグリッドデザイン · UI/UX列と行の両方で区切ったマス目に、要素を当てはめる。
- style: layout-grid-no-grid076グリッドなしデザイン · UI/UX共通の線にそろえず、要素を自由に置く。
- ⇆ 操作style: layout-hierarchy-oversized-headline077特大の見出しデザイン · UI/UX見出しを画面の幅いっぱいに、極端に大きく組む。
- ⇆ 操作style: layout-hierarchy-strong-contrast078強い大小差デザイン · UI/UX見出しを本文よりはっきり大きくし、読む順番を明確にする。
- ⇆ 操作style: layout-hierarchy-subtle079控えめな階層デザイン · UI/UX見出しと本文の大きさの差を小さくし、落ち着いた印象にする。
- ⇆ 操作style: layout-layering-floating-cards080浮いたカードデザイン · UI/UXカードに柔らかい影を付け、背景から浮いて見せる。
- style: layout-layering-overlapping081重なりデザイン · UI/UX画像・文字・図形を、一部が重なるように置く。
- style: layout-layering-stacked082積み重ねデザイン · UI/UX同じ大きさのカードを、少しずつずらして重ねる。
- ⇆ 操作style: layout-repetition-card-grid083カードグリッドデザイン · UI/UX同じ形のカードを、同じ列数で並べる。
- style: layout-repetition-pattern084反復パターンデザイン · UI/UX同じ図形の組み合わせを、一定の間隔でくり返す。
- style: layout-repetition-rhythm085リズムデザイン · UI/UX大きさの違う形を、決まった順番でくり返す。
- style: layout-repetition-tiling086タイルデザイン · UI/UX同じ形のタイルを、すき間なく敷き詰める。
- ⇆ 操作style: layout-spacing-generous087広い余白デザイン · UI/UX要素どうしの間隔と内側の余白を、大きく取る。
- style: layout-spacing-scale0888ptスケールデザイン · UI/UXすべての間隔を、8の倍数（8・16・24・32）から選ぶ。
- ⇆ 操作style: layout-spacing-tight089詰めた間隔デザイン · UI/UX要素どうしの間隔と内側の余白を、小さく詰める。
- style: material-digital-flat-vector090フラットなベクターデザイン · UI/UX平らな単色の面だけでできた、くっきりしたベクター画。
- style: shape-abstraction-iconographic091アイコン的デザイン · UI/UX木を、記号として読める単純なピクトグラムにする。
- ⇆ 操作style: shape-edge-pill092ピル型デザイン · UI/UX · 3DCG短い辺を完全な半円にした、カプセルのような形。
- ⇆ 操作style: shape-edge-rounded-corners093角丸デザイン · UI/UX · 3DCG長方形の角を、一定の半径で丸める。
- style: shape-edge-sharp-corners094直角の角デザイン · UI/UX · 3DCG長方形の角を丸めず、直角のまま残す。
- ⇆ 操作style: shape-edge-soft-edges095ぼけた輪郭デザイン · UI/UX · 3DCG形の境界をぼかし、背景になじませる。
- style: shape-volume-isometric096アイソメトリックデザイン · UI/UX · 3DCG3つの面が見える立体を、30°の斜めから描く。