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

cover-image-dialog-html

こんにちは!

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

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

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

続きを読む

Xamarin.Forms

icon

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

 前回はクロスプラットフォーム開発環境の「Xamarin」について簡単に説明しましたが、今回は画面のUIを共通化できる「Xamarin.Forms」について触れようと思います。

続きを読む

もういちど、産業用機器のUIについて

フェノメナのマーケティング担当のとしです。
以前、産業用機器の分野でもUIに対する関心が高まってきたと書きました。

その後もビッグサイトの様々な分野の展示会に行ったりして、幅広い産業分野の事業に携わっている方たちと情報交換、意見交換を続けています。時には、会社に訪問させていただき、じっくりお話をさせていただく機会もいただいています。

続きを読む

iOS11

ios11

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

今回は、iOS11について書いていきます。
iOS11がリリースされてそろそろ2ヶ月が経とうとしていますが、皆さんはアップデートしましたか?
ちなみに私の場合、新しいもの好きなのでアップデートはできるならすぐに行ってしまうタイプなので、もちろんアップデート済みです。
では、今回のアップデートで何が変化したのかを探っていきましょう。

続きを読む

Android 8.0 Oreo

フェノメナエンターテインメントの「おっちゃん」です。

Oreo
8月22日にGoogleから「Android 8.0 Oreo」の正式リリースの発表がありました。
NEXUS5Xにアップデート通知が来ましたので、アップデートして2週間ほど使用していますが、特に不具合も無く安定して動作しています。

さて、Android8.0で色々と新機能を試しているのですが、Preview版では確認できなかった機能について書きたいと思います。

続きを読む

「にじみ」のないアイコンの作り方

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

皆さんは「見やすいアイコンの条件」というと、どのような条件を思い浮かべるでしょうか。
「視認性の高い配色になっている」「画面のサイズに対して適切な大きさになっている」…これらももちろん重要な条件ですが、私は「にじんでおらず、はっきりしている」という条件も挙げられると考えています。

「にじみ」とは 

ここでは100%表示の時点で図形がクリアに見えておらず、少しぼやけている状態のことを指しています。
「にじみ」は画面全体を囲む線など、大きなデザインの場合は影響は少ないですが、アイコンなど小さなデザインの場合は影響は大きく、クオリティの高低に繋がります。
また、アイコンに「にじみ」が多いと、ユーザーにとってやや認識しづらいアイコンになってしまうので、UXの質に影響を及ぼすことも考えられます。

img1 左がにじんでいるアイコン、右がにじんでいないアイコン

 

では、「にじみ」のないアイコンはどのように作れるのか。
以下で私なりの手順を紹介します。

続きを読む

CSSの@supports宣言でクロスブラウザに対応する方法

css-supports

フェノメナの技術担当のレミです!

「flexboxを使いたいけど、ユーザのブラウザが果たして、それに対応しているのだろうか」と心配する開発者は少なくないでしょう。
flexboxだけでなく、あらゆる新しいCSSプロパティも全て同じ問題を抱えていて、「新しい技術は便利だし使いたいなー」という思いと、使えるユーザが制限されるのではないかという心配が共存しています。
それはもちろん、「なるべく多くのユーザに、リッチでかつ一貫性のある体験を届ける」という志し、ミッションをもつプロフェッショナルならば、少なくともそう思うでしょう。 続きを読む

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