デザインと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

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

URL
https://www.infinitestudio.io/

今回は以上です!

Franck VESCHI

Franck VESCHI

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

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

コメント