Hatena Blog Tags
はてなブログ トップ
Fluent Design System
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Fluent Design System

(コンピュータ)
【ふるーえんとでざいんしすてむ】

マイクロソフトが提唱するGUIのデザイン体系。build 2017にて発表された。
アクリル風のUIが特徴的で、デバイスを問わず統一されたデザイン体系を維持できるとしている。

2017年秋リリースの Windows 10 Fall Creators Update より導入。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
稗田利明のIT Insights•2ヶ月前

Files v3.2がリリースされ、リストビューレイアウトやアルバムカバー編集などの新機能が追加 稗田利明

Files v3.2がリリースされ、リストビューレイアウトやアルバムカバー編集などの新機能が追加 こんにちは、稗田利明です！ 「Files」は、Windows 11のデザイン言語「Fluent Design System」に準拠したファイル管理ソフトで、2月12日にv3.2へのアップデートが行われました。新機能としては、リストビューレイアウトの追加、プロパティウィンドウからのアルバムカバー編集、より高品質なサムネイルの改善などが盛り込まれています。また、内部設計の大幅な改善により、動作がよりスムーズになりました。さらに、フォルダービューの新しいレイアウトオプションや、OneDriveでのサムネ…

関連ブログ

しばやん雑記•8ヶ月前

Windows App SDK を使ってモダンなタイトルバーを持つアプリケーションを作る

Windows 11 で全面的に導入された Fluent Design System は個人的には結構好みなので、自作アプリでも同じようなデザインを実現したいのですが意外に難しいです。コントロールだけに限れば Windows App SDK を使うとある程度は対応は可能ですが、まだ使いやすく提供されていない機能もあります。例えば以下は Microsoft Store アプリですが、タイトルバーからして大きく異なっています。全体的に Mica が適用されていて、完全にカスタマイズされたタイトルバーが実装されています。Windows 11 におけるタイトルバーのデザインについては、以下のドキュメン…

sh1’s diary•9ヶ月前

WPF UI（UI ライブラリ）の使い方（１）

インストールと初期設定 補足（直接指定） 補足（テーマの指定） XAML からライブラリを利用するための設定 システムのテーマを適用する メニュー 参考 WPF の GUI ライブラリ「WPF UI」を使ってみる機会があったので、基本的な使い方をメモ。 WPF の GUI ライブラリは、以下のようなものが色々あります。（2023/08/09 時点） Material Design 13.9k Star MashApps.Metro 8.8k Star WPF UI 4.7k Star ModernWpf 3.8k Star もちろん他にも GUI のライブラリは、種類があると思います。GitH…

（）のブログ•9ヶ月前

Microsoft 365 SharePoint のデザインに微修正が入りました

SharePoint Online の画面を見ていたら何やら違和感が、、、 今回はぱっとわからなかったのですが、どうも SharePoint 標準部品のデザインに変更が入ったようです。 Windows 11 関係のデザインといいますか、 Edge でも Build 2023 を終えたころから行われている、角をとった丸まったデザインに移行が行われているようです。 こんな感じですね。 そして、 Web パーツ編集画面については画面のイメージだけでなく、動作が軽快になっている感があります。 以下は Web パーツをポイントしたところ、枠が表示され、場所が分かりやすくなった画面です。 パーツ編集時のメ…

deve.K's Programming Primer - プログラミング初心者のための入門ブログ•10ヶ月前

Reactコンポーネントの基本原則と人気のUI/UXデザインライブラリの解説

Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なアプリケーションの開発が可能です。 今日は、Reactにおけるコンポーネントの基本原則の解説と、初心者に役立つReactコンポーネントライブラリの紹介を提供します。 コンポーネントの設計原則 UI（ユーザーインターフェース） UX（ユーザーエクスペリエンス） UIのデザインに役立つRe…