Webデザイン

長いスクロールページでユーザーを引きつけるための５つの方法

2017/03/13(Mon) 09:55

ファーストビューだけで情報を伝える時代は終わりました。最近では長いスクロールや無限スクロールを用いるサイトが増えてきています。ユーザーが簡単にコンテンツをスクロールができ、スクロールすると自然に情報が表示されるサイトは以下のような利益をもたらします。

http://uxmilk.jp/61098

ユーザーの心をつかむ画像を使うときの５つのポイント

2017/03/10(Fri) 10:05

「百聞は一見に如かず」ということわざがある通り、文字だけでなく目で見えるもので伝えることはとても重要です。

http://uxmilk.jp/60824

これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ

2017/03/07(Tue) 09:50

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。

http://coliss.com/articles/build-websites/operation/design/simple-guide-to-iconography.html

ビジネスにおいてUXデザインが必要な理由

2017/03/03(Fri) 10:01

急速に進化するオンライン世界に対応し続けるために、企業は新しいテクノロジーや理論を効率的に導入する必要があります。進化の一例として、デザインの中心が、従来のUI（ユーザーインターフェイス）へのものから、UX（ユーザー体験）へ移行していることが挙げられるでしょう。

http://uxmilk.jp/60609

テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック

2017/03/01(Wed) 09:48

Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。

http://coliss.com/articles/build-websites/operation/design/light-and-dark-color-systems.html

ホテル・旅館のホームページのおすすめ配色の見本（第3回）

2017/02/24(Fri) 09:47

このコラムでは、業種ごとに「合う色と合わない色」「注意すべきこと」をまとめています。毎回、異なる業種を取り上げて解説しますが、それらの業種でよく使われる色やたびたび見られる失敗があり、それにはきちんとした理由があります。

http://web-tan.forum.impressrd.jp/e/2017/02/24/24769

サイトのパフォーマンス改善で重要なクリティカル レンダリング パスについて

2017/02/21(Tue) 09:54

ブラウザがページを表示する際にサーバーからHTMLのレスポンスを受け取ると、スクリーンにピクセルが描画されるまでに多くのステップが必要になります。ブラウザがページの最初のペイントを実行するために必要とするこのシーケンスは「クリティカル レンダリング パス(Critical Rendering Path)」と呼ばれます。

http://coliss.com/articles/build-websites/operation/work/about-the-critical-rendering-path.html

UIデザインにユーザーストーリーが必要な理由

2017/02/17(Fri) 10:08

あるデザインチームが、クライアントの新しいアプリのモックアップについて話し合っているとします。すると、アプリがどのようにあるべきかついて、チームメンバーはそれぞれ 違う考えを持っているということが明らかになります。

http://uxmilk.jp/60943

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ

2017/02/16(Thu) 09:53

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-ui-collections.html

Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ

2017/02/15(Wed) 09:57

スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。

http://coliss.com/articles/build-websites/operation/work/alternatives-to-hamburger-menus.html