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

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

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

こんにちは

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

今回は以上です!

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(... こんにちは。 今週の【UX・デザイン】の情報共有です。 UI ・UX アプリのリニューアルのケーススタディ 2年間まったく更新されなかった健康保険アプリのリニューアルの話です。 他社はどのようにしてリニューアルを行...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...