Phenomena Blog | UIエキスパートの記事発信ブログ

最近は画面デザインの指示にSketchを用いる機会が増えて、それに伴い画像パーツもSketchから書き出すことが多くなってきています。
ベクターデータで１サイズ作成しておけば、あとは必要なサイズに一瞬で展開出来るので便利ですが、出力された画像パーツは信頼できるのか？という不安も残ります。
チェックポイントは色々ありますが、今回はその中から幾つかピックアップして検証してみようと思います。

美しいUDフォント

2018/05/07

design fonts universal design

マツキヨです。

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

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

スマートスピーカーのアプリ開発

2018/03/27

tools

こんにちは。すーさんです。

今回は、身近で目にする機会が多くなってきたスマートスピーカーのアプリ開発について調べたことを簡単にまとめてみます。

「スマートスピーカー」って何だ？

2018/02/20

Uncategorized

フェノメナエンターテインメント開発担当のおっちゃんです。

2017年末に、最近よく耳にする「スマートスピーカー」や「ＡＩスピーカー」とは、いったいどういう物・サービスなのだろう？
Ｗｅｂで調べてみても、一般的なことは書いてあるが、使い勝手やネガティブなことが書いていない・・・・

何ができて、何ができないのだろう？疑問が湧き上がってきました。
ＵＩに関連する業務を行っているフェノメナとしては、「スマートスピーカーは何ができる？」「ＵＩとして、スマートスピーカーはどうなんだろう？」という部分にフォーカスをあてて使ってみる必要あるのでは？

ということで、「入手して初心者として一から使ってみよう！」ということになりました。

HTMLだけでモーダルを作る方法

2018/01/25

css html

こんにちは！

フェノメなの開発担当のレミです！

さて、タイトルを見てHTMLだけでモーダルが作れるの？と思った方は少なくないかもしれないですが、はい、作れます。

完全にHTMLネイティブのモーダルです。

IllustratorでUIデザインをする時に行う基本的な設定7つ

2017/12/19

design tools Adobe Illustrator

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

UIデザインを作成する時に使うソフトウェアというと、現在はPhotoshopやSketch、XD辺りが主流になっています。しかし、Illustratorもオブジェクトの全てをベクターデータで処理し、拡大縮小や色の変更が容易なこともあり、UIデザインに十分活用できると考えています。

ただ、ベクターデータはPhotoshop等で作成されるビットマップデータと違い、そのまま描画するとオブジェクトに「にじみ」が発生しやすくなります。それを回避するためには、IllustratorにUIデザイン用の設定を施す必要があります。最近の業務でIllustratorを使って画面をデザインする機会があったため、その際に私が設定した事項について備忘を兼ねて書くことにしました。