Webデザイン

最近のレスポンシブ対応サイトで見かけるナビゲーションのアイデア・実装方法のまとめ

2016/10/20(Thu) 10:03

Webページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。

http://coliss.com/articles/build-websites/operation/work/responsive-menu.html

余白とはなにか。デザインが上達する６つのTips

2016/10/17(Mon) 10:01

余白とはなにか、漠然としていたので、今回は余白の種類や使い方を少しでもマスターするために参考になる知識をまとめました。

http://commte.net/blog/archives/6154

UXデザインを改善する、参考にしたいアニメーションの使い道4つまとめ

2016/10/13(Thu) 09:54

動き（英: Motion）は物語、ストーリーを伝えます。たとえば「これを今、見てみましょう。」、「操作がうまく完了しました。」など、あまり長くなく、複雑ではないストーリーなどです。

http://photoshopvip.net/95398

UXという言葉が登場する以前に私が見たUXデザイン：工業デザイン編

2016/10/07(Fri) 10:05

この寄稿記事では、株式会社キトヒトデザインでユーザビリティ、UI/UXデザインなどを手がけている萩本さんがご自身で体験したデザインのお話を不定期更新でお届けします。「人間工学」がテーマだった前回に引き続き、今回は「工業デザイン」にフォーカスをあてたお話です。

http://uxmilk.jp/49941

Apple Watchに見るウェアラブル端末に求められるUXデザインとは

2016/10/04(Tue) 10:10

UXデザインについて考えるとき、インダストリアルデザイナー達がテーブルを囲んで、ボタンの形や色など様々な要素について議論している光景を思い浮かべる人がいるかもしれません。

http://uxmilk.jp/53311

Webデザイナーがデザインプロセスを導入すべき６つの理由

2016/10/03(Mon) 10:15

多くのWebデザイナーは、それぞれ自分なりのWebデザインのプロセスというものを持っているものです。洗練されているものや、逆に大雑把なものなど人によって千差万別ですが、それぞれで役割を果たしているはずです。

http://uxmilk.jp/49879

大型化するスマホに対応する時に確認したい「親指ゾーンマップ」

2016/09/27(Tue) 10:14

親指のためのデザインとは、親指が自然な動きで弧を描く動作で使えるように、最適な形でインターフェイスを構築することです。しかしこれは非常に複雑な問題です。私たちは画面上の至るところに点在するUI要素に触れようと、様々なスマホの持ち方を無意識に試しています。

http://uxmilk.jp/53903

これからのUXデザインにおけるモーションデザインの重要性

2016/09/27(Tue) 10:14

モーションデザインとは空間の関係性や、機能性、あるいは意図を美しく流動的に説明する際に使われます。「モーション」というと大げさに聞こえるかもしれませんが、効果的に使用したものはさりげなく自然なものです。

http://uxmilk.jp/50332

５つのデザインコンセプトから学ぶマテリアルデザイン

2016/09/26(Mon) 10:35

マテリアルデザインは、Googleが提唱するメタファーに基づいたデザイン手法ですが、多くのアプリに適用されだしています。

http://uxmilk.jp/50958

真ん中に配置したらバランスが悪い！画像の見た目のウェイトから中心を見つける方法 -Visual Center

2016/09/23(Fri) 09:49

正円とか正方形を中心に配置するのは簡単ですが、見た目の中心が中央にないものを中心に配置するためには、見た目のウェイトから中心を見つける必要があります。

http://coliss.com/articles/build-websites/operation/design/visual-center-of-images.html