トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

【Windowsアプリ用】UIデザインキットとFluent Design System

デザインツールキット

ここからXDやAIなどいろいろな形式でダウンロードできる。

docs.microsoft.com

f:id:bibinbaleo:20200415172018p:plain

中身

XDファイルを開いたらこんな感じ!

f:id:bibinbaleo:20200415172147p:plain

iosのテンプレートみたいにいろいろなUIパーツがある!

 チェックボックス

f:id:bibinbaleo:20200415172024p:plain

私の好きなToggleSwitch!

f:id:bibinbaleo:20200415172028p:plain

こんな丸いカラーピッカー生まれて初めて見たよ

f:id:bibinbaleo:20200415172021p:plain

ちゃんとパーツ触れる

f:id:bibinbaleo:20200415172307p:plain

ライセンスはみんな大好きMITライセンス!神じゃん

f:id:bibinbaleo:20200415172425p:plain

Fluent Design System

MicrosoftはFluentDesignSystemというのを提唱してたらしい

ferret-plus.com

www.youtube.com

半透明なところはiosと似てるし、マテリアルとか奥行きがあるのはMaterialDesignと似てる。

ライトとか3D対応とかはHololensを出しているMicrosoftならではって感じ!

 

半透明はこんな感じ

f:id:bibinbaleo:20200416094519p:plain