0%
  • SyFu DesignSystem
    • SyFuには、アプリ内にウォレットとゲームの大きなテーマがあり、2つの整合性を1つのアプリとして一貫性を保つのが大きな課題となりました。より複雑でDesign Systemの継続的な構築と、積み重なる課題に柔軟対応できるかを重視した内容になっています。
  • コンポーネント化とVariantsを
    活用した効率的なUI設計

    汎用性の高い要素はコンポーネントとして定義し、派生したバリエーションはVariantsを用いて一元管理しています。デザインシステムとしての整合性を保ち、仕様変更にも柔軟かつ迅速に対応できる設計にしています。
  • レスポンシブ対応とメンテナンス性を
    両立するデータ構造化

    画面レイアウトおよびデザインシステムのコンポーネントは、すべてAuto Layoutをベースに構築し、多様なデバイス環境に適応する柔軟な設計を徹底しています。 実装の精度を高める必要があるプロジェクトでは、プラグイン等を活用して緻密なブレークポイントごとのデザインを作成。変化に強く、開発効率とメンテナンス性の高い実用的なデータを提供します。
  • Variablesを活用した高度な
    データ設計とマルチテーマ対応

    カラー、数値、テキスト、真偽値(Boolean)などのデータ値をVariablesで一元管理し、ダークモードやテーマ切り替え、デバイスに応じた動的なレイアウト変更をシームレスに行える設計を行っています。 また、Spacing(余白)などプロジェクトごとに発生する例外的な仕様についても、発生頻度に応じて柔軟にVariablesへ登録・トークン化。デザインシステムとしての厳格性を保ちつつ、実務に即した運用のしやすさを両立させています。
  • 変化に強いアセット管理と
    柔軟なデバイス・UI対応力

    チーム開発の効率化を見据え、コンポーネントをチームライブラリとして一元管理・共有しています。これにより、常に最新の承認済みアセットを展開できる体制を整えています。 さらに、iOSの公式アップデート等に伴うUI変更の際にも、デザインデータ側を最小限の手間で簡易的にリプレイスできるよう、拡張性を持たせた設計を実践。最新のUIガイドラインを常にキャッチアップし、フレキシブルに各種デバイスに適応させるデータ設計が強みです。
  • Design System

    ※内容は一部抜粋。
  • Back to top