スマートフォンの縦長化

こんにちは。
フェノメナエンターテインメント デザイン担当の山男です。

iPhone Xの登場でスマートフォン画面の縦長化が始まり、去年からはAndroidも追従しつつあります。例えばNTTドコモのラインナップを見ると、以下のようになっています。(2019.09.27時点)

【 21:9 】Xperia 1
【 19.5:9 】AQUOS R3 / Huawei P30 Pro
【 19:9 】Galaxy S10 / S10+ / AQUOS R2
【 18.7:9 】Huawei P20 Pro
【 18:9 】その他の端末すべて

スマートフォンのアスペクト比

続きを読む

ダークモードはもうすぐ当たり前?

ダークモード

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

「ダークモード」という言葉が今までよりも聞く機会が増ふえてきたと思いますが、もうそろそろダークモードは当たり前になるかもしれません。
ちなみに、windowsやmacOSでは、設定でダークモードに切り替えられるようになったのを知っていましたか?
同じようにスマートフォンでも切り替わるようになるのはそう遠くない話になりそうです。

続きを読む

Appleが推奨するアイコンの表現

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

今回は初めに、iOSでのアイコンに関する軽いクイズから入ろうと思います。
アプリを使っているとタブバーなどに配置されているアイコンをタップすると、アクティブ時・非アクティブ時での見た目が切り替わりますよね?
ここでクイズです!

アクティブ時・非アクティブ時での見た目を切り替える表現として、Appleが発行している【Human Interface Guidelines】で推奨しているのはどちらでしょう?

【A】:アクティブ時は塗り・非アクティブ時は線のテイストに変わる
【B】:アクティブ時も非アクティブ時も塗りで色の変化のみで表現する

アンケート_お気に入り

決まりましたか?正解は…

続きを読む

CSSで簡単な三角形を作るコツ!

triangle-css-cover2

皆さん

技術担当のレミです。

CSSで、どうやって正方形が作れるのだろうか?

> それは、簡単ですよ!あらゆるHTMLエレメントは正方形・長方形が基本ですから。。

ただし、三角形はどうでしょう?

あなたならそれをどうやってそれをCSSで実現しますか?

この記事では、CSSで簡単に三角形を作るためのコツを教えます。

続きを読む

美しいUDフォント

マツキヨです。

とあるきっかけでUDフォントについて学んでみました。
ET2017(組込み総合機器展)で実施したアンケート調査もその一環です。

「UDフォントの可読性」
今まで、組込み機器の画面デザインでクライアントからフォントの助言を求められると次のように回答していました。
「きちんと購入費が計上できるならUDフォントを使うとよいですよ」
「費用はイワタ、モリサワ、モトヤ、フォントワークス…フォント販売各社にお問い合わせしてください」
「購入費を確保できない場合は、無償のIPAフォントというのがあるので調べてください」
そして、深く考えずに「できるだけUDフォントにすべきです」と進言していました。

続きを読む

このブログから情報発信しているUIデザイン専門家集団のホームページ :
フェノメナエンターテインメント株式会社