Lists (リスト)
Lists パターンは、人、ソーシャル メディア ストーリー、複数行リスト要素、設定、最近使用した項目、製品、項目のカテゴリなどの一般的なシナリオを表す水平または垂直レイアウトのデータの体系化されたコレクションのプリセットとして使用します。
![](../images/lists_people.png)
![](../images/lists_settings.png)
Empty State (空の状態)
Empty State List パターンを使用して、利用可能な結果がない検索を示します。
![](../images/list_search_cannotfind.png)
Group of Items (項目のグループ化)
Group of Items List パターンを使用して、グループ化されたまたは体系化された項目を示します。
![](../images/list_with_avatars.png)
Warning
Sketch では、パターンとして使用可能な Lists のいずれかを挿入した後、提供されているよりも多くの項目を追加する必要がある場合にのみ、Detach from Symbol
をトリガーできます。Input、Avatar、Navigation 要素などの個々の List 項目とコンポーネントをデタッチしないでください。
Adobe XD では、List 項目を複製することで新しい List 項目を追加できます。パターン自体のグループ化を解除しなくても、スタックが適用されるため、List 項目は他の項目と単純に整列します。
その他のリソース
関連トピック:
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub