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

【週刊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の戦略が実践されているのか、そしてどのような手法がベストプラ...