テキストやシンプルなグラフィックの背景に使用したり、デザインのアクセントとして添えたり、ストロークそのものをグラフィック要素にしたり、ブラシのストロークが楽しめる水彩やペイントで描かれたベクター素材を紹介します。 ハープ、秋の草花、クリスマス用のリーフやベルをモチーフにしたイラスト素材も!

テキストやシンプルなグラフィックの背景に使用したり、デザインのアクセントとして添えたり、ストロークそのものをグラフィック要素にしたり、ブラシのストロークが楽しめる水彩やペイントで描かれたベクター素材を紹介します。 ハープ、秋の草花、クリスマス用のリーフやベルをモチーフにしたイラスト素材も!
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント! もちろん個人でも商用でも無料で利用できます。 今回はかわいい手描きの花や草の飾り罫・花冠・リボン・アローなどが、数多く揃った素材です。その名は「Romantic Set」です! 飾り罫の制作風景 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在87,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初!今回でいよい
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント! もちろん個人でも商用でも無料で利用できます。 今回はかわいい手描きの飾り罫が、数え切れないほど揃った素材です。 飾り罫の制作風景 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在81,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初!今回でいよいよ第20弾となりました! 第1弾〜19弾まではこちら。 コリスのビ
JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK! デモページ SVG Loadersの使い方 使い方は、簡単! Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGファイルをダウンロードします。 SVG Loaders -GitHub Step 2: HTML あとは、imgタグで配置するだけです。 <img src="svg-loaders/puff.svg" /> アイコンのカラーを変更したい時は、svg要素のfill属性を変更します。 <svg fill="#fff" width="140" height="64" viewBox="0 0 140 64
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd(72種類のレイアウトとチャート) .ai(72種類のレイアウトとチャート) .sketch(72種類のレイアウトとチャート) .png(72種類の各レイアウト) 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
米Twitterが絵文字をオープンソース化し、GitHubでソースコードを無償公開した。Web版で使用している、Unicodeで規定された872個の絵文字を利用できる。 日本のフィーチャーフォン文化に端を発する絵文字は、UnicodeによるサポートとiOSへの標準搭載などがきっかけに世界中で使われるようになっている。英語圏では絵文字だけのチャットサービス、SNSなども登場している。 Unicodeで標準化されたとはいえ、各社がプロダクトに用いる際は独自にデザインしなければならず、多数の絵文字に対応するのは簡単なことではない。Twitterでも、チューリップ型の「名札」、打ち上げ式ではなく手持ちの「花火」など日本の文化・風習と結びついたものが多いため、米本社で働く日本人エンジニアが1つずつレビューしながら制作したという。 ソースコードはMITライセンス、グラフィックスはクリエイティブ・コモン
セットになったアイコンはデザインが統一されており、それはそれで便利ですが、全部のアイコンを使うことはほとんどないと思います。 自分が必要なアイコンだけをセットにし、軽量化されたセットにして、WebフォントやSVGとして利用できるオンラインサービスを紹介します。 用意されたアイコンからセットを作ってもよし、自分のアイコンを加えてセットにすることもできます。 flat icon フォーマット:font(woff, eot, ttf, svg), png, svg, eps, psd 462種類のパック、55,000個のアイコンから使用するアイコンだけを選択し、セットにすることができます。チェックしたアイコンはクッキーで保存されているので、ログインしないでも利用できます。
Seamless Rice Paper Textures ダウンロードできる素材のフォーマットは、2種類。 .png (すぐに使う用) .pat (Photoshopのパターン素材) どちらもシームレスに、継ぎ目無く利用できます。 紙は全部で12種類、どれもいい感じの風合いです。
こんにちは、Web制作ディレクターのあゆみです。 自分が撮影した素材だけで動画をつくると、なんとなく味気なかったり物足りなかったりしますよね。 そんなときに使えるのが、動画編集用の素材。元素材に重ねたり、間に挟み込むことで尺を稼いだりすることで、少し手の込んでいる動画に見せることができます。短時間でなんとかしたいときは、かなり助かると思います。 というわけで動画編集に使える無料の素材サイト10個をご紹介します! よろしければ参考にしてみてください!
Icon fonts are great because they are flexible and fast loading. Using a single font and CSS, you can create countless graphical variations that would normally require the use of an equally countless collection of bulky and non-scalable images. Combined with HTML elements, these icons can even turn into beautiful buttons like the download link above! How to Use the Elegant Icon Font on Your Websit
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント(.ttf, .woff, .eot) ベクター(.svg) 透過PNG(.png) Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類! アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く