デザインを開発するという視点でお伝えするクリエイティブBLOG
webサイトを制作する時に必ず必要になってくるメタ。タイトル、ディスクリプション、画像といった基本情報は、FacebookやTwiiterなど媒体別の設定をしておくことで、よりサイトの精度が高まります。今回はそんな媒体別のメタタグを表示してくれるwebサイト「HEY META」を紹介します。
現在設定されているメタをベースに、それぞれに最適なメタと記述を簡単に生成することができます。
詳しくは以下
背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。
簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。
詳しくは以下
ソフトを乗り換えるとそれに付属してついてくるフォントがあり、インストールすると見知らぬフォントが数多く登録されていたりします。そんな時に便利なのが、フォント見本。出力してあれば、どんなフォントがはいっているか一目で把握する事ができます。
今日紹介するのは、デザイン業界では最近購入した、または乗り換えたという方話もちらほら聞くAdobe CS2,CS3の付属欧文フォントの見本一覧です。
詳しくは以下
ナチュラルな雰囲気にもアンティークな雰囲気にも使えるレンガブロックのテクスチャは汎用性も高く、色味の違いでがらりと雰囲気を変えてくれます。今回紹介するのは様々な種類のレンガブロックテクスチャをまとめている「20 Free Brick Wall Textures in High Resolution」です。
Brick Wall Renovated – Free Texture
雰囲気の違う20種類のテクスチャがまとめて配布されているので、以下からご覧下さい。
詳しくは以下
WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。
画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
特にwebデザインシーンで多く使用するアイコン。いろいろな種類を持っていると、何かと重宝すると思います。そんな中今回紹介するのは、多彩なバリエーションに富んだフリーアイコンセットまとめ「34 Brilliant Free Icon Sets for Designers and Developers」です。
Dribbble – 63 Free Icons by Martin J.Berthelsen
ぜひストックとしてチェックしておきたいアイコンが、定番から個性派まで種類豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WordPressのサイドバーに対してウィジェットを使用でき、実装することで、今までより機能性の幅が広がりますが、なかなか扱いが難しいと思われる方も多いのではないでしょうか。そんな方におすすめできるプラグインのまとめ「10 Ultra-Useful Free WordPress Widget Plugins」を今回はご紹介します。
Content Aware Sidebars – Unlimited Widget Areas — WordPress Plugins
すぐに活用できそうなウィジェットが10種ピックアップされ紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
アイコンを利用することは、ユーザーがサイトをより快適に利用するための手段の一つ。こだわりを持って選びたいものです。そこで今回紹介するのが、デザイン制作に使いやすいノートアイコンばかりをまとめた「25 Sets of Useful Notes Icon」です。
デフォルメされたデザインがかわいらしいアイコンから、立体感の美しいアイコンまで、さまざななノートアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
商品カタログや会社案内などのパンフレットは紙からWebへと大きく移行しています。そうは言っても紙のパンフレット需要がゼロになったわけではありませんので、様々なレイアウトやデザインの参考になるものはあると便利です。そんな時に役立ってくれるのが今回紹介する、40種類のパンフレットテンプレート「40 Print-Ready Brochure Templates | Free and Premium」のです。
A4 Portfolio Brochure by meenom | GraphicRiver
シンプルな1ページパンフレットから2つ折り、3つ折りに至るまで40種類のテンプレートが紹介されています。
詳しくは以下
簡単に一筆で、いろいろな表現の描写を可能にするブラシ機能はとても重宝する存在。いろんなシーンで活用することが可能です。そんな中今回紹介するのは、かすれた風合いを手軽に表現できる フリーグランジブラシセット「12 Beautiful Free Grunge Brush Sets from Dribbble」です。
（Dribbble – Dirtbag II by Visual Idiot）
描写の違う12種類のグランジテクスチャがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
制作に非常に便利なベクターデータ。様々なベクターデータをDesigndevelopでも紹介してきましたが、今日紹介するのはベクターデータのフリーで使える動物のアイコンを集めた「10 stunning vector animals icon sets」です。
Twitter animals-Source
サメ、ヒツジ、犬など様々なタッチの違う動物のアイコンが紹介されています。今日はその中からいくつか気になったアイコンを紹介したいと思います。
制作ツールのひとつで世界中のクリエイターに利用されているphotoshop。制作側の方であれば誰しもが利用された事があるツールだと思います。今日紹介するのはPhotoshopを利用した制作に便利なphotoshopカスタムシェイプを集めた「Collections of Useful Photoshop Custom Shapes」です。
シンプルなものから細部まで書き込まれたものまで様々なカスタムシェイプがまとめられていますが、今日はその中からいくつかピックアップしたものを紹介したいと思います。
詳しくは以下
