WinUI 3 Galleryのススメ

WinUI 3 Galleryのススメ

Windows 11がリリースされてからしばらく経ちましたが、世の中的な盛り上がりはまだ微妙な印象です。私も自宅環境は11にアップデートしたものの、オフィスPCは10のまま。当面は10で良いかな…という感じ。
ただ、それはそれとして11のUIは勉強しておかなければという事情もあります。そんな場合に助けとなるのが、Microsoftが公開している WinUI 3 Gallery です。
Microsoft Storeで公開されているWindowsアプリなので、ストアを起動して「WinUI 3 Gallery」で検索してみて下さい。

続きを読む

Android Material Design 3「カラーパレット」について

Android12で「ダイナミックカラー」という機能が搭載されました。
これは、背景色に使用されている色を抽出しダイナミックカラーに対応しているアプリケーションのキーカラーや関連するカラーパレットを変更する機能です。
これによりダイナミックカラーに対応しているホームやアプリケーションが統一された色調になります。

ただし、ダイナミックカラーに対応しないアプリケーションやダイナミックカラー機能が無いAndroid11以前でも動作するアプリケーションを作成する場合、固定のカラーパレットを作成してアプリケーションに設定しておく必要があります。
Androidのデザインガイドラインには、「背景と前景(文字やボタンなど)のコントラスト比が、4.5:1以上を守ること」と記載されているため色仕様を決定するには、なかなか面倒なことになってます。

続きを読む

Android Material Design 3

もう、ご存じの方も多いと思いますが、GoogleのUI向けデザインガイドラインが「Material Design 3」として大きく変更されました。

一番話題になっているのは、「ダイナミックカラー」と呼ばれる機能です。
「ダイナミックカラー」とは、ホームやロック画面の背景画像を変更することでAndroidOSが色を抽出しアプリケーションに設定するカラーパレットが作成されます。
ユーザーは、作成された最大4パターン+基本4色から好きな色を選ぶことで、アプリケーションのアクセントとなる色を対応アプリケーションに反映します。

続きを読む

「iOS15」で何が変わるのか

こんにちは。
フェノメナエンターテインメント デザインチームのニキです。

日本時間の2021年6月8日午前2時に行われた、Appleの開発者向けカンファレンス「WWDC21」で「iPhone」や「iPad」や「mac」などの各OSのアップデートが発表されました。その中でも話題の中心になりやすい、「iPhone」のOSである「iOS」のアップデート全体としての印象は、デザインの方向性が大きく変わるようなアップデートではなく、「使いやすい環境を整えていく」ような印象でした。

次期iOSのバージョンは「iOS15」となりますが、対応端末は「iOS14」と同様で切り捨てられる端末はないため、「iPhone 6s」や「iPhone SE(第1世代)」も引き続きアップデート対象となるようです。
また、「iOS15」は2021年秋にリリース予定なのでそれまで使えないです。そのため、本記事は体験談としてではなく、発表された中で「使いやすくなりそう」と思った内容をいくつかピックアップしようと思います。

続きを読む

システムフォントついて

フォント

こんにちは。
フェノメナエンターテインメント デザインチームのニキです。
画面デザインを行う際、実際に表示される状態に近くなるよう意識して作成していくことが大切であると考えています。その時に意識するポイントとして、フォントをどうするかがあります。iOSやAndroid向けなどのアプリでは、ほとんどの場合に初めからOSにインストールされている「システムフォント」を使うと思います。Webサイトの場合は「システムフォント」以外にも、ネット上にあるフォントデータを呼び出して使う「Webフォント」を使用することもあります。アプリ作成の初期段階で使用するのはどのようなフォントなのかを決めて、画面デザイン時にも用いることで、デザインと実際に表示される状態とのイメージのずれを少なくすることができます。
続きを読む

五感を駆使したUIで問題点を解決する

民生用機器ではほとんど見られなくなった機械式デバイスによる操作部を持った製品が産業用や専門的な業務用機器の分野ではまだまだ数多く見られます。
それらは長年の間に改良が重ねられ「人間(が使うもの)らしさ」が感じられるものが多く、捨てがたい魅力を持っているものが少なくありません。
ただ、多くは製造コストの面や製品の信頼性の問題で電子デバイスへの切り替えが急速に進み始めています。

続きを読む

iOS13から登場のダークモード

こんにちは。
フェノメナエンターテインメント デザインチームのニキです。
フェノメナのブログでiOS系をネタとして書くことが多い私なので、少し時間は経ちましたが「iOS13」から登場した「ダークモード」について今回書こうと思います。

Map_比較_iPhone

「iOS」も2019年の大型アップデート・「iOS13」で「ダークモード」対応をしました。

続きを読む