目次 はじめにマテリアルデザインとはシンプルな配色WPFでマテリアルデザインを適用する方法適用後の調整おわりに はじめに 先日WPFであるツールを作らせていただきました。動作は問題ないけど、デザインどうしよう、、、と悩んだ末、マテリアルデザインを採用！xamlの経験があまりなくても簡単にできましたので、今回はその方法を...

目次 .NET MAUI環境構築プロジェクトの作成WindowsPCで実行Androidスマホで実行最後に .NET MAUI .NET Multi Platform App UI（.NET MAUI）はXamarin.Formsの進化版で、Xamarinとは異なり１つのプロジェクトでマルチプラットフォームアプリを作成...

目次 ニューモーフィズム？ボタンを１から作ってみる背景色光と影微調整動き最後に ニューモーフィズム？ 「ニューモーフィズム（Neumorphism）」とは、フラットデザインやマテリアルデザインのようなデザイン手法の一つです。下記のように背景から突き出させたり、逆に窪んだりした見た目を表現します。 ボタンを１から作ってみ...

目次 物理的表現厚み、深さ物理的特性奥行き次回 物理的な表現 前回、マテリアルデザインのざっくりとした概要を調べました。今回は、マテリアルデザインで表現する物体の物理的な性質について面白いと感じたガイドラインを見ていきたいと思います。マテリアルデザイン　ガイドライン 物体の厚み、深さ マテリアルデザインでは光や影などを...

目次 はじめにマテリアルデザインとは？フラットデザインとの関係性デザインイメージまとめ次回予告 はじめに GUIを検討する際に、流行を調べるとフラットデザイン、マテリアルデザイン、という言葉が出てきます。フラットは分かるけどマテリアルデザインって何？なんとなくフラットに影を付けたり少し立体感を持たせたような…？と名前は...

目次 はじめにラベル（項目タイトル）とテキストボックスの配置余白さいごに はじめに 前回、ユーザビリティとして、ボタンと入力エリアの配置、ボタンの色等、画面全体のレイアウトについて記載しました。今回は、入力エリアに絞って、ラベル（項目タイトル）とテキストボックスの配置等について記載していきます。 ラベル（項目タイトル）...

目次 はじめにユーザビリティとは視線移動に沿った自然な入力直感的に理解できる配色次回予告 はじめに WEBサイトやシステムを設計する際、ユーザビリティは意識してますでしょうか？意識していないと、ユーザは無意識に使いづらい、とっつき辛いと感じてしまい嫌々使うことになってしまいます。 今回は、入力画面を例に、項目の配置、色...