インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」
TOP > Design > インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 インスタグラマーとして活躍する人が増える中、いかに自身の投稿を魅力的に見せるかが非常に重要になってきます。今回はそんなシーンで利用したい、インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」を紹介します。 Free Template – Adobe XD by Alberto Bianchini | Dribbble | Dribbble 使うだけで投稿が通常の写真投稿より映える、デザイン性の高いテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Lush: free social m
花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」
シンプルなデザインももちろん素敵ですが、気分を明るくしてくれる華やかで楽しげなデザインも、ぜひ生活の中に取り入れていきたいもの。今回はそんなシーンにぴったりのパターン素材「Art Dimension abstract patterns」を紹介したいと思います。 花を抽象的にイメージしたようなカラフルな図形が並ぶ、ぱっと目を引く美しいパターン素材です。 詳しくは以下 どこか北欧のデザインを思わせる、グリーン系、パープル系、オレンジ系など、全部で8種のカラーリングパターンが用意されており、筆でラフに描かれたような描写が特徴。サンプルイメージのようにファブリックに使用したり、もちろんグラフィックデザイン用素材として、webデザインや紙のデザインに取り入れてみても、素敵ですね。 AI、EPS、PNGの形式で収録されており、使いたい用途に合わせて使い分けできるのも魅力です。気になった方は以下ページよ
高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」
TOP > Design , WebDesign > 高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」 美しく高品質な映像をウェブサイトのヘッダーに使用すれば、新たなデザインの可能性が広がります。そんな中今回は、高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」を紹介します。 Videvo フルHDや4Kといった高画質な映像と、目的に合ったファイル形式に対応できるフリー動画サイトがまとめられています。気になったものをいくつかピックアップして紹介します。 詳しくは以下 Stock Footage For Free アカウントを作成するだけで誰でも利用することができま
DesignDevelop
旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。
毎日のブログ更新を効率化するWordPressプラグインまとめ「7 New and Free WordPress Plugins」
TOP > WordPress > 毎日のブログ更新を効率化するWordPressプラグインまとめ「7 New and Free WordPress Plugins」 サイトコンテンツの一つとして、定番化しているブログ。サイト訪問ユーザーを楽しませるのは勿論、SEO対策まで幅広い利用価値が有り、定期的な更新が必要不可欠です。今回ご紹介するのはそんなブログの更新を楽にしてくれる、WordPressプラグインまとめ「7 New and Free WordPress Plugins」です。 毎日のブログライティングにおける、ちょっとした手間を解決してくれる多種多様なプラグインを7つ掲載しています。その中から気になったプラグインを3つご紹介しますので、ご覧ください。 詳しくは以下 WordPress Plugin: WP-Appbox Unifies App Store Linking |
名刺からパッケージまで幅広くまとめられたテンプレートコレクション「12 Free Business Cards, Resumes, Corporate Identity Packages」
名刺からパッケージまで幅広くまとめられたテンプレートコレクション「12 Free Business Cards, Resumes, Corporate Identity Packages」 名刺、ロゴ、ブランドイメージ、広告など企業が必要とするデザインは多くあります。その全てを一からクリエイトしていくことはなかなか大変なこと。そんなときにあると便利なまとめ「12 Free Business Cards, Resumes, Corporate Identity Packages」をご紹介していきたいと思います。 Free Envelope PSD Mockup + Letterhead Mockup | ZippyPixels 名刺やパッケージのテンプレートから新聞広告のモックアップまで、幅広く収録されている中からいくつかピックアップしているのでぜひご覧ください。 詳しくは以下 Free P
複数の編集者がいるWordPressの管理を楽にする、プラグインまとめ「10 WordPress Plugins to Improve Multi-Author Websites」
複数の編集者がいるWordPressの管理を楽にする、プラグインまとめ「10 WordPress Plugins to Improve Multi-Author Websites」 使いやすく、編集も容易に可能なWordPressは、複数人でWordPressの編集に関わることも多いと思います。今回ご紹介するのは、そんなWordPressを管理する際に使い易いオススメのプラグインをまとめた「10 WordPress Plugins to Improve Multi-Author Websites」です。 複数人編集ならではの不透明さや不便さを解消してくれる、あると便利なプラグインが10種類紹介されています。今回はその中から、ピックアップして幾つかご紹介いたします。 詳しくは以下 Editorial Calendar — WordPress Plugins Googleカレンダーのように、直
Photoshopを便利に使いこなす 秀逸なアクションまとめ「20 Best Free Photoshop Actions Designers Should Download」
Photoshopを便利に使いこなす 秀逸なアクションまとめ「20 Best Free Photoshop Actions Designers Should Download」 よく使用する一連の流れを記録し使用することができるPhotoshopアクションを使い、日々の業務時間短縮を図っているデザイナーは多いのではないでしょうか。そんな中今回ご紹介するのは、さまざまな種類のPhotoshopアクションをまとめた「20 Best Free Photoshop Actions Designers Should Download」です。 Desert Dust Photoshop Actions – Free Photoshop Brushes at Brusheezy! 魅力的なグラフィックを作り上げることができるアクションが紹介されています。いくつかピックアップしていますので、まずは下記より
多種多様なフリーフォントが盛りだくさん「90+ Best Free Fonts, Spring 2017」
TOP > Font > 多種多様なフリーフォントが盛りだくさん「90+ Best Free Fonts, Spring 2017」 デザインにとって重要な役割をもつフォントは、数え切れないほどの種類が存在しており、何を使えば良いのか悩んでしまうことも多いかと思います。そんな時チェックしたい、シーン別で使い分け出来る多種多様な風欧文フォントがまとめられた「90+ Best Free Fonts, Spring 2017」です。 Handwritten.ttf – Google ドライブ 非常に多種多様なフリーフォントがピックアップされており、デザインに華を添える、お気に入りのフォントを見つけることができそうです。 詳細は以下 Quentin Free Font | Pixelo 流れるような滑らかなフォルムの手書き風フォント。掠れをうまく表現したラフな雰囲気がおしゃれですね。 Mu
明日から使える加工・エフェクトなどPhotoshopチュートリアル23選「23 New Exciting Adobe Photoshop Tutorials to Enhance Your Skills」
明日から使える加工・エフェクトなどPhotoshopチュートリアル23選「23 New Exciting Adobe Photoshop Tutorials to Enhance Your Skills」 レタッチやエフェクトなど、デザインのビジュアル作りに写真加工は欠かせません。写真加工の引き出しを増やすと、デザイン幅もより広がります。今回ご紹介するのはデザインの幅が広がる、多数のテイストのレタッチやエフェクト技法をまとめたPhotoshopチュートリアル「23 New Exciting Adobe Photoshop Tutorials to Enhance Your Skills」です。 23 New Exciting Adobe Photoshop Tutorials to Enhance Your Skills | Tutorials | Graphic Design Junct
シンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」
TOP > WebDesign > シンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」 デザイナーが自分の価値や力量を知ってもらうために必要不可欠なのが作品をまとめたポートフォリオ。昨今では紙のポートフォリオだけでは無く、WEBでのポートフォリオが必要なケースも増えてきているように感じます。今日紹介するのはシンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」です。 このポートフォリオサイトテンプレート「Magnet Portfolio Template」色彩も写真以外は白と黒でまとめられており、作品自体が映えるデザインになっています。その他のページ構成は以下からご覧ください。 詳しくは以下 TOPページ・作品の一覧・個別ページ・アバウトページ・ブログ・お問い合わせフォームと
ベクター素材で利用できるリアルな木目テクスチャ「20 Free Vector Pallet Wood Textures」
デザインに質感や温かみを与えてくれる木目素材。様々なデザインで重宝する素材の一つで、それだけにテクスチャとしてもかなりの数が配布されていますが、今日紹介するのはベクター素材で利用できるリアルな木目テクスチャ「20 Free Vector Pallet Wood Textures」です。 節があるものから、フローリングのようなものまで全部で20のベクターテクスチャが公開されていました。収録されている木目は以下からご覧ください。 詳しくは以下 特に変わった模様というよりはスタンダードなものがスタンダードな素材だけに、利用できる範囲は非常に広そうです。 配布されているフォーマットはAI、EPS、PNGとなっており、制作素材としては申し分ない形式で配布されています。素材は「20 Free Vector Pallet Wood Textures in AI, EPS & PNG Format 」の下
シンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」
デザインに質感を与えるグランジ素材は素材の定番として背景写真素材からブラシなど様々な形で提供されていますが、今日紹介するのはシンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」です。 非常にシンプルなもので細かい粒子状のグランジのブラシが全部で10パターンセットになっています。収録されているブラシセットは以下からご覧ください。 詳しくは以下 グランジブラシは全て、ディフォルトで2000pxとなっており背景素材や写真に質感を与えるのに十分な大きさをもっています。フォントに利用して質感を出したり、金属や壁面の写真素材に利用したりと、シンプルなのでどんな素材にも相性が良さそうそうです。 ブラシセットはPhotoshopのブラシ形式で配布されており、Photoshopをお持ちの方であれば、簡単に利用する事ができます。使い勝手が良
ベクターで利用できるグランジテクスチャ「Free Vector Grunge Textures」
制作物に加えることで質感やクオリティを与えてくれるテクスチャ素材。その中でも定番なのがグランジテクスチャ。風合いやアナログ感など制作物のクオリティをグッと引き上げてくれます。今日紹介するのはベクターで利用できるグランジテクスチャ「Free Vector Grunge Textures」です。 このグランジ素材は全部で木製、メタルなどなどのテクスチャがセットになっています。収録されているテクスチャは以下からご覧ください。 詳しくは以下 こちらはサンプル版の配布となり、6つのテクスチャがセットされていますが、フル版は20のテクスチャが収録されているとのことです。かなり細かな表現のため、オーバーレイなどでデザインに被せれば質感を創り上げる事が可能です。いくつかの素材を利用した例は以下。 ベクターで利用できるのは制作側としては便利に使えて良いですね。手軽に使えるグランジ素材を探している方は是非どう
幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」
規則正しい法則に基づいて描かれた幾何学模様のアートワークはアナログ的なアートワークとはまた違った、美しさを感じるものもあります。今日紹介するのは、幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」です。 上記のようなラインで描かれた図形が全部で18個収録されています。収録されている全素材は以下からご覧ください。 詳しくは以下 データはAi+EPS+JPG+PNGで配布されており、グラフィックからWEBまで幅広い用途で利用することが可能です。繊細で美しいアートワークは様々な作品の主やサブで利用できそうです。 こちらを配布しているクリエイターの「Chris Kloroform」はその他にも有料ではありますが、様々な幾何学的な様々なアートワークを発表しています。気になる方は「18 Geometric Line Art Vectors — do
WEBデザインをテーマにしたフリーのアイコンセット「100 Web Design Icons」
WEBデザインを円滑にしてくれるアイコンセット。様々なテーマでアイコンセットが日々公開され、クリエイターの制作活動の一助となっていますが、今日紹介するのはWEBデザイン自体をテーマにしたフリーのアイコンセット「100 Web Design Icons 」です。 このアイコンセットはWEBデザインでよく見かける、ワイヤーフレームやビデオプレイヤー、解析画面、スマートフォンなどのUIなどなど、WEBデザインをテーマにしたアイコンが全部で100個収録されています。アイコンの一覧が公開されていましたので以下からご覧ください。 詳しくは以下 実制作やクライアントワークではなかなか使い所が難しいかもしれませんが、ポートフォリオサイトなどには抜群の使い勝手を見せてくれそうなアイコンセット。 アイコンセットは個人的なプロジェクト・商用利用かかわらず利用できるとのことです。WEBデザインに携わる方であればダ
各月毎のイメージを表現したPOPなベクターアート「Months And Seasons Set」
日本だと特に季節や月毎のイメージというものがあり、各月にイメージするシーンが思い浮かんだりしますが、今日紹介するのは各月毎のイメージを表現したPOPなベクターアート「Months And Seasons Set」です。 日本とは若干異なるような気がしますが、親しいイメージで描かれています。柔らかくPOPな色彩は素材としてオシャレで魅力的なイラストレーションです。全部で12のバリエーションが公開されていましたので以下からご覧ください。 詳しくは以下 1月は新年を象徴する花火、2月は雪景色、3月は春とそれぞれの季節が楽しく描かれています。イラストレーションはPNG、SVG、AI、EPSで配布されており、使い勝手は非常に良い物となっています。 ライセンスは「Creative Commons Attribution 3.0 Unported. 」となっており。クレジットを表示させれば自由に改変を行
モックアップを画像をアップロードするだけで制作してくれる「Smartmockups」
WEBデザインを生業として行う上で、単純にデザインしたものを見せるだけでは無く、時には実際にスマートフォンやPCに表示されている画像を見せてイメージを膨らませていただく作業をしたということもあると思います。今日紹介するのはそんなモックアップを画像をアップロードするだけで制作してくれる「Smartmockups」です。 デスクトップからスマートフォン、タブレットなど様々なモック写真が公開されており、それらを簡単に利用することが可能です。 試しにDesigndevelopのスクリーンショットで試してみましたので以下からご覧ください。 詳しくは以下 アップロード後に写真範囲が選択でき、生成後はサイズを指定してダウンロードすることができます。手慣れた人であればモックアップ制作もほんのすこしの手間ですが、画像を探して合成してというのは熟練者でも時間がないときには面倒なもの。 プレゼンテーションや制作
CSSのみで実現する軽量なツールチップ「Ballon.css」
WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか？今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。 CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。 詳しくは以下 上、下、左、右と4方向にツールチップが出せ、単語から文章まで大きさも5段階にコントロールする事が可能です。 導入は非常にシンプルで、「Ballon.css」CSSを読み込ませて、あとは動かしたい所定の動きをdata-balloon-posという型で呼び出すだけで実装できます。ソースコードなどは「Balloon.css — CSS tooltips fo
FacebookライクなGIFアニメーションプレビュー「Facebook Like GIF Preview Using jQuery」
TOP > javascript , WebDesign > FacebookライクなGIFアニメーションプレビュー「Facebook Like GIF Preview Using jQuery」 動画はトラフィックを取られすぎてなかなか展開はできないけどなんとかしたいという思いから、動画部分をGIFアニメーションで代替して利用するというサイトを最近では見かけます。今日紹介するのはFacebookライクなインターフェイスでGIFアニメーションプレビューを実装できる「Facebook Like GIF Preview Using jQuery」です。 こちらはjQueryベースで制作されており、jQueryとライブラリ、CSSを読みこせて、HTMLとjsを追記するという形で、比較的簡単に実装が可能です。 詳しくは以下 GIFのマークをクリックするとGIFアニメーションがスタートし、再
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
