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

入力フォーム、インフォグラフィック、アニメーションツール、フォント選択ツール(デザインとUX/UIのウィークリーまとめ)
■ 店頭より得で、予約しやすいオンラインショップ。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE

こんにちは

今週の【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/

今回は以上です!

■最新のiPhoneの購入・機種変更なら店頭より得で、予約しやすいオンラインショップ。
機種の頭金や使わないオプションパックをつけて年間何万円も損していませんか?
オンラインショップなら故障のサポートもしっかりしていて最低限の費用。待たされることもありません。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE
がお得です。