デザインの考え方

Atalie におけるデザインの考え方についてご説明します。

アクセシビリティと個性の両立

Atalie はアクセシビリティに積極的に取り組んでいます。デザインにおいても同様です。

しかし、それと同時に Atalie らしい個性 も大切にしたいと考えています。

個性はときに分かりづらさを生み出します。装飾的な表現や独自のレイアウトは、情報へのアクセスを妨げる可能性があります。

Atalie はその一見排反するような二つの価値 - 明快さとらしさ - の両立を目指します。

デザイン原則

Atalie のデザインは、以下の原則に基づいています。

1. 明瞭であること

• 情報の優先度を視覚的に明確にし、ユーザーが迷わず目的の情報にたどり着けるようにします

• 装飾よりも構造を重視し、コンテンツそのものが主役であるデザインを心がけます

2. 一貫していること

• 色・タイポグラフィ・余白・コンポーネントの使い方をサイト全体で統一します

• 一貫性のあるデザインは、ユーザーの認知負荷を下げ、信頼感を高めます

3. アクセシブルであること

• WCAG の基準を参考に、十分なコントラスト比・適切なフォントサイズ・キーボード操作への対応を行います

• 日本語特有の課題にも配慮します

• スクリーンリーダーや支援技術との互換性を意識した実装を行います

4. 誠実であること

• ダークパターンを用いません

• ユーザーの注意を不必要に奪う要素を避けます

• コンテンツの見た目と実際の内容が一致するよう努めます

5. Atalie らしいこと

• 上記の原則を守りながら、Atalie 独自のトーンやビジュアルアイデンティティを反映させます

• 冷たくも堅苦しくもなく、落ち着いた温かみのあるデザインを目指します

タイポグラフィ

• 日本語の可読性を最優先とし、本文には読みやすいフォントを採用します

• 行間・字間・改行位置に注意を払い、長文でも快適に読める組版を意識します

• BudouX などの技術を活用し、日本語の自然な折り返しを実現します

カラー

• アクセシビリティ基準を満たすコントラスト比を確保します

• カラーパレットは Atalie のブランドカラーに基づき、控えめかつ一貫した配色を採用します

• 色だけに依存しない情報伝達を徹底します

レスポンシブデザイン

• モバイルからデスクトップまで、あらゆるデバイスで快適に利用できることを目指します

• 画面サイズに応じたレイアウトの最適化を行い、情報の優先度を維持します

改定について

本ポリシーは、Atalie のデザインの成長とともに更新されることがあります。