Photoruction Design System
サービスサイトへ
  • OVERVIEW
  • PRINCIPALS
  • MATERIALS
    • ロゴ
    • 色
    • フォント
  • DESIGN TOKEN
    • 色
    • タイポグラフィ
    • 角丸/シャドウ
    • スペース
  • COMPONENT
    • Common Rules
    • Accordion
    • ArtWork
    • Badge
    • Balloon
    • Button
    • Card
    • Dropdown
    • Footer
    • Form
    • Header
    • Headline
    • Icon
    • Logo
    • Modal
    • Pankuzu
    • Side Panel
    • Table
    • Tool Bar
  • WRITING
    • ライティングスタイル
    • UI
    • メール
  • DESIGN PATTERN
    • サイドパネル
  • CONSTRUCTION BPO
  • TOOLS
    • ビジュアル表現
    • PowerPoint
    • Zoom
    • Slack
    • Mac
    • Desktop Picture
GitBook提供
このページ内
  • 可変型サイドパネル
  • データファインダー
  1. DESIGN PATTERN

サイドパネル

前へDESIGN PATTERN次へCONSTRUCTION BPO

最終更新 9 か月前

可変型サイドパネル

可変型のサイドパネル (データファインダー)では最小幅を300px、最大幅を480pxとする。 ユーザーが操作可能な領域は12pxとする。

データファインダー

  • フォルダ階層が分かるように小階層にインデントを付ける。

  • 親階層はアコーディオン形式で開閉できるようにする。

  • データ数の表記は最大6桁を想定とし、仮に7桁以上になる場合はテキストの領域を狭め、データ数は隠さずすべて表示する。

  • テキストが表示領域に収まらない場合、省略表示(...)にする (データの桁数が増えた場合は表示可能なテキスト数を減らす)