Tweet
Tweet

Slide 1

Slide 1 text

デザインシステムって いいな 2022/2/22 Swift愛好会 tiking

Slide 2

Slide 2 text

自己紹介 名前 : チキング 好きな言語　Swift twitter @tikin0716 gitHub tiking76

Slide 3

Slide 3 text

みなさーん こんなことで悩んでいたりしませんか？

Slide 4

Slide 4 text

このデザインあのコンポーネントと微妙に似てい るけどなんか違うよな〜

Slide 5

Slide 5 text

ここのフォントどうするんだろう…

Slide 6

Slide 6 text

デザインシステムって？ 一般的には以下のものを指します ● タイポグラフィ ● カラーシステム ● ボイス&トーン ● コードベースのUIコンポーネント ● デザイントークン

Slide 7

Slide 7 text

ようは… ソフトウェアやグラフィックなどにおける デザインの原則や指針と、 それらを実現するための仕組みの集合体

Slide 8

Slide 8 text

デザインシステム ≠ UIのこと

Slide 9

Slide 9 text

なんでこの話題にしたの？？ 昨今SwiftUIを使ったプロダクトが増えている ex: 全部SwitUIで書いてます！！ UIKit(ViewController)と組み合わせてます！！

Slide 10

Slide 10 text

UIに関して ● SwiftUIが宣言UIがなので、直感的にわかりやすいコードが書きやすい ● プレビュー機能によってwebでのstorybookのようなものが作れるようになった →コンポーネント一覧のようなものを容易に作れるようになった etc…

Slide 11

Slide 11 text

UXに関して ● アクセシビリティについての実装も容易になった →modifierのおかげ ex:

Slide 12

Slide 12 text

チームに関して ● デザインやチームの思想をより伝えやすい →ドキュメントを共有することによってデザインに関する思想、方針なども容易に知 ることができる

Slide 13

Slide 13 text

最後に… デザインシステムを作ることによって みんなが笑顔になる開発環境を整備していきましょ〜〜〜

Slide 14

Slide 14 text

参考にしました🙏 iOS・Androidで使える デザインシステムをどう実装するか - Speaker Deck グッドパッチエンジニアが選ぶ、推しデザインシステム10選 SwiftUI Accessibility: Traits | Mobile A11y Accessibility in SwiftUIまとめ