Webデザイン

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

Webページのグリッドを計算する時に便利！全体幅・カラム数・溝の組み合わせのパターンを提示してくれる -Grid.Guide

2016/09/20(Tue) 10:12

Webページのグリッドを決める時、全体の幅、カラムの数、溝のサイズ、両端のスペースを元に、グリッドのパターンを提示してくれるオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/design/pixel-perfect-grid-guide.html

初心者がアプリのUXデザインで押さえておくべき９つの原則

2016/09/15(Thu) 09:58

モバイルアプリをデザインする際、最も心に留めておきたいことは、ユーザーにとって便利で直感的なデザインにするということです。

http://uxmilk.jp/48260

Webデザイナーが最低限気をつけるべき８つのアクセシビリティ

2016/09/15(Thu) 09:58

Webデザイナーや開発者は往々にして、自分たちの制作物に誰がアクセスして使うのかという点に関して無関心です。

http://uxmilk.jp/51472

スマホサイトのナビメニューを見直そう！基本3パターンの長所と短所、改善ポイント

2016/09/14(Wed) 09:53

ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。

http://photoshopvip.net/94278

こんなツールがあったのか！Webページが世界各地でどのように見えるか、位置情報を使ったコンテンツも確認できる -Geo Screenshot

2016/09/14(Wed) 09:52

Webページが世界各地のブラウザでどのように見えているか、位置情報を使ったコンテンツのローカライズ、コンテンツが国によってフィルタで妨げられていないかなどを確認できる無料オンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/test-webpage-from-many-geolocations.html