入力フォーム、インフォグラフィック、アニメーションツール、フォント選択ツール(デザインとUX/UIのウィークリーまとめ)

入力フォーム、インフォグラフィック、アニメーションツール、フォント選択ツール(デザインとUX/UIのウィークリーまとめ)

こんにちは

今週の【UX・デザイン】の情報共有です。

UI ・UX

フォーム入力確認のベストプラクティス

コチラは入力フォームにおける、いくつかのユースケースに基づいた記事です。
ラベルの位置、アラートの色、アイコン、マイクロコピーなどが一通りカバーされているので、新たにフォームを作成する方や、現状のフォームで効果が上がっていない方は参考にされるといいかもしれませんね。

URL
https://medium.com/@andrew.burton/form-validation-best-practices-8e3bec7d0549

「AND CO」のインフォグラフィック

コチラはフリーランス活動についてのアンケート結果を公開したページです。
「何ソレ?」と思われるかもしれませんが、インフォグラフィックのUIとアニメーションがクドくないレベルで程良く上手に使われています。
インフォグラフィックは最近ではトレンドとされていますが、だからといってうるさすぎてもダメです。そのサジ加減を測る上でも、このサイトは参考になれるかもしれませんよ!

URL
https://www.and.co/slash-workers

デザイン

SHAPE SHIFTER

SVGファイルのスプライトアニメーションを制作するツールです。
特に、アイコン#1⇒アイコン#2の変身アニメーション。
ダウンロード出来るデータはスプライト自体のSVGと各フレームのSVGです。

URL
https://shapeshifter.design/

FONTJOY

ディープラーニングを使った “フォントのペアリング” ツールです。
それだけではイマイチ意味が伝わらないと思いますので簡単に説明すると、まずは1つのフォントを選びさえすれば、ディープラーニングのエンジンが最高にマッチするフォントを選んでくれるというもの。
自分の感性にそこまで自信がない……とお悩みの方は、いっそのことディープラーニングの結果に背中を押してもらっちゃいましょうよ!

URL
http://fontjoy.com/

今回は以上です!

Franck VESCHI

Franck VESCHI

シニア UI/UX デザイナー・デベロッパー at 株式会社ショーケース・ティービー
毎日、デザイン・UX・コーディング等に関係ある新しい技術・情報をわくわくしながら探しています。昔から好奇心の強い性格なのです!新規プロジェクトをいつも「冒険」のように受け取っています。このスタンスのお陰で、毎日の仕事が非常に面白いです。

今まで書いた記事:
http://bitwave.showcase-tv.com/author/franck/
Franck VESCHI

コメント