マテリアルデザインでシンプルおしゃれなUIを作る
はじめに 先日WPFであるツールを作らせていただきました。動作は問題ないけど、デザインどうしよう、、、と悩んだ末、マテリアルデザインを採用！xamlの経験があまりなくても簡単にできましたので、今回はその方法をご紹介させていただきます！ マテリアルデザインとは マテリアルデザインとは、2014年にGoogleが発表したデザインのことです。「マテリアル（material）」は、「原料」「材料」「物質的
小野田 紗良
カテゴリ
UI
7件の記事
.NET MAUIで作るマルチプラットフォームアプリ（環境構築～サンプル作成①）
.NET MAUI .NET Multi Platform App UI（.NET MAUI）はXamarin.Formsの進化版で、Xamarinとは異なり１つのプロジェクトでマルチプラットフォームアプリを作成できます。画面レイアウトはXAML、コードはC#を使用します。 使用する環境としてはVisual Studio 2022 Previewと.NET 6 Previewが必要です。まだプレビ
原口
ニューモーフィズムなボタンを１から作成
ニューモーフィズム？ 「ニューモーフィズム（Neumorphism）」とは、フラットデザインやマテリアルデザインのようなデザイン手法の一つです。下記のように背景から突き出させたり、逆に窪んだりした見た目を表現します。 ボタンを１から作ってみる 今回は、どのようなスタイルが必要になるのか理解するため、スタイルを全く設定していない状態からニューモーフィズムなボタンを作っていきたいと思います。 スタイル
原口
(第2回)マテリアルデザインとは ～物理的な表現～
物理的な表現 前回、マテリアルデザインのざっくりとした概要を調べました。今回は、マテリアルデザインで表現する物体の物理的な性質について面白いと感じたガイドラインを見ていきたいと思います。 マテリアルデザイン ガイドライン 物体の厚み、深さ マテリアルデザインでは光や影などを利用し、フラットでありながら奥行きのある空間が表現できます。ただ、なんでもかんでも自由に配置しても良いわけではなく、ルールがあ
原口
(第1回)マテリアルデザインとは ～知ってみる～
はじめに GUIを検討する際に、流行を調べるとフラットデザイン、マテリアルデザイン、という言葉が出てきます。 フラットは分かるけどマテリアルデザインって何？なんとなくフラットに影を付けたり少し立体感を持たせたような…？ と名前は聞いたことあるけど具体的には理解できていない『マテリアルデザイン』について１から調査。調査した結果を見ていきます。 マテリアルデザインとは？ そもそも『マテリアルデザイン』
原口
【第2回】ユーザビリティ ～直感的、人間工学に基づくUI～
はじめに 前回、ユーザビリティとして、ボタンと入力エリアの配置、ボタンの色等、画面全体のレイアウトについて記載しました。 今回は、入力エリアに絞って、ラベル（項目タイトル）とテキストボックスの配置等について記載していきます。 ラベル（項目タイトル）とテキストボックスの配置 テキストボックスに入力する際、ラベルを見て何の項目かを判断します。テキストボックスに対して、ラベルのどこに配置されているか、に
原口
【第1回】ユーザビリティ ～直感的、人間工学に基づくUI～
はじめに WEBサイトやシステムを設計する際、ユーザビリティは意識してますでしょうか？意識していないと、ユーザは無意識に使いづらい、とっつき辛いと感じてしまい嫌々使うことになってしまいます。 今回は、入力画面を例に、項目の配置、色やレイアウトについて書いていきたいと思います。 ユーザビリティとは ユーザビリティ（Usability）は直訳すると「使いやすさ」ですが、単なる使いやすさという意味だけで
原口