TOP  >  svg

Tag : svg

2014年01月12日

アニメーションも楽しめる 150種のSVGフラットアイコンセット「150+ Free Animated SVG Icons」

ベクター機能を持っているため、オブジェクトの拡大縮小も可能なSVG形式の素材。グラフィック制作だけでなく、テキストエディタでの編集もできるため、現代のweb業界では非常に注目・重宝されている形式です。今回はそんなSVGフラットアイコンセット「150+ Free Animated SVG Icons」を紹介したいと思います。

svg140112

ポップなテイストのSVGアイコンが150種揃っており、さまざまなシーンで利用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:01  |  
Category: Design   
このエントリーをはてなブックマークに追加
2013年12月12日

SVGデータで作られたアイコンのダウンロードサービス「iconmelon svg icons lib for the web」

SVGはJPEGやPNG等とは異なる、ベクターで表現された画像データです。そして、XMLベースの言語であるので、テキストエディタでの編集も可能という珍しい特徴も持っています。今回は、そんな新しい可能性を秘めたSVGデータのアイコンダウンロードサービス「iconmelon svg icons lib for the web」を紹介したいと思います。

isilftw_0

ダウンロードは難しくなく、欲しいアイコンを選択してダウンロードボタンを押すと完了。ダウンロードボタンの左にある「add effects」ボタンを押すと、シャドウやエンボス等、アイコンにかかるエフェクトも選択することができます。

(続きを読む…)

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

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

2009年02月11日

グラフィカルなポートフォーリオサイト集「30 More Portfolio Sites for Your Design Inspiration」

以前「デザイナーのためのWEBポートフォリオ集「50 Beautiful and Creative Portfolios」」という記事でクールなデザイナーのポートフォリオサイトをまとめたエントリーを紹介しましたが、今日紹介する「30 More Portfolio Sites for Your Design Inspiration」もそんなデザイナーのポートフォリオのデザインリソースとなりうるまとめエントリーです。


Nick Jones

前回と比べて、選んできているサイトが違う的に、全体的にグラフィカルなものが多いような感じがします。全部で30のサイトが紹介されていますが、今日はその中からいくつ描きになったポートフォリオサイトを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:40  |  
Category: WebDesign   
tag: webdesign
2014年03月13日

いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」

便利に利用できるデザインアイコンは、たくさん持っておけばさまざまな表現に活用することができるため、とても重宝する存在。そんな中今回紹介するのは、いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」です。

icon140312_1
Dribbble – freebie_2X.png by Jared William Kennedy

フラットタイプから、立体的な表現が印象的なものまで、多彩な種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年04月23日

レトロな雰囲気のフォント作成のために役立つチュートリアルまとめ「20 Top-Notch Retro Text Tutorials To Learn From」

フォントデザインに演出をつけたいけれど、どうやって加工したら良いのか分からない。そんなシーンに遭遇するデザイナーの方は多いかと思います。今回はそんな時に心強い味方となってくれるチュートリアルをまとめた「20 Top-Notch Retro Text Tutorials To Learn From」を紹介したいと思います。

top
Create a 3D Style Retro Text Effect – Vectips

さまざまなテイストのレトロフォントを作り上げることができるチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2017年08月13日

モバイル向けデザインテンプレートまとめ「8 Fresh & Free Mobile App PSD Templates」

国内外でも比率が年々増しているスマートフォン。ユーザーインターフェイスの設計は、PCとはまた違った観点の設計・デザインが求められます。今日紹介するのは、モバイル向けのデザインテンプレートをまとめたエントリー「8 Fresh & Free Mobile App PSD Templates」です。

mobileapp01
Clean & Modern iOS UI Kit by Sandeep Kasundra – Dribbble

ハイクオリティなモバイルデザインテンプレートがまとめられています。気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: Tool , WebDesign   
2009年08月03日

ベクターデータで使えるフリーアニマルアイコン「10 stunning vector animals icon sets」

制作に非常に便利なベクターデータ。様々なベクターデータをDesigndevelopでも紹介してきましたが、今日紹介するのはベクターデータのフリーで使える動物のアイコンを集めた「10 stunning vector animals icon sets」です。

vector-animal01
Twitter animals-Source

サメ、ヒツジ、犬など様々なタッチの違う動物のアイコンが紹介されています。今日はその中からいくつか気になったアイコンを紹介したいと思います。

(続きを読む…)

続きを読む
posted 09:43  |  
Category: Design , vector   
tag: Design vector
2015年03月15日

洗練されたデザインテイストが魅力的なフリーUIキットまとめ「A Roundup of Free & Beautifully Designed UI Kits」

フリーで配布されているUIテンプレートを利用することで、デザインの質を手軽にアップさせられると同時に、制作時間の短縮・コストカットにも繋げることができます。今回はそんなシーンで参考にしたい、洗練されたデザインテイストが魅力的なフリーUIキットまとめ「A Roundup of Free & Beautifully Designed UI Kits」を紹介したいと思います。

ui0314_1
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] on Behance

非常にデザイン性の高い、いろいろな種類のパーツが揃ったUIキットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年07月20日

背の高さが目をひく 見出しを目立たせてくれるデザインフォントまとめ「20 Free Tall Fonts for Catchy Headlines」

人の目を引くために、見出し部分を印象的にするデザイン手法を取り入れている方も多いと思います。その中でフォント選びにもっとこだわりを持たせると、さらに魅力的な演出ができるかもしれない、今回はそんなシーンで参考にしたいフォントまとめ「20 Free Tall Fonts for Catchy Headlines」を紹介します。

1_Monument-Valley-Font_top
Monument_Valley_1.2 font by turbocass – FontSpace

数多くあるタイポグラフィーの中でも今回は、背の高さで見出しを飾り付けてくれることに焦点をあてたものがピックアップされています。
詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2011年11月28日

Flashを利用したクオリティの高いwebテンプレートまとめ「30 Free High-Quality Flash Web Templates」

Flashを利用したwebページは、スペシャルコンテンツなど複雑な表現やアニメーションを利用したwebページ制作に良く利用されていますが、制作には手間と時間が掛かります。そこで今回は、手軽に利用できるFlashを利用したwebサイトのテンプレートを集めた「30 Free High-Quality Flash Web Templates」を紹介したいと思います。


flashmo 249 mega grid – Free Flash Template

動きのあるユニークなサイトを制作できるテンプレートが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2016年03月12日

サイト制作に企画・提案・制作に企業やサービスのロゴが探せる「Instant Logo Search」

WEBデザインやプロモーションの企画・提案・制作の現場では、度々企業やサービスのロゴマークが必要になることがありますが、今回紹介する「Instant Logo Search」はそんなロゴマークを簡単に探しだすことができる WEBサービスです。

InstantLogoSearch1

多彩なロゴが公開されており、「Twitter」や「Facebook」など、もはや欠かせないものから、スターバックス、NETFLIXなどなど、様々なジャンルを超えたロゴマークがあつまっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:09  |  
Category: WebService   
2012年07月27日

デザインにインパクトを与えられる!クオリティの高いフリーステッカーアイコンまとめ「30 Examples of Sticker Icon for Free」

デザイン制作に欠かせないアイコン素材ですが、その用途は多岐に渡ります。そんな中から今回は、デザインにインパクトを与えられる、クオリティの高いフリーステッカーアイコンをまとめた「30 Examples of Sticker Icon for Free」を紹介したいと思います。


Icon Sticker Pack programs by ~isiris on deviantART

印象度をアップさせられるアイコンから、デザインのアクセントとして利用できるアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりごらんください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:59  |  
Category: Design   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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