TOP  >  svg

Tag : svg

2018年05月09日

豪華な花柄が美しいSVGフォント「Flower Bouquet SVG Font」

タイポグラフィ自体にデザイン性を持たせることで、ぱっと華やかなものにしてくれます。今回ご紹介する「Flower Bouquet SVG Font」は、美しい花とともに可変性の高いSVGに対応しているフリーフォントになります。

FlowerBouquet_SVGFont_top

バラやパンジーなどの色鮮やかで華やかな雰囲気が特徴。デザインを彩り鮮やかに演出してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:09  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2018年02月17日

CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」

Webサイト内でよく見かけるアイコンですが、みなさんはどのように制作しているでしょうか。IllustratorやPhotoshopを使い、JPEGやPNG形式で保存している方も多いかと思いますが、今回紹介するのは、CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」です。

SVG_CSS_icon02

SVGのメリットを活用したアイコンの生成方法が分かりやすく解説されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2018年02月16日

CSSで簡単に導入できるカスタマイズも可能なSVGバックグランドセット「SVG Backgrounds」

近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。

svg-backgrounds1

シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年01月02日

商用利用も可能 カラーチェンジができるSVGアニメーションを配布するサイト「unDraw」

webサイト制作にいまやなくてはならない存在になっているSVGアニメーション。デザインする際に活用されている方も多いかと思います。今回はそんな方におすすめのSVGアニメーションを配布するサイト「unDraw」を紹介したいと思います。

undraw1

既存のイラストをベースに好きな色にカラーチェンジができる、嬉しい機能が搭載されたイラストサイトとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2017年10月12日

ハロウィーンに合わせて使いたいキュートなアイコンセット「Spooky Halloween: 40 Icons, 4 Styles」

ハロウィーンが間近に迫っていることもり、ハロウィーン関連のデザイン業務を手がけている方もいらっしゃるのではないでしょうか。今回はそんな方におすすめの、手軽にハロウィーンの雰囲気を演出してくれるキュートなアイコンセット「Spooky Halloween: 40 Icons, 4 Styles」を紹介します。

spooky-halloween-40-icons1

シンプルなデザインで非常に使いやすい、ハロウィーンをモチーフとしたアイコンセット全40種類です。

詳しくは以下
(続きを読む…)

続きを読む
posted 06:21  |  
Category: vector   
このエントリーをはてなブックマークに追加
2017年08月30日

便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」

レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。

svg_top
Plain Pattern

SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2017年12月11日

ブランデイングに最適!ロゴデザインのイメージを高めてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」

Webやテクスチャーなど、制作したデザインをよりよく見せてくれるモックアップ。それだけでなく、クライアントにより実物をイメージしてもらいやすくなります。今回ご紹介するのはそんなデザインを支えてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」です。

40-free-label-mockups1
Psd Label Brand Mockup Vol3 | Psd Mock Up Templates | Pixeden

アパレルや食品などのロゴデザインのイメージの手助けになる、ラベルのモックアップが全部で40種類揃っています。さらにその中から気に入ったモックアップを幾つかピックアップしました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop   
2018年08月22日

デザインに取り入れたい ハイクオリティなフリーフォントまとめ「30 New Truly High Quality Free Fonts for Designers」

デザインの仕上がりを左右する重要な要素はいくつか挙げられますが、中でもフォントは慎重に選び、デザインとマッチさせたいもの。今回はそんなときにぜひ参考にしたい、ハイクオリティなフリーフォントまとめ「30 New Truly High Quality Free Fonts for Designers」を紹介します。

font0820_2
Freebies | Wacaksara

30種のデザイン性のあるフォントがまとめられており、どれも非常に魅力的なものばかり。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2015年08月25日

wordpressでのサイト構築に活用したいフリーテーマ集「50 Responsive, Beautiful and Free WordPress Themes」

デザイン性の高いwordpressのテーマは数多く配布されており、中にはフリーで使用できるものも多く存在しています。そんな中今回は、wordpressでのサイト構築に活用したいフリーテーマ集「50 Responsive, Beautiful and Free WordPress Themes」を紹介したいと思います。

wordpress0825_1
StanleyWP – Twitter Bootstrap WordPress Theme – GentsThemes.comGentsThemes.com

主流のデザインを取り入れた、クオリティの高いテーマが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:52  |  
Category: WordPress   
2018年04月02日

