Web制作に役立つ情報一覧

UXデザイナーはいかにしてUXを組織に広げるか？

2017/01/23(Mon) 10:07

UXデザイナーになるということは、ある種の宗教に入信するようなものです。UXデザイナーの仕事の一つは、他者にあなたの信念を受け入れさせることです。まるで聖職者の鑑のように、UXデザイナーは他者がUXの担い手になることを望みます。

http://uxmilk.jp/56483

自分が使いたいSVGアイコンだけをまとめて、フォントセットを簡単に作成できるオンラインサービス -Glyphter

2017/01/23(Mon) 10:06

SVGアイコンを自分で選んで、好みのセットをつくり、ダウンロードできる無料オンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/svg-font-machine-glyphter.html

ウェブサイトの印象は写真で決まる――写真撮影の予備知識（第1回）

2017/01/20(Fri) 09:54

ウェブサイトの印象は、写真によって決まるといっても過言ではありません。第1回は「写真撮影の予備知識」です。

http://web-tan.forum.impressrd.jp/e/2017/01/20/24763

シンプルなウェブデザインを作成する、知っておきたい7つの基本ルール

2017/01/20(Fri) 09:53

今回は、シンプルなウェブデザインを作成する7つのルールをご紹介します。これらのルールを取り入れることで、ごちゃごちゃ感を取り除き、美しくシンプルなデザインに役立てることができるでしょう。

http://photoshopvip.net/97803

コーディングの設計について考える事

2017/01/20(Fri) 09:52

CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。

https://wp.yat-net.com/?p=5052

「お客様が買う理由」をいかに作るか、マーケティングとは、価値を作ることだ!

2017/01/18(Wed) 10:11

マーケティング戦略には、ニーズの先どり、つまり価値を作って伝えることが必要だ

http://web-tan.forum.impressrd.jp/e/2017/01/18/24562

レスポンシブ対応！縦に半分割しているWebサイトの作り方 | Webクリエイターボックス

2017/01/17(Tue) 10:04

画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。

http://www.webcreatorbox.com/tech/split-screen-layout/

UXデザイナーが備えておきたいツール・サービス厳選20個まとめ

2017/01/16(Mon) 10:05

UXデザインとはユーザーエクスペリエンス(UX)、Webサイトやアプリの使い勝手やユーザーが体験する満足度を重視したデザインのことで、あなたが満足するデザインをつくってもユーザーが使いやすいと感じなければUXが良いとは言えません。

http://coliss.com/articles/build-websites/operation/design/valuable-tools-for-ux-designers.html

jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5

2017/01/13(Fri) 09:54

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。

http://www.nxworld.net/tips/stikcy-or-change-header-and-navigation-when-scrolling-using-jquery.html

マイクロインタラクションを有効に活用するためのコツ

2017/01/13(Fri) 09:53

マイクロインタラクションは、１つのタスクを達成する際に生じるわずかな瞬間のことを指します。私たちの周りのほとんどのアプリケーションはマイクロインタラクションで満たされています。いくつかの例をご紹介しましょう。

http://uxmilk.jp/57917