五感を駆使したUIで問題点を解決する
民生用機器ではほとんど見られなくなった機械式デバイスによる操作部を持った製品が産業用や専門的な業務用機器の分野ではまだまだ数多く見られます。
それらは長年の間に改良が重ねられ「人間（が使うもの）らしさ」が感じられるものが多く、捨てがたい魅力を持っているものが少なくありません。
ただ、多くは製造コストの面や製品の信頼性の問題で電子デバイスへの切り替えが急速に進み始めています。
design
スマートフォンの縦長化
こんにちは。
フェノメナエンターテインメント デザイン担当の山男です。
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 】その他の端末すべて
CPUプレビューとGPUプレビュー
こんにちは。フェノメナエンターテインメント・デザインチームのトウミヤです。
少し前に、社内で「IllustratorのCPUプレビューとGPUプレビューはどう違うのか？」ということが話題になりました。
一般的に「CPU」はパソコンの全体処理を行うプロセッサ(頭脳部分)、「GPU」は主に画像処理を専門に行うプロセッサを指します。
ですがIllustrator上でそのプレビューを切り替えてもパッと見変化は見られなかったため、今まで意識したことすらありませんでしたが、分かったことを備忘も兼ねて書いておきます。
一般的に「CPU」はパソコンの全体処理を行うプロセッサ(頭脳部分)、「GPU」は主に画像処理を専門に行うプロセッサを指します。
ですがIllustrator上でそのプレビューを切り替えてもパッと見変化は見られなかったため、今まで意識したことすらありませんでしたが、分かったことを備忘も兼ねて書いておきます。
ダークモードはもうすぐ当たり前？
こんにちは。
フェノメナエンタテインメントデザインチームのニキです。
「ダークモード」という言葉が今までよりも聞く機会が増ふえてきたと思いますが、もうそろそろダークモードは当たり前になるかもしれません。
ちなみに、windowsやmacOSでは、設定でダークモードに切り替えられるようになったのを知っていましたか？
同じようにスマートフォンでも切り替わるようになるのはそう遠くない話になりそうです。
音声アシスタントの今
こんにちは。
フェノメナエンターテインメント デザイン担当の山男です。
日本でも一昨年ぐらいから世間を騒がせたスマートスピーカー、Google Home・Amazon Echo・Clova等が発売されました。 発売当初はそれなりに話題になったものの、ここしばらくは何となく下火になり、一部のデバイス好き＋アルファが買ったのかな？ぐらいの印象に落ち着いてしまった感じもします。
Photoshopのおすすめ自動処理3つ
こんにちは。
フェノメナエンターテインメント・デザインチームのトウミヤです。
フェノメナエンターテインメント・デザインチームのトウミヤです。
普段Photoshopを使っている中で、「この作業は自動化できたら良いのに…」と思うことはありませんか？
煩雑な定型作業を手作業で行えば、ミスを誘発するだけでなくクリエイティブな思考をする時間まで減らしてしまうため、できる限り自動化させていきたいものです。
そこで、今回はPhotoshop(CCで動作確認済み・外部スクリプトなし)で使える、おすすめの自動処理を3つ紹介します。
煩雑な定型作業を手作業で行えば、ミスを誘発するだけでなくクリエイティブな思考をする時間まで減らしてしまうため、できる限り自動化させていきたいものです。
そこで、今回はPhotoshop(CCで動作確認済み・外部スクリプトなし)で使える、おすすめの自動処理を3つ紹介します。
Appleが推奨するアイコンの表現
こんにちは。
フェノメナエンターテインメント デザインチームのニキです。
今回は初めに、iOSでのアイコンに関する軽いクイズから入ろうと思います。
アプリを使っているとタブバーなどに配置されているアイコンをタップすると、アクティブ時・非アクティブ時での見た目が切り替わりますよね？
ここでクイズです！
アクティブ時・非アクティブ時での見た目を切り替える表現として、Appleが発行している【Human Interface Guidelines】で推奨しているのはどちらでしょう？
【A】：アクティブ時は塗り・非アクティブ時は線のテイストに変わる
【B】：アクティブ時も非アクティブ時も塗りで色の変化のみで表現する
決まりましたか？正解は…
CSSで簡単な三角形を作るコツ！
皆さん
技術担当のレミです。
CSSで、どうやって正方形が作れるのだろうか？
> それは、簡単ですよ！あらゆるHTMLエレメントは正方形・長方形が基本ですから。。
ただし、三角形はどうでしょう？
あなたならそれをどうやってそれをCSSで実現しますか？
この記事では、CSSで簡単に三角形を作るためのコツを教えます。
Sketchからの画像パーツ出力を検証する
こんにちは。
フェノメナエンターテインメント デザイン担当の山男です。
最近は画面デザインの指示にSketchを用いる機会が増えて、それに伴い画像パーツもSketchから書き出すことが多くなってきています。
ベクターデータで１サイズ作成しておけば、あとは必要なサイズに一瞬で展開出来るので便利ですが、出力された画像パーツは信頼できるのか？という不安も残ります。
チェックポイントは色々ありますが、今回はその中から幾つかピックアップして検証してみようと思います。
美しいUDフォント
マツキヨです。
とあるきっかけでUDフォントについて学んでみました。
ET2017(組込み総合機器展)で実施したアンケート調査もその一環です。
「UDフォントの可読性」
今まで、組込み機器の画面デザインでクライアントからフォントの助言を求められると次のように回答していました。
「きちんと購入費が計上できるならUDフォントを使うとよいですよ」
「費用はイワタ、モリサワ、モトヤ、フォントワークス…フォント販売各社にお問い合わせしてください」
「購入費を確保できない場合は、無償のIPAフォントというのがあるので調べてください」
そして、深く考えずに「できるだけUDフォントにすべきです」と進言していました。
このブログから情報発信しているUIデザイン専門家集団のホームページ :
フェノメナエンターテインメント株式会社