有名なロボットキャラクターを丸いフォルム可愛らしくリメイクしたアイコンセット「Freebie: The Famous Robots Icon Set (20 Icons, AI, SVG & PNG)」

日本問わず、ロボットキャラクターはとても人気で、さまざまなアニメや映画に登場。グッズなどをコレクションされている方も多いのではないでしょうか。そんな方にとって嬉しいアイコンセット「Freebie: The Famous Robots Icon Set (20 Icons, AI, SVG & PNG)」をご紹介します。

robot_icons_set_top

懐かしいフューチュラマや、日本発のアニメーション・エヴァンゲリオン、ガンダムなど、国境関係なく様々なキャラクターが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
2015年07月03日

webデザイナーが押さえておきたいフリー素材を多数ピックアップした「50+ incredible freebies for web designers, June 2015」

webデザイナーにとってフリーで使用できる素材は非常に便利であり、日々いろいろな種類をチェックされている方も多いのではないでしょうか?そんな中今回は、webデザイナーが押さえておきたいフリー素材を多数ピックアップした「50+ incredible freebies for web designers, June 2015」を紹介したいと思います。

free0703_2
Page Scroll Effects | CodyHouse

アイコンやフォント、モックアップ、アニメーションやJS、テンプレートなど、種類豊富にフリー素材がチェックできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:12  |  
Category: Design   
2009年03月12日

ニュースサイトやWEBマガジンで使えるwordpressフリーテーマ集「27 Stunning Yet Free Premium WordPress」

WordPressでWEBマガジンやニュースサイトなどのメディアを作りたいそんな方にピッタリなのが今回紹介するニュースサイトやWEBマガジンで使えるwordpressフリーテーマ集「27 Stunning Yet Free Premium WordPress」です。

comfymagazineword01
Comfy Magazine Style ThemeLive Demo

スタンダードでキレイ目なものが多く汎用性があるテーマが多い気がします。これなら自分のサイトに併せてカスタマイズもしやすそうな気がします。沢山のテーマファイルが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:04  |  
Category: WordPress   
tag: webdesign
2015年10月16日

最新のフリーモックアップを26種集めた「New Free PSD Mockup Templates (26 New Mock-Ups)」

製作中のデザインが実際にリアルに展開された時、どんなイメージになるのか確認する時に使用されるモックアップはとても便利な存在。そんな中今回は、最新のフリーモックアップを26種集めた「New Free PSD Mockup Templates (26 New Mock-Ups)」を紹介したいと思います。

mockup1016_2
ShowItBetter – photo mockups | Free MacBook Pro photo mockup

さまざまな使用シーンを想定した、いろんな種類のモックアップが厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:52  |  
Category: Design   
2011年12月23日

【商用可】シンプルなピクトグラムをフォントとして使える「Erler Dingbats」

WEBでもグラフィックでもメニューの内容や機能などを端的に表現する時に便利なピクトグラム。シンプルながらもデザインを機能的にブラッシュアップしてくれる効果的なものですが、今日紹介するのはシンプルなピクトグラムをフォントとして使える「Erler Dingbats」です。

こちらはDingbatsフォントの一種で様々なピクトグラムがフォントセットとしてまとめられています。収録されているフォントの種類は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:58  |  
Category: Design , Font   
2016年12月03日

CSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」

WEBサイトに欠かせないUI/UXの一つローディング。この小さなアニメーションで多くのストレスが軽減でき、かつ世界観を表現できます。ローディングアニメーションには様々な作り方がありますが、今回紹介するのはCSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」です。

csspin

全部で10個のローディングアニメーションが公開されており、どれもクリエイティブでポップな印象を受けます。

詳しくは以下

(続きを読む…)

続きを読む
2012年04月17日

インフォグラフィックデザインに使いやすいデザイン素材まとめ「UI Kits and Other Free PSD Resources for Building Infographics」

難しい説明をデザインの力で誰にでも分かりやすく伝えるインフォグラフィックが注目を集め、そのようなデザイン制作の依頼も増えているのではないでしょうか?そこで今回紹介するのが、インフォグラフィックデザインに使いやすいデザイン素材まとめ「UI Kits and Other Free PSD Resources for Building Infographics」です。


Free Vector Infographic Kit | MediaLoot

表やグラフをはじめとした統計データを見やすく表現できる素材や、アイコンなどのユーザーインターフェースを意識した素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る