Web制作に役立つ情報一覧

Googleの提供するPageSpeed Insightsを参考にして、Webサイトを高速化したときにやったこと

2015/01/22(Thu) 08:49

Googleが提供しているPageSpeed Insightsというサービスがあります。これは、ウェブページのコンテンツを解析してページの読み込み速度を測定し、速度の改善策を提案してくれるサービスです。

http://liginc.co.jp/web/useful/137177

デザインの現場で役立つ！すごい新作無料ベクター素材30個まとめ

2015/01/22(Thu) 08:48

今回はダウンロードしてすぐに活用できる、高品質な無料ベクター素材をまとめてご紹介します。どれも無料ダウンロードできるだけなくで、どのようにデザインが作成されているか確認することもでき、Illustratorのスキルアップにもオススメです。

http://photoshopvip.net/archives/72571

[CSS]classの命名など気になるテクニックがいろいろ取り入れられているレスポンシブ対応のフレームワーク -Skyline

2015/01/22(Thu) 08:47

大規模サイトから個人のポートフォリオやブログまで、さまざまなデザインをサポートするための汎用性に優れたアーキテクチャで設計されたCSSのフレームワーク「Skyline」を紹介します。

http://coliss.com/articles/build-websites/operation/work/css-framework-skyline.html

レトロな感じがかわいい！ロゴのデザインにも使える日本語のフリーフォント -コーポレート・ロゴ

2015/01/22(Thu) 08:46

企業やサービスで使われているようなモダンでシンプルなロゴ文字をイメージしてデザインされたフリーの日本語フォントを紹介します。

http://coliss.com/articles/freebies/freebies-font-logotype.html

作業スピードアップ！覚えておきたいPhotoshopショートカットまとめ

2015/01/21(Wed) 09:21

Photoshopでショートカット使っていますか。一度覚えてしまうと、デザイン作業をよりスピードアップすることができます。今回は特に利用する機会が多いであろうPhotoshopショートカットキーを中心にまとめています。

http://photoshopvip.net/archives/72436

これからのWeb制作に必要な知識や気になるテクニックがよく分かるオススメの本 -新Webデザインの大原則

2015/01/21(Wed) 09:21

マルチデバイス時代の使いやすい、分かりやすいWeb制作にどのように取り組むべきか、いま求められているWeb制作の知識や気になるテクニックが網羅されたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4844364707.html

知っておきたいシンボルマークの基本デザインガイドまとめ

2015/01/21(Wed) 09:20

グラフィックデザインにおいて「シンボル（英: Symbol）」は、コンセプトやデザインのより深いメッセージを伝えるために重要です。ロゴをデザインしたり、アイコンを配置したりとシンボルを活用することで、言葉よりも効果的にコミュニケーションをとることができます。

http://photoshopvip.net/archives/72532

ディレクターやWebメディア編集者ポジションで確認しておきたい、もらい写真素材のチェック項目

2015/01/21(Wed) 09:19

いくら事後修正がきくWebと言えども、しょうもないことでの公開後の差し替えや修正は避けたいですよね。そのためにも、もらい素材を受け取る窓口となる「ディレクター」や「メディア編集者」は最低でも以下の項目はざっとチェックをしておきましょう。

http://liginc.co.jp/web/useful/136452

国内でよく使われてそうなwebサービスのアイコン３０個をIllustrator用ベクターとwebフォントで作ったので配布します。

2015/01/21(Wed) 09:18

チョイスは完全に自分の気分ですが、グノシーとNewsPicksがあってSmartNewsがないのはアイコンがモノクロで表現できないからです。国内だと超メジャーなサービス以外はベクター形式の素材が配布されていないことが多いので、半分くらいは国内産のサービスのアイコンにしました。

http://kyoppi.net/others/webserviceicon/

背景デザインに役立つ背景・テクスチャ・パターン素材 50

2015/01/20(Tue) 09:36

覚えておきたいと思いメモしていたのが溜まってきたので、自分用の整理兼ねてまとめました。ウォーターカラー、グランジ、ウッド、ペーパー、ピクセルなど背景・テクスチャ・パターン素材全50種類です。使いやすそうなシンプルなものから主張が強めのものまで様々なタイプがありますが、上手く取り入れることでデザインをグッと良くさせることができます。

http://www.nxworld.net/material/design-backgrounds-and-textures-and-patterns.html