Web制作に役立つ情報一覧

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ

2015/04/15(Wed) 07:59

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/elements-of-web-design-2015.html

Googleのモバイルランキング変更へ対処すべきこと~レスポンシブデザイン・モバイル専用ページ・動的な配信のそれぞれの特徴について~

2015/04/14(Tue) 07:57

2015年2月26日にGoogleはSEO業界にとって非常に大きなニュースを報じた。彼らが2014年11月から測定の対象としてきた、モバイルフレンドリー(スマホ対応)をモバイルでの検索順位の要素とすることを公に発表したのである。

http://www.seojapan.com/blog/how-to-respond-to-google-mobile-ranking-change

Googleフォントや任意のWebフォントの表示テストを行う為のオープンソースソフトウェア・「webfont test」

2015/04/14(Tue) 07:55

webfont testはGoogleフォントや任意のWebフォントの表示テストを行うためのOSSです。テストしたいフォントを選ぶと、上図のようにベースラインとフォント、ダミーテキストが表示されます。

http://kachibito.net/useful-resource/webfont-test

無料で使えて高品質！すごい名刺テンプレート素材19個まとめ

2015/04/14(Tue) 07:54

素材はどれも300dpiのCMYKカラーで統一されており、印刷プリントにもばっちり対応しているので、すぐにでも名刺を作成することができます。

http://photoshopvip.net/archives/75480

ダウンロードしておきたい、24個の人気筆記体フリーフォントまとめ

2015/04/14(Tue) 07:53

さまざまなフォントスタイルの中でも、筆記体は人気のある書体のひとつです。手書き文字を再現したスタイルから、ロゴ作成に適したアート性の高い文字、エレガントでミニマルな印象を与える細字など、自由なスタイルをたのしみましょう。

http://photoshopvip.net/archives/75442

マテリアルデザインを採用した、はじめてのリニューアル要点まとめ -feedly導入編-

2015/04/13(Mon) 08:05

数週間前、Google本社で開催されたワークショップに出席し、新しいスタイルガイドに沿ってfeedlyアプリをリニューアル制作するとどのようになるか考えたあと、マテリアルデザインをつかったリニューアルのポイントをまとめた記事を公開しました。

http://photoshopvip.net/archives/75358

Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX]

2015/04/13(Mon) 08:04

マテリアルデザインのサイトのまとめをみていると「あれ？これフラットデザインじゃないの？」ということがよくあると思います。ややこしい気もしますが「考え方が違う」という部分からなら理解しやすいと思います。

http://matome.naver.jp/odai/2142379522980270301

ロゴをデザインする時に役立つ！便利なオンラインサービス・無料素材のまとめ23選

2015/04/13(Mon) 08:03

個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。

http://coliss.com/articles/build-websites/operation/design/best-23-tools-for-create-logo-design.html

イラストを効果的に盛り込んでいる、素敵ロゴデザインをまとめました

2015/04/13(Mon) 08:03

先日ロゴを制作させていただく機会があり、いくつかのロゴを参考にしていたのですが、その中でも特にイラストと文字を上手く組み合わせて効果的に見せているロゴが気になったのでまとめてみました。

http://liginc.co.jp/web/design/font/155190

【私たち、無料です。】フリー素材アイドル MIKA☆RIKA

2015/04/13(Mon) 08:02

「もっと多くの人に、MIKA☆RIKAのことを知ってほしい！」そんな願いから、フリー素材アイドルになることを決めました。

http://mika-rika-free.jp/