デザインとUX/UIのウィークリーまとめ(#26)

デザインとUX/UIのウィークリーまとめ(#26)

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

こんにちは!

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

UI ・UX

UXのアニメーション原理

UX専門では、アニメーション使用はかっこ良さのためだけではなく、ナビゲーションフロー・意味・機能をエンドユーザに伝えるためのツールです。
結果としては、沢山の詳細な原理・原則が存在しています。

下記の記事が全ての原理・原則をリストアップしますので、絶対参考になります。
素晴らしいサンプルも沢山付いていますし。

URL
https://medium.com/@ux_in_motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

ホワイトスペースの使い方

ホワイトスペースを上手く使うと高品質感が出ます。それだけではなく、読み易さも改善されます。
商品に好印象を与えるにも、ユーザに対してのおもてなしのためにもスペースは上手に使うべきです。
下記の記事がサンプルを使って、マクロスペース、マイクロスペースなどを説明しています。

URL
https://medium.muz.li/how-to-use-white-space-in-web-design-68ab49f866a1

デザイン

ADS SIZE GUIDE

ソーシャルメディアに載せる広告をデザインする時の便利なツールです。
トップのソーシャルメディアのバナー・画像サイズがリストアップされています。

URL
https://www.adjelly.com/size-guide

INK UI FRAMEWORK

Twitter Bootstrapに飽きた人向けのフレームワークです!
細かさのレベルはTwitter Bootstrapと同じですので、説明やUIのコンポーネントは十分と思われます。

URL
http://ink.sapo.pt/

INFINITE STUDIO

新しいHTML/CSSエディターです。
2D/3DのUI、アニメーション、レスポンシブなレイアウト、SVG修正、メディア対応などをとてもモダンなUIで提供するソフトです。
現在はプレオーダーです。

URL
https://www.infinitestudio.io/

今回は以上です!

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

この記事を書いた人
アバター
Franck VESCHI
毎日、デザイン・UX・コーディング等に関係ある新しい技術・情報をわくわくしながら探しています。昔から好奇心の強い性格なのです!新規プロジェクトをいつも「冒険」のように受け取っています。このスタンスのお陰で、毎日の仕事が非常に面白いです。 今まで書いた記事: http://bitwave.showcase-tv.com/author/franck/

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

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

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

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

あなたにおすすめ