タグ

2017年11月9日のブックマーク (2件)

  • Atomic Designの考え方と利点・欠点 – wkr.

    Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日だとAbemaTV(アベマ TV)で使われています。 (Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより) Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms(原子)・Molecules(分子)・Organisms(有機体)・Templates(テンプレート)・Pages(ページ)です。 各コンポーネントの詳細は次のとおりです。

    Atomic Designの考え方と利点・欠点 – wkr.
  • マーケティングリソースとアイデンティティに関するガイドライン - App Store - Apple Developer

    推奨バッジ アプリを宣伝するマーケティングコミュニケーションでは、黒い推奨バッジを使用してください。黒いバッジの周囲にあるグレイのボーダーはバッジのアートワークの一部であり、変更は許可されていません。同じ場所で他のアプリプラットフォームのバッジを併用する場合は、黒い推奨バッジを使用してください。その際は、App Storeのバッジを最初に配置してください。 代替バッジ 多様なデザインに柔軟に対応できるよう、白い代替バッジも用意されています。黒い推奨バッジではレイアウトの見た目が重くなってしまう場合に使用することができます。白い代替バッジは、同じ場所でバッジを1つだけ使用し、かつレイアウト内で使用される他の色を補う場合に適しています。マーケティングコミュニケーションで他のアプリプラットフォームのバッジも表示する場合は、黒い推奨バッジを使用し、白い代替バッジは使用しないようにしてください。 ロ

    マーケティングリソースとアイデンティティに関するガイドライン - App Store - Apple Developer