簡単な手順を踏むだけでレスポンシブ設計された状態のデータがダウンロードできるサービス「Launchaco」
TOP > Tool > 簡単な手順を踏むだけでレスポンシブ設計された状態のデータがダウンロードできるサービス「Launchaco」 今やweｂサイト設計は、レスポンシブであることが当たり前の時代となりましたが、最適な構成・設計を生み出すことに日々、頭を悩ませる方も多いのではないでしょうか。そんなときに便利な「Launchaco」を今回は紹介いたします。 簡単な手順を踏むだけでレスポンシブ設計された状態のデータがダウンロードできる、web制作現場にいる方にとっては嬉しいwebツールです。 詳しくは以下 操作は直感的に行うことが可能。Stepと書かれた中にある、自分の気に入ったテンプレートをクリックすると始まっていきます。上部から順に、自分の目的に沿ったものをクリックをしていくと1ページが出来上がるという仕組み。iPhoneやiPadなど、モックアップを画像の上でクリックすると他のデ
写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」
TOP > Photoshop > 写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」 写真に手軽に、ハイクオリティな加工を施すことができるPhotoshopアクション。高い技術を簡単に写真に導入することを可能にした、Photoshopの便利な機能の一つとなっています。今回はそんな、写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」を紹介したいと思います。 Lomocam – Lomo Effects + Polaroid Frame Generator by pstutorialsws on DeviantArt さまざまな種類のアクションが紹介されており、ぜひ取り入れてみたくなるものばかり。気になったものをピックアップし
デザイナーがチェックしておきたい 最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」
デザイナーがチェックしておきたい 最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」 制作するものによっても変わってきますが、デザイナーにとってフリー素材は非常に重宝する存在。規模が大きくなるほど、トレンドに合わせたいろいろな種類の素材が必要となってくることもあるのではないでしょうか？そんな中今回紹介するのは、デザイナーがチェックしておきたい最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」です。 Agenzia Multipurpose Psd Template | Pixel Mustache UI、アイコン、フォント、モックアップ、テーマなど、種類豊富に、比較的新しい素材がピックアップされています。 詳しくは以下 Sh
写真をもっと高品質かつイメージアップさせられるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」
写真をもっと高品質かつイメージアップさせられるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」 撮影した写真は、デザインで使用する前にPhotoshopなどで加工して使用することが多いと思いますが、なかなか思いどりの仕上がりにならないことも。今回はそんな時に活躍してくれるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」を紹介したいと思います。 Premium Looks Photoshop Actions by pstutorialsws on DeviantArt 写真をもっと高品質かつイメージアップさせられる魅力的なアクションが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 5 Skin Ret
デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」
デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」 デザイン制作にはさまざまな素材が必要であり、コストパフォーマンスを良くするためにフリーで配布されている素材を探すことも多いと思います。今回はそんな時に便利な、デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」を紹介します。 FREE Adorable Flat Workspace on Behance いろいろなタイプの素材がまとめられており、お気に入りの素材を見つけることができそうです。 詳しくは以下 Trekking Store – PSD template – Freebiesbug シンプルなテイストの、ス
HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」
TOP > Design > HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプのテンプレートがまとめられており、いろいろなシーンで活用することができそうです。 詳しくは以下 Clino UI Kit PSD – Inspirational Pixels いろいろな種類の素材が揃ったUIキット。ベーシックなデザインなどで、多彩なテイ
徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」
webサイトの背景やメインビジュアルなどに、グラデーションの美しい色を使用することもあると思いますが、美しい色合いを作り出すのは意外に難しいもの。今回はそんな時に便利に活用できる、徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」を紹介したいと思います。 2色の好きな色を設定するだけで、非常に簡単にグラデーションカラーを作り出すことができるようになっています。 詳しくは以下 まずはグラデーションの名称を入力。次に、Gradient Angle、Scroll Angleの2つのアングルと、2つのカラーを選択し、プレビューすることで、変化するグラデーションカラーを確認することができます。使用する時は右側に表示されたコードを使用するだけ。スピードを変えることもでき、常にプレビューをしながら作成できる手軽さが嬉しいですね。 色を微調整しながら反映さ
デザイナー必見 ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」
TOP > WebService > デザイナー必見 ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」 デザインの素材として欠かせないものの一つとして取り上げられる写真。しかし時には撮影の予算がなく、ストックフォトから写真を選ばなくてはならないことも。今回はそんなシーンにおすすめな、ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」を紹介したいと思います。 Skitterphoto | Free to use public domain (CC0) photographs デザイン性の高い写真を多数収録したストックフォトサイトが10種、紹介されています。気になったサイトをピックアップしましたので、下記よりご覧ください。 詳しく
webサイトの動きを魅力的に演出する フリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」
webサイトの動きを魅力的に演出する フリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」 デザインだけでなく、独自の動きを取り入れることでwebサイトはより魅力的なものに変化します。今回はそんな時に参考にしたい、webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」を紹介したいと思います。 jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent 組み込むだけで、webサイトを魅力的に演出してくれるプラグインが揃ってい
ハイクオリティな地図作成ができる マップ素材サイト「Isometric city maps builder」
グラフィカルなマップを作成するためには、さまざまな素材を制作する技術が必要。さらに時間や手間もかなりかかってしまうため、どうしてもコストがかかってしまいがちです。今回はそんな時に便利に活用できるマップ素材サイト「Isometric city maps builder」を紹介したいと思います。 非常にハイクオリティなマップを作成できる、さまざまなパーツ素材が揃っています。 詳しくは以下 ビルや土地、いろいろな種類の建物はもちろん、標識や道路、緑、乗り物、モニュメント、人など、ジャンルも多彩。組み合わせて使うことで、いろんなタイプの街並みマップを作り上げることができます。基本は有料ですが、フリーでダウンロードできるものも用意されているので、まずはそちらを使って試してみてもよいかもしれませんね。 ライセンスについてもしっかり記載されていますので、商用利用などを検討されている方はしっかり確認の上使
サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」
webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。 いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませることができます。 詳しくは以下 カラムレイアウトやグリッドレイアウト、ランディングページやブログ、カレンダーやユーザープロファイル、コメント欄、タブ、404エラーなど、サイトを制作する上で想定されるレイアウトUIがラインナップされており、わざわざ1つ1つ書き起こす必要がありません。時間短縮にもなりますし、企画書のクオリティも高められるのではないでしょうか？ いろんなシーンで活躍してくれると思います
クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」
TOP > Design > クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」 すでに街はクリスマス本番に向けて色づき始めており、デザインシーンでもクリスマス向けのデザインを手がけることが多くなってきたという方も多いのではないでしょうか？そんな時に便利に利用できる、クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」を今回は紹介したいと思います。 FREE Christmas Wreath, Holly Vector and Xmas Digital Clip Art | Zuzka Illustrations クリスマスイメージのさまざま種類のデザイン素材がまとめられており、どれも魅力的なものばかりが揃っていま
サイトデザインを手軽かつハイクオリティに フリーフラットUIキットまとめ「30 Free and Flat UI Kits for November 2014」
TOP > Design > サイトデザインを手軽かつハイクオリティに フリーフラットUIキットまとめ「30 Free and Flat UI Kits for November 2014」 webサイトを一からデザインするとどうしても時間がかかってしまうもの。時にはフリーで配布されている素材を使用することで、効率的に仕上げることができると思います。今回はそんな時に参考にしたい、フリーフラットUIキットまとめ「30 Free and Flat UI Kits for November 2014」を紹介したいと思います。 L Bootstrap Freebie – UI Kit Inspired by Android L on Behance いろいろなタイプのフラットテイストなフリーUIキットがまとめられており、便利に活用することができるようになっています。 詳しくは以下 Drib
クリックエリアを分かりやすくデザイン的に見せるためのフリーボタン素材「40 Free Web Design Buttons For Web Designers」
TOP > Design > クリックエリアを分かりやすくデザイン的に見せるためのフリーボタン素材「40 Free Web Design Buttons For Web Designers」 webサイト上で、クリックして決定する動作を行ってもらうために必要なボタン。できるだけ分かりやすく、押しやすくするためには、デザインが重要な鍵になってきます。今回はそんなクリックエリアを分かりやすくデザイン的に見せるためのフリーボタン素材「40 Free Web Design Buttons For Web Designers」を紹介したいと思います。 Download Buttons PSD | Free PSD Files さまざまなクリックシーンで利用できる、いろいろな種類のボタンがセットになってまとめられています。 詳しくは以下 PSD navigation menu | PSDGra
1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」
アイコンで表現されることも多い人の顔のビジュアル。同じテイストで何種類も描き出すのはとても大変な作業になってしまいます。そんなシーンに是非利用したい、1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」を今回は紹介したいと思います。 いろいろな表情や髪型のフェイスアイコンが簡単に作り出せるパーツがセットになった、とても便利なフリー素材です。 詳しくは以下 セットになっているのは、帽子やメガネなどの装飾パーツ、目・口・鼻の多彩な表情が楽しめるバリエーションパーツ、女性・男性のいろんな髪型パーツ、フェイスラインパーツ。好きなものを選び重ねていくことで、人のフェイスアイコンが完成します。ユニークなデザインのパーツが多く、楽しみながらフェイス作りを楽しむことができそうです。 他にはあまりない貴重な素材だと思いますので、オリジナル
デザイン性の高いwebサイトを手軽に フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」
TOP > Design > デザイン性の高いwebサイトを手軽に フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」 webサイトを制作するにあたってまず行わなければならないのは、全体のレイアウト構成を作ること。しかし最終的に思い通りのものに仕上げるためには、センスだけでなく時間や予算も必要になってきます。今回はそんな懸念部分を解消できる、フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」を紹介したいと思います。 （Website Templates | Free HTML Templates | Free Psd Template-128 – Latest Free Templates） デザイン性の高いwebサイトのレイアウトpsdがまとめられています。気になったものをピッ
定番フォントとして使用できる サンセリフフリーフォントまとめ「THE GREATEST FREE FONTS 2014 – SANS-SERIF」
TOP > Font > 定番フォントとして使用できる サンセリフフリーフォントまとめ「THE GREATEST FREE FONTS 2014 – SANS-SERIF」 文字にひげなどの飾りのないフォント・サンセリフ。シンプルで癖なないので、デザイン制作に非常に使いやすいフォントとして重宝されています。そんな中今回紹介するのは、最新のサンセリフフリーフォントまとめ「THE GREATEST FREE FONTS 2014 – SANS-SERIF」です。 （Bebas Neue | Fontfabric™） たくさんのサンセリフフォントがまとめられており、定番として活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 SIMPLIFICA Typeface | Free on Behance 細身なフォルムが繊細な雰囲気を感
大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」
デザインに空間感や、爽快なイメージを表現できる空の描写は、デザインシーンでもよく利用されています。そんな中今回紹介するのは、大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」です。 （Last 36 High Res Cloud Brushes by christalynnebrushes on deviantART） 15種のベクターで描けるベクターブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 13 high-resolution Photoshop Cloud Brushes – Download – Download | Qbrushes.net 2000pxの高解像度で雲を表現できるブラシ。シンプルな描写なので、定番として利用できそうです。 Soft Clouds Text
フラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」
今年はフラットデザインがWEBのトレンドとして、多くのクリエイティブブログで伝えられています。windows8を始めとして、OS側のユーザーインターフェイス側にも取り入れられ、今後ますます、目にする機会も多くなってくると思います。今日紹介するのはフラットデザインをオーダーされたデザイナーのためのフラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」です。 今回はWEB側とスマートフォンUIをそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。 詳しくは以下 アプリフラットデザインインスピレーション WEBフラットデザインインスピレーション 上記の他にも原文では数多くのフラットデザインが取り上げられています。気になる方は是非原文もご覧ください。 スマートフォンUIの原文は「Flat Desi
1200種オーバー！施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」
WEB制作にとどまらず、様々な場所で利用されるアイコン。素材としては非常に優秀で、いろいろな趣旨のアイコンセットが世界中で公開されていますが、今日紹介するのは、施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」です。 こちらのアイコンセットは、単純にUI的なものではなく、マトリューシカやハンバーガーなどなど多種多様なアイコンがまとめられています。全部で1262種類ものアイコンがセットになっていますが、今日はその一部を紹介したいと思います。 詳しくは以下 配布形式はpngとなり、40px × 40pxのpngファイルがフリーでダウンロード可能です。また、このアイコンセットは有料版も準備されており、Ai、psdのパスデータを含んだものは、35ドルで「Icons ~ 1262 Icons in Eldorado Ultimate Pack ~
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
