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

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

こんにちは!

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