HTMLだけでモーダルを作る方法
こんにちは！
フェノメなの開発担当のレミです！
さて、タイトルを見てHTMLだけでモーダルが作れるの？と思った方は少なくないかもしれないですが、はい、作れます。
完全にHTMLネイティブのモーダルです。
IllustratorでUIデザインをする時に行う基本的な設定7つ
こんにちは。フェノメナエンターテインメント・デザインチームのトウミヤです。
UIデザインを作成する時に使うソフトウェアというと、現在はPhotoshopやSketch、XD辺りが主流になっています。しかし、Illustratorもオブジェクトの全てをベクターデータで処理し、拡大縮小や色の変更が容易なこともあり、UIデザインに十分活用できると考えています。
ただ、ベクターデータはPhotoshop等で作成されるビットマップデータと違い、そのまま描画するとオブジェクトに「にじみ」が発生しやすくなります。それを回避するためには、IllustratorにUIデザイン用の設定を施す必要があります。最近の業務でIllustratorを使って画面をデザインする機会があったため、その際に私が設定した事項について備忘を兼ねて書くことにしました。
Xamarin.Forms
こんにちは。すーさんです。
前回はクロスプラットフォーム開発環境の「Xamarin」について簡単に説明しましたが、今回は画面のUIを共通化できる「Xamarin.Forms」について触れようと思います。
もういちど、産業用機器のＵＩについて
フェノメナのマーケティング担当のとしです。
以前、産業用機器の分野でもＵＩに対する関心が高まってきたと書きました。
その後もビッグサイトの様々な分野の展示会に行ったりして、幅広い産業分野の事業に携わっている方たちと情報交換、意見交換を続けています。時には、会社に訪問させていただき、じっくりお話をさせていただく機会もいただいています。
「ＥＴ２０１７（組込み総合技術展）」に出展し、調査を実施しました
１１月１５日から１７日まで、パシフィコ横浜で開催された「Embedded Technology 2017（組込み総合技術展）」に出展し、弊社ブースでＵＩに関するユーザーテスト的なアンケート調査を実施しました。
「Embedded Technology 2017（組込み総合技術展）」 出展風景
Android 8.0 Oreo
フェノメナエンターテインメントの「おっちゃん」です。
8月22日にGoogleから「Android 8.0 Oreo」の正式リリースの発表がありました。
NEXUS5Xにアップデート通知が来ましたので、アップデートして2週間ほど使用していますが、特に不具合も無く安定して動作しています。
さて、Android8.0で色々と新機能を試しているのですが、Preview版では確認できなかった機能について書きたいと思います。
「にじみ」のないアイコンの作り方
こんにちは。フェノメナエンターテインメント・デザインチームの新人、トウミヤです。
皆さんは「見やすいアイコンの条件」というと、どのような条件を思い浮かべるでしょうか。
「視認性の高い配色になっている」「画面のサイズに対して適切な大きさになっている」…これらももちろん重要な条件ですが、私は「にじんでおらず、はっきりしている」という条件も挙げられると考えています。
「にじみ」とは
ここでは100％表示の時点で図形がクリアに見えておらず、少しぼやけている状態のことを指しています。
「にじみ」は画面全体を囲む線など、大きなデザインの場合は影響は少ないですが、アイコンなど小さなデザインの場合は影響は大きく、クオリティの高低に繋がります。
また、アイコンに「にじみ」が多いと、ユーザーにとってやや認識しづらいアイコンになってしまうので、UXの質に影響を及ぼすことも考えられます。
左がにじんでいるアイコン、右がにじんでいないアイコン
では、「にじみ」のないアイコンはどのように作れるのか。
以下で私なりの手順を紹介します。
CSSの@supports宣言でクロスブラウザに対応する方法
フェノメナの技術担当のレミです！
「flexboxを使いたいけど、ユーザのブラウザが果たして、それに対応しているのだろうか」と心配する開発者は少なくないでしょう。
flexboxだけでなく、あらゆる新しいCSSプロパティも全て同じ問題を抱えていて、「新しい技術は便利だし使いたいなー」という思いと、使えるユーザが制限されるのではないかという心配が共存しています。
それはもちろん、「なるべく多くのユーザに、リッチでかつ一貫性のある体験を届ける」という志し、ミッションをもつプロフェッショナルならば、少なくともそう思うでしょう。 続きを読む
このブログから情報発信しているUIデザイン専門家集団のホームページ :
フェノメナエンターテインメント株式会社