Web制作に役立つ情報一覧

お客さま主語でアナリティクスのセンスを磨こう――カスタマージャーニーマップを描く3通りの手法

2016/08/09(Tue) 09:58

購入前・使用時・購入後の長い時間軸でエクスペリエンス・ドリブン・マーケティングを進める必要がある。

http://web-tan.forum.impressrd.jp/e/2016/08/09/23195

Bootstrap対応ですぐに使える、すごい無料HTMLテンプレート素材まとめ 2016年8月度

2016/08/09(Tue) 09:58

サイトの特設ページやランディングページの作成がなかなか進まない。そんなときは、あらかじめデザインデザインや機能を実装したHTML/CSSテンプレート素材を利用することで、制作作業をよりスムーズに進めることができます。

http://photoshopvip.net/92860

スポーツ関連のアイコンセット 15

2016/08/08(Mon) 10:20

スポーツに関連するデザインアイコンセットのまとめです。現在盛り上がっているオリンピックの各競技をモチーフにしたものをはじめ、野球・サッカー・バスケットなど各スポーツで使用するアイテムをモチーフにしたものになります。

http://www.nxworld.net/material/15-sports-related-icons.html

様々な料金ページデザインを集めたデザインギャラリー「Pricing Pages」

2016/08/08(Mon) 10:19

「Pricing Pages」はその名の通り料金ページデザインのみを集めたデザインギャラリーです。海外サイトのデザインのみという点やサムネイルが若干小さめというのがありますが、全体的な配置や配色をはじめ、目立たせたい部分をどのように表現しているかなど参考になりそうなデザインが多くあります。

http://www.nxworld.net/inspiration/pricingpages.html

プロデザイナーも実践する、フォトショップの便利なショートカット36個まとめ

2016/08/08(Mon) 10:18

フォトショップでの作業に時間がかかってしまう、というひとは多いでしょう。作業をはじめると、同じ作業を延々と繰り返していることがあります。そんなときは便利なショートカットをつかうことで、何度もツールパネルをクリックすることなく、さまざまな機能を楽に、そしてスピーディーに実現することができます。

http://photoshopvip.net/92817

各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」

2016/08/08(Mon) 10:18

Sharingbuttons.ioはTwitterやFacebook、Google+等のソーシャルサイトへの共有ボタンを作成、コードを吐き出してくれるツールです。

http://kachibito.net/useful-resource/sharingbuttons-io

あなたはCSSプロパティ”display”をどのぐらい知っているだろうか？

2016/08/08(Mon) 10:17

CSSプロパティの1つであるdisplayは、CSSレイアウトに用いるプロパティの中でも極めて重要なものです。よく使われているのは、blockやinline、noneあたりでしょう。

http://postd.cc/how-well-do-you-know-display/

Web文章実践講座（第4回）メニューやお品書きの文章をブラッシュアップ！

2016/08/05(Fri) 10:41

飲食店「メニュー」や「お品書き」は、利用者にアピールすべきポイントを導き出し、強弱をつけて伝えること、ストーリー性を演出することが大切です。

http://web-tan.forum.impressrd.jp/e/2016/08/05/23531

「誰にも負けない強み」を持つことがデザイナーへの道

2016/08/05(Fri) 10:39

我々LIGのデザイナー陣がどのようなきっかけでデザイナーを志し、どうやってデザインを学び、どんなキャリアを経て現在に至るのか、「デザイナーへの道」について書いていこうかと思います。

http://liginc.co.jp/268887

JPEGとGIFとPNGの画像フォーマットの正しい選び方、そして次世代の画像フォーマットWEBPとJPEG-XRの使い方

2016/08/05(Fri) 10:38

ほとんどのデザイナーやイラストレーターは長い経験を通じて、画像をどのようなフォーマットで保存すべきが知っているでしょう。写真ならJPEGで、色数の少ないイラストならGIFなどを使用していると思います。

http://coliss.com/articles/build-websites/operation/work/how-to-select-the-perfect-image-format.html