Kickoffby jujin
jujin.dev ↗jujin.kim ↗blog.jujin.kim ↗
ENKOJA

スタイル

スタイルの項目を探します。

11 記事

同じ分類の比較
概念特徴利点制約適する状況組み合わせ条件
ブルータリズム露出した罫線と無骨な文字が構造を示します。 太い区切りと下線付きメニューで構造を示します。むき出しの区切り線でタスクの境界を示します。粗い印象が邪魔にならないよう、リンクの下線と明確な操作を保ちます。実用的なタスク一覧に適しています。リストや単一列でタスクを順に確認できます。
フラットデザイン単色面と明確なラベルで、奥行き表現なしに階層を作ります。 奥行きの装飾を使わず、単色の領域で役割を分けます。ラベルと単色面がタスクと操作を明確に分けます。奥行きの手がかりがない分、枠とラベルで操作を分かりやすくします。日常的なタスク管理に向きます。タスクにはリスト行、概要には均等グリッドが合います。
グラスモーフィズム半透明のパネル越しにぼかした背景が見えます。 不透明パネルを選ぶと半透明の面を単色に替えます。半透明パネルが背景の文脈を保ちます。背景ごとにコントラストが変わるため、不透明表示も用意します。背景の文脈が重要な画面に向きます。単純なグリッドと不透明な代替表示を組み合わせます。
Liquid Glass浮遊カプセル・反射する縁・広がるツールで操作層をコンテンツと分けます。軽い操作層で背景の文脈を保ちます。透明な面にはコントラスト確認と不透明な代替が必要です。豊かなコンテンツ上の小さな操作層に向きます。タスクの面は不透明にし、ガラス層を重ねません。
Material 3 Expressive色面・多様な曲率・大きな操作部・短い形の反応を使います。大きさと領域の区切りで主要操作を強調します。表情豊かな形でも、なじみのあるラベルと読む順序を保ちます。主要操作を視覚的に強調したいときに向きます。単色の面に明確なグリッドと動きの抑制を組み合わせます。
ミニマリズム限られた要素と広い余白で核心に集中させます。 余白と控えめな文字でプロジェクト情報を読みやすく配置します。余白で重要なタスクに視線を集めます。操作や固有の情報まで削ると、単純化ではなく作業の損失になります。集中した作業の流れに適しています。抑制した配置にはセリフもサンセリフも組み合わせられます。
ネオブルータリズム鮮やかな色面、太い枠、硬いオフセット影で強調します。 太い枠と硬い影でパネルを強調します。強い色面でタスクと操作を強調します。装飾が詳細と競合するため、強調は重要な情報に絞ります。大胆な印象の小さな画面に適しています。繰り返すタスク行を簡潔に保ちます。
ニューモーフィズム同系色の面に左上の明るい影と右下の暗い影を使い、通常時の枠は設けません。 完了行は内側に沈み、影を消してもチェックと取り消し線が残ります。柔らかな奥行きが物理的な操作盤の比喩を助けます。影を消してもチェック・取り消し線・完了数を残します。フォーカスと強制カラーの識別線は保ちます。小さな操作盤に向きます。最小限の配置で影と明確なラベルの場所を確保します。
レトロデジタルタイトルバー・立体的な窓枠・ピクセル装飾・等幅文字を使います。窓のまとまりで小さなデスクトップのように構成します。懐かしい装飾で文字を小さくしたり、ない機能を示唆したりしません。遊び心のある小さな作業室に向きます。窓の装飾に現代的な折り返しと標準操作部を組み合わせます。
スキューモーフィズム見慣れた素材や物でデジタルの作業を説明します。 木の面に開いた紙の手帳として作業室を構成します。紙と表紙の比喩で親しみやすいチェックリストを作ります。写実的な装飾は場所を取るため、タスク操作を明確に保ちます。作業を助ける身近な比喩がある場合に向きます。紙の表面に1列の読書領域を置けます。
触感的コラージュ紙片・テープ・不揃いな縁・注釈を重ねます。素材の手掛かりで気軽なボードに個性を加えます。重なりや質感で操作部や文字を隠さないようにします。小さな創作プロジェクトのボードに向きます。コラージュ内でも意味の順序と落ち着いた文字面を保ちます。