トーン&マナー

Principles

目的・詳細

トーン&マナーとはプロダクトのらしさを統一するためのルールです。 色使いやフォント、あしらいなどプロダクトを構成する要素がまとめられており、それらはユーザーがプロダクトに対して持つ印象に影響を与えます。 キャンペーン等は意図的にトーン&マナーから外す場合もあります。
Myセブン銀行アプリのトーン&マナーを構成する5つの要素

Myセブン銀行アプリのトーン&マナーを構成する5つの要素

①カラー 基本のカラースキームです。テキスト以外には基本的に暖色系を使いましょう。色の配分は70:25:5を意識してください。 ミニマルな印象にするため、基本アクセントカラーは多用しません。 ※必ず以下の色を使用する必要はありません。 カラー カラー ②フォント 基本的に読み文字にはヒラギノ角ゴシックを使用してください。 行間と文字間はゆったりと取り、ウェイトは文字の大きさにあったものを使います。 見出しなどの文言には親しみのある、角のに丸みのあるフォント(丸文字を除く)を使いましょう。任意で変更可能です。もし見出しに情緒が必要ない場合はヒラギノ角ゴシックを使用します。 ※フォントは2種類以上使用しないでください。 フォント フォント ③余白 ゆったりめにとってください。 余白についてはこちら 余白 余白 ④ビジュアルタイプ イラストや図の場合は線が多い複雑なものは避けましょう。 写真の場合は、できるだけ高画質なものを選びましょう。 ビジュアルタイプ ビジュアルタイプ ⑤装飾 シンプルなあしらいのみを採用しています。 また、過度に使用せず必要な場合のみ使用します。 装飾 装飾

作成例

作成例 作成例 作成例 作成例 ※このページで使用しているデザイン例は実際の画面と異なる場合があります。