Web制作に役立つ情報一覧

カスタマージャーニーが複雑化した今、SEOもキーワード調査も進化すべきだ（前編）

2015/08/03(Mon) 07:35

このモデルを使うことで、SEO担当者は、従来よりもはるかに多くの価値を生み出せるはずだ

http://web-tan.forum.impressrd.jp/e/2015/08/03/20513

デザインに即戦力、すごい無料photoshopブラシ素材まとめ 2015年7月度

2015/07/31(Fri) 07:38

デザインに重ねることで、質感をグッとアップしてくれるアイテムから、より本格的な手描きペイントを楽しむことができるブラシ、スタンプ感覚で利用できるアイテムなど、幅広い新作ブラシ素材を集めています。

http://photoshopvip.net/archives/80223

配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？

2015/07/31(Fri) 07:37

はい、こんな人におすすめです。この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。様々な色を使いすぎてダサいウェブデザインに・・・。色と色が合わなすぎてどうしょうもないデザインに・・・。

http://flipsblog.jp/archives/2191

Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方

2015/07/31(Fri) 07:36

空白スペースとはテキストやイメージや飾りがないスペースのことで、明瞭や強調、グルーピングといったあなたのデザインを助けることができる重要なデザイン要素です。

http://coliss.com/articles/build-websites/operation/design/create-white-space-designs-by-canva.html

デザイン初心者が覚えておきたい、文字フォントの基礎テクニック26個まとめ

2015/07/30(Thu) 07:38

これからタイポグラフィを本格的に学ぼうというひとに向けて、基本的なテクニックやコツをまとめています。

http://photoshopvip.net/archives/80200

新しいデザインに使いたい！美しくかわいく魅力的な新作フリーフォントのまとめ -2015年7月

2015/07/30(Thu) 07:37

最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。

http://coliss.com/articles/freebies/freebies-fonts-2015-jul.html

あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」

2015/07/30(Thu) 07:36

ウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない！」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。

http://flipsblog.jp/archives/2178

目の錯覚を利用しよう！ネガティブスペースの実践テクニック＆参考例50個まとめ

2015/07/29(Wed) 07:43

デザイン、アートの分野において、「対象の間に存在する空間」という意味を表し、有名な「ルビンの壺」を誰もが見たことがあるかもしれません。今回は、そんなネガティブスペースを有効活用するテクニックを、具体例と一緒にまとめてご紹介します。

http://photoshopvip.net/archives/80133

High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方

2015/07/29(Wed) 07:42

多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。

http://coliss.com/articles/build-websites/operation/work/high-performance-html-by-samdutton.html

ECサイト向けアイコンセット 20

2015/07/28(Tue) 07:57

ECサイトで使えそうなアイコンセットのまとめです。全体的に約40種類ぐらいのアイコンが詰まった感じのアイコンセットが多く、デザインのテイストもライン・レトロ・フラットなどいろいろあります。

http://www.nxworld.net/material/20-ecommerce-icons.html