Web制作に役立つ情報一覧

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

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

レスポンシブWebデザイン対応の新しいWordPressテーマ2015

2015/01/20(Tue) 09:35

ちょっと気になったのでシェア。2015ということで紹介されていますが、どのテーマも共通する点があるとすれば、比較的タイル式の形を採用しているかなぁという印象。そんなわけでタイルを採用している美しいものをピックアップしてみます。

http://e0166.blog89.fc2.com/blog-entry-1225.html

ダウンロードしておきたい、すごいPhotoshop無料ブラシ素材39個まとめ 2015年1月度

2015/01/20(Tue) 09:34

デザインをゼロから作るよりも、スタンプ感覚で利用できるPhotoshopブラシ素材を利用することで、制作時間の大幅な短縮にもつながります。またデザインに重ねることで、テクスチャの質感を反映できるなど、テクニック向上を目指したアイテムが揃っています。

http://photoshopvip.net/archives/72474

商用利用無料！丸っこくてかわいいフリーの日本語フォント -ぼくたちのゴシック2

2015/01/20(Tue) 09:33

「はんなり明朝」や「こども丸ゴシック」など、人気のフリーフォントをリリースされている作者様から、新しいフォントをリリースしました、と連絡をいただきました！

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

[JS]非常に少ないコードでパララックスのエフェクトを実装できるスクリプト -Parallaxor

2015/01/20(Tue) 09:32

指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-parallaxor.html

Photoshopでゲームのようなドット絵を描く方法と設定＆おすすめツール

2015/01/20(Tue) 09:32

今回は、Photoshopで8bitゲーム風デザインをするときの設定やおすすめツールをご紹介します。

http://liginc.co.jp/web/design/photoshop/137843

SEOにも影響するWebページ全体HTTPS化（常時SSL）の効果と実装のポイント

2015/01/19(Mon) 07:59

Webサイト全体をHTTPS化（常時SSL化）の導入手法のメリット・デメリットをわかりやすく解説

http://web-tan.forum.impressrd.jp/e/2015/01/19/18932