個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」
デザインの素材として欠かすことができないアイコン。良いものをみつけるたびにストックされているデザイナーの方も多いのではないでしょうか。今回はそんなストックコレクションにぜひ取り入れたいフリーアイコンセット「Emojious Icons」を紹介します。 キャラクターのような可愛らしさを兼ねそなえた、個性的なラインナップを楽しめるアイコンセットとなっています。 詳しくは以下 アイコンとして定番でよく見かける、よく使う、という感じの種類は入っていないのですが、popでカラフルなアイコンが揃っており、デザインを華やかで楽しげに彩ってくれそう。蛍光カラーをミックスした独特なカラーリングも、他にはない特徴ではないでしょうか。可愛らしい表情も印象的です。 ダウンロードできるのは、SVG、AI、PNG形式。デザインする媒体に合わせて使い分けることができる便利なラインナップですね。気になった方はぜひこの機会
雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」
コンテンツをクリエイティブにデザインするために、アニメーションを用いたレイアウトを取り入れることはとても効果的です。今回は雑誌を読むようにページをめくって閲覧できるアニメーションテンプレート「Page Flip Layout」をご紹介します。 ファッション雑誌のように美しく写真をレイアウトすることができ、アニメーション効果でデザインをリッチにすることができます。 詳しくは以下 ページレイアウトは見開きで作成され、ページ数の計算やインデックスも自動作成されます。画像のページ右にある青いラインからインデックスを閲覧でき、見たいページにジャンプすることや、すべてのページをCSSグリッドベースでカスタムすることもできます。ただし、旧ブラウザでは最新のCSSを利用できない場合があるので注意が必要です。 アニメーションテンプレートを使うことで、デザインを簡単に見やすく、美しくグレードアップすることがで
高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「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 アカウントを作成するだけで誰でも利用することができま
秋にぴったりな落ち着いた雰囲気を演出するフリーフォントまとめ「Stunning Free Fall Fonts 2018」
TOP > Font > 秋にぴったりな落ち着いた雰囲気を演出するフリーフォントまとめ「Stunning Free Fall Fonts 2018」 季節のイメージに合ったデザインに仕上げるために、マッチするフォント選びもクオリティを高めるための重要な要素。そんな時に役立ってくれる、秋の落ち着いた雰囲気を演出するフリーフォントまとめ「Stunning Free Fall Fonts 2018」を今回は紹介したいと思います。 TUESDAY NIGHT – FREE SIGNATURE SCRIPT かすれ調や手書き風、アンティーク風など秋をイメージさせる魅力的なフォントがまとめられています。気になったものをいくつかピックアップしましたので下記よりご覧ください。 詳しくは以下 Mr.Grieves かすれた雰囲気の太字フォント。文字によってサイズが不揃いなのが特徴です。秋のアウトドア
いろいろなゲームキャラクターを楽しめる「Free Monster Enemy Game Sprites」
ゲームのデザインには非常にたくさんのパーツが必要で、1つ1つをデザインすると非常に大変なことも。今回はそんなシーンで利用できそうなフリースクリプト「Free Monster Enemy Game Sprites」を紹介したいと思います。 モンスターだけどどこか可愛らしい印象の、いろいろなキャラクターが揃ったスクリプトです。 詳しくは以下 剣や斧などさまざまな種類の武器を持った独特な動きが特徴のキャラクターたち、種類としては10種類展開されています。AI、EPS、SCML、PNG形式になっており、自分好みにアレンジして楽しむこともできそうです。 個性的なキャラクターラインナップで、楽しいゲームの世界を作り上げることができそうですね。これからゲームを手掛けてみたい、フリーで手軽にゲームクリエイティブを楽しみたい、そんな方はぜひ活用してみてください。なおサンプル画像にあるマップは含まれていないよ
すべてがドットで作られたwebサイト「MODALZ MODALZ MODALZ」
webデザインにはさまざまなテイストがあり、その中で個性を演出していくことは、意外に難しいもの。そんな中今回は、ひと目見たら忘れられないようなwebサイトデザイン「MODALZ MODALZ MODALZ」を紹介したいと思います。 すべての要素がドットで作られた、懐かしささとアナログさが逆に新鮮なサイトデザインとなっています。 詳しくは以下 背景は黒一色で、要素は白。線もボタンもすべてがドットで、ページデザインやリスト表示、on/offボタンのサンプルなどが配置されています。フォントメインビジュアルも動きはつけられていますが、もちろんドットのみ。使用されているフォントはダウンロードして使用することもできます。 昔のアナログゲームの世界が思い出されます。遊び心あふれるサイトデザインがほしいという方は参考にしてみても良いかもしれませんね。 MODALZ MODALZ MODALZ ※当サイトの
美しく繊細な雰囲気が特徴の細字フリーフォントまとめ「35 Beautiful and Free Thin Fonts」
TOP > Font > 美しく繊細な雰囲気が特徴の細字フリーフォントまとめ「35 Beautiful and Free Thin Fonts」 デザインに合わせてイメージにあったフォントを選ぶことはとても重要です。そんな中今回紹介するのは、美しく繊細な雰囲気が特徴の細字フリーフォントまとめ「35 Beautiful and Free Thin Fonts」です。 Champagne & Limousines Font | dafont.com 欧文フォントの、細いラインで描かれたフリーフォントの数々がピックアップされています。気になったものを以下にまとめましたので、ご覧ください。 詳しくは以下 Quicksand Font Free by Andrew Paglinawan » Font Squirrel 全体的に丸みを帯びた、可愛らしさも兼ね備えたフォント。繊細すぎず、柔らかさ
ベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」
ベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」 自分自身を表現するシーンで自分の分身となるアバター。様々なタイプのアバターが世の中には溢れていますが、今回紹介するのはベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」です。 このアイコンセットは全部で50種類ものアイコンがセットとなっており、雲や紅葉、りんごなど秋を感じるアイコンがセットになっています。 詳しくは以下 ベクターデータでダウンロードができるため、カスタマイズを含めて多くのデザインに活用できそうなアイコンセットです。シンプルな作りなのでベースとして、色々なデザインやツールを作ってみるのも良いかもしれませんね。 「Autumn Kawai
トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」
TOP > Design , WebDesign , WebService > トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」 デザインの印象を決定付ける、重要な要素の一つに配色があります。色の組み合わせは思っている以上に難しく、いつも同じような配色になってしまう、または配色自体が思いつかないと色で悩んでいる方も多いと思います。今回紹介するのはトレンドの配色をカラーコード付きで参照できるWEBサイト「Trendy Palettes」です。 基本的には三色の組み合わせパターンが登録されており、色の組み合わせとそれぞれのカラーのカラーコードを参照することが可能です。 詳しくは以下 「Trendy Palettes」では、Trendy、popular、Randomと様々な形でカラーパレットを参照することができ、個別ページではカラーコードを参照できる他、PN
神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」
TOP > Design > 神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」 フリーでダウンロードできる素材には非常にさまざまな種類が存在しており、気になったものをストックしておくことで、いろんなシーンで活用することができます。そんな中今回は、神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」を紹介したいと思います。 ルーン文字という古代の文字などが、柔らかい雰囲気のイラスト素材セットでダウンロードできるようになっています。 詳しくは以下 シンボル的な文字セット、クリスタルの図形イラスト、植物、かすれたようなテクスチャ、またアルファベットもラインナップされており、ルーン文字として使用するというよりは、デザイン的なイメージ要素とし
斜めに動く、ダイナミックなスライダー「Diagonal Slideshow」
多くのサイトで採用されている、多くの情報を整理して順番に見せるスライダー。多くのクリエイターが日々、試行錯誤しており、様々なクリエイティブなスライダーが生み出されていますが、今回紹介するのは斜めに動く、ダイナミックなスライダー「Diagonal Slideshow」です。 「Diagonal Slideshow」はフルスクリーンで動作し、次の写真をクリック、タップでスライド、中央の写真を選択すると、同じくフルスクリーンアニメーションしながら情報が表示されます。 詳しくは以下 スマートフォンで表示させた所、スワイプなどの操作には対応していませんでした。純に見せていくコンテンツで、クリエイティブに印象的に見せたいときには有効なスライダーだと思います。 ソースはzipでまとめて配布されており、シンプルな構造になっていますので、比較的カスタマイズなども可能です。少し今までとは違うスライダーに挑戦し
作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」
TOP > WebDesign > 作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」 デザイナー・プログラマー・イラストレーターなど、クリエイティブな職業についていると、実績や作品というのは重要な営業のための要素の一つで、自分の作品をどう見せていくのかで、仕事の質や量にも大きく影響してくると思います。今日紹介するのは、作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」 45royale – A remote web design company with 12+ years of experience 原文には全部で20のポートフォリをサイトがまとめられていますが、今日はその中からいくつか気になったものを抜粋して紹介したいと思
スワイプでBefore/Afterを表現するスライダー「Beer Slider」
WEB上では限定的な使い方にはなってしまいますが、フィルターのON/OFF・背景のモノクロとカラー、化粧の有り無しなど、全く同じもので異なる状況を比べるというときに便利なのが、今回紹介するスワイプでBefore/Afterを表現するスライダー「Beer Slider」です。 上記のように左右で写真が表示されて、スワイプまたはスライドで写真の表示領域を切り替えることが可能です。 詳しくは以下 ソースは比較的シンプルで、普段からWEB制作をしたことがある方であれば、問題なく実装できるレベルだと思います。実際のデモやコードのサンプルは「Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized」からご覧いただけます。 ソース自体は「GitHub – pehaa/beerslider: A vanilla JS
スプレーで描いたたような無料のグラフィックキット「Spray Art Graphics Toolkit」
デザインを制作する際、すべて自作できれば良いのですが、手の混んだ表現を作るのにはそれなりに時間がかかります。そんな時は、グラフィック素材をうまく利用して、時間を短縮しながらデザインのクオリティを上げるのも、一つの方法です。今回は、スプレーで描いたようなグラフィティアート風の素材「Spray Art Graphics Toolkit」をご紹介します。 シンプルな形ですが、スプレー独特の質感があり、密度を出したい時にうまく利用できそうです。 詳しくは以下 図形や数字、アルファベットなど、さまざまな種類の要素がセットになっており、アレンジしたり使い方によっていろいろな表情を出すことができそう。ラフな雰囲気を演出したい時などに活躍してくれそうです。 今回ご紹介した素材は、ダウンロードの際メールアドレスを製作者に送る必要がありますが、個人、商用どちらでも無料で使用可能なキットです。制作に是非ご活用く
夏の今だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」
夏の今だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」 7月に入り本格的に夏の到来を感じるこの頃。夏をテーマにしたデザインを手がける機会も増えてきたのでは無いでしょうか？今回ご紹介するのは、そんな今の時期だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」です。 Summer Sales 50 free icons (SVG, EPS, PSD, PNG files) デザインに夏らしさを取り入れたいときに便利な、夏を連想させるモチーフのアイコンが全部で9種類紹介されています。さらにその中からいくつかおすすめのものをピックアップしましたので、
細部まで緻密に描かれたクラシカルなボタニカルアート素材「Vintage Herbarium」
植物のトゲまでを緻密に描くボタニカルアート。古くは大航海時代の頃から、植物の生態を記録するために用いられていたのだそう。今回はそんなボタニカルアートのイラスト素材「Vintage Herbarium」をご紹介します。 Free vintage flower illustrations: download watercolors 18〜19世紀の資料を元に再現された、美しい花々のボタニカルアートが、全部で12種類も収録された豪華なセットです。 詳しくは以下 牡丹や複数種のバラやラン・ガーベラなど、定番の誰もが知っているような花や、シャクナゲなど少し花に詳しくないとわからないようなマニアックな花まで幅広く揃えられています。どのアートも色鉛筆や水彩絵具などで描かれたようなアナログ風のタッチが魅力的で、点描のような繊細な技法を多用して、美しくリアルに描かれています。形式はPNGのみですが、印刷に耐
夏にぴったりなトロピカルで可愛らしいフリーアイコンセット「The Free Tropical Icon Set (50 Icons, SVG & PNG)」
夏にぴったりなトロピカルで可愛らしいフリーアイコンセット「The Free Tropical Icon Set (50 Icons, SVG & PNG)」 暑い日が続きすっかりと夏の到来を感じさせる季節になってきました。デザインでも夏らしさを求められる時期になってきたのではないでしょうか？今回ご紹介するのはそんな夏のデザインにぴったりな、トロピカルなフリーアイコンセット「The Free Tropical Icon Set (50 Icons, SVG & PNG)」です。 The Free Tropical Icon Set (50 Icons, SVG & PNG) 夏らしいイラストがポップなタッチで書かれたキュートなアイコンセットです。 詳しくは以下 アイスや水着、ハイビスカスやスイカなど定番の夏を連想させるアイコンや、熱帯魚やココヤシ、貝殻など夏の海を連想させるようなアイコンが全
WebデザインをオンラインでサポートしてくれるCSS作成オンラインツールまとめ「40 Free Web-Based Tools & Apps for Working With CSS」
WebデザインをオンラインでサポートしてくれるCSS作成オンラインツールまとめ「40 Free Web-Based Tools & Apps for Working With CSS」 Webデザインを構築するのに欠かせないCSS。基礎からアニメーションなどの特殊な効果まで、様々なことが行なえます。今回ご紹介するのは、そんなCSS構築の作業を手助けしてくれる、便利なWebツールまとめ「40 Free Web-Based Tools & Apps for Working With CSS」です。 Palettes | Flat UI Colors 280 handpicked colors ready for COPY & PASTE オンライン上で手軽に様々な効果や設定を試し、導入することができるツールが40種類紹介されています。その中から幾つかおすすめのツールをピックアップしましたのでご
インクを吹き付けたような表現が可能になるスプレーペイントテクスチャ「Spray paint free texture set」
TOP > Design > インクを吹き付けたような表現が可能になるスプレーペイントテクスチャ「Spray paint free texture set」 偶然の滲みやキャンパスの凹凸などデジタルにはない魅力が沢山存在する、アナログで描かれたペイントテクスチャー。しかし一から制作するのには手間も多いため、素材を活用していると言う人も多いのではないでしょうか。今回ご紹介するのはそんな人におすすめしたい、アナログで制作されたスプレーペイントテクスチャ「Spray paint free texture set」です。 現実では手を出しにくい画材であるスプレーを扱ったテクスチャーセットです。 詳しくは以下 セットには華やかなカラースプレーを使用したカラー素材が2点と、ブラックスプレーを吹き付けたモノクロの素材が1点の合計3点が含まれています。カラー素材のパターンは、マゼンダ・シアン・イエ
水滴を弾いたような模様が個性的な一風変わったアナログテクスチャーセット「Fluid Textures Set」
TOP > Design > 水滴を弾いたような模様が個性的な一風変わったアナログテクスチャーセット「Fluid Textures Set」 アナログで制作されたテクスチャーセットは、デジタルでは再現しづらい、凝った模様やディティール表現が魅力。手書き風が流行する今、デザインで利用する場面も多い素材なのではないでしょうか。今回ご紹介するのは、そんなアナログで制作された個性的なテクスチャーセット「Fluid Textures Set」です。 Free wet paint textures collection: download graphics 撥水性の高いキャンバスに絵の具を置いたような、水滴を弾いた模様が個性的なテクスチャーセットです。 セットの中には、ブラックやブラウンの絵の具で描かれた撥水テクスチャーが全部で10種類収録されており、筆に含む絵の具の量や、筆の動かし方で変化が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
