TOP  >  icon

Tag : icon

2019年03月17日

アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」

WEBデザインでは非常に重要となり、利用頻度も高いアイコン。様々なアイコンセットが世に中には出回っていますが、今回紹介するのはJPGやPNGといった画像データでは無くて、SVGでダウンロードしたり、SVGコードで出力できる、ICONサービス「ICONSVG」です。

svgicon001

シンプルでスタンダーどなアイコンが並んで降り、「Arrow」「InterFace」「Media」「Files&folders」「Editor」「Symbols and shapes」「User」「Graphs&charts」「Devices」「Layout」といったカテゴリに分けられて収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:42  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2019年02月20日

子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」

デザイン制作の素材として活躍してくれるアイコン。デザイナーの方で日々ストックされている方も多いのではないでしょうか。今回はそんなストックコレクションに加えておけば活躍してくれるかも?子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」を紹介したいと思います。

child1

赤ちゃんから幼児あたりまでの、ライフスタイルをイメージできるアイテムのアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」

2月14日本日はバレンタインデー。特に日本ではお正月空けから盛り上がりを見せる、冬の一大イベントの一つでもあります。今回はそんなバレンタインデーを楽しく演出するフリーアイコンセット「50 free valentines themed icons」を紹介したいと思います。

fvalentine1

ポップで可愛らしいテイストのフリーアイコンが50種、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」

デザインの素材として欠かすことができないアイコン。良いものをみつけるたびにストックされているデザイナーの方も多いのではないでしょうか。今回はそんなストックコレクションにぜひ取り入れたいフリーアイコンセット「Emojious Icons」を紹介します。

emojious1

キャラクターのような可愛らしさを兼ねそなえた、個性的なラインナップを楽しめるアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

ベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」

Illustratorなどのソフトウェアでカスタマイズしながら利用できるため、どんな制作現場でも使い勝手がいいベクターデータ。今日紹介するのはベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」です。

150-vector-icons-580x435

天気のような汎用的なものから、斧やドライバーといった少しマニアックなものまで様々なモチーフがアイコン化されています。収録されているアイコンセットの一部は以下からご覧ください。

詳しくは以下

(続きを読む…)

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

フードデリバリーサービスに利用できる「50 Free SVG and PNG food deliverey icons」

日本でも非常に多く展開されているフードデリバリーサービス。最近はアプリ市場なども大幅に拡大し、実際に活用されている方も多いのではないでしょうか。そんなデリバリーサービスツールの制作に活用できる「50 Free SVG and PNG food deliverey icons」を今回は紹介します。

delivery1

50種のフードデリバリーサービスイメージアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

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

2015年08月28日

デザインにセンスの良い素材を フリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」

フォント選びは非常に重要なものであり、デザインに最適なものをしっかりと見極め選定することで出来栄えが違ってきます。そんな中今回は、デザインに優れたセンスをプラスできるフリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」です。

font0828_3

シンプルベースなタイプから、フォントだけで個性的なデザインがされているものまで、いろんな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:59  |  
Category: Font   
2009年05月31日

金属のフリーテクスチャ50選「50 Free Metal Textures」

デザインに彩りを与えてくれるテクスチャ。そのなかでも素材感があり、様々なデザインに使えるテクスチャの一つ金属。今日はそんな金属のテクスチャを集めたエントリー「50 Free Metal Textures」を紹介したいと思います。

metaletx01
MetalBase0056

錆びたものから、ひっかいたような跡があるもの、また繋ぎ合わせた物まで、金属と一口に言っても様々なテクスチャがあります。今日は収録されているテクスチャの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design , Photoshop   
2015年08月04日

20種のBoldフリーフォントを集めた「20 Bold Free Fonts Perfect for Headlines」

フォントにはいろいろな太さのものが存在していますが、太めのラインが特徴のBold系は、文字を目立たせたいときなどに活躍してくれます。今回はそんな20種のBoldフリーフォントを集めた「20 Bold Free Fonts Perfect for Headlines」を紹介したいと思います。

font0804_2
Natasha | FREE FONT on Behance

Bold系でありつつ、さらに洗練されたデザイン性も兼ね備えた、ぜひデザインに取り入れたいフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:58  |  
Category: Font   
2017年10月14日

種類豊富でカラーバリエーションも豊かなアイコンセット「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」

ユーザーを視覚的に誘導してくれるアイコン。1つの種類でカラーバリエーション豊かなものがあると、アイコンのばらつきで雰囲気を損ねることなくデザインに統一性を持たせることができます。今回ご紹介する「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」は、5つのバリエーションでデザイナーの役に立ってくれるアイコンセットです。

flat-outline_top

シンプルでミニマルなテイストのアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2010年01月12日

WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」

未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」です。

lighteffects_01

いくつか紹介さされていますが、今回はそのなかからいくつか気になったモノを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:38  |  
Category: Design , WebDesign   
2012年11月04日

CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」

インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。

こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:59  |  
Category: Design , WebDesign   
2009年06月30日

ワンページにすべてをおさめるWEBデザイン集「41 Sleek Single Page Websites」

国内で一般的なWEBページの構造を思い浮かべるとしたら皆さんはどんなものを思い浮かべるでしょうか?スタンダードな例として、ページが複数ページがあってそれをグローバルナビゲーションでまとめているといった作りがあります。今日紹介する「41 Sleek Single Page Websites」は先ほどあげたスタンダードな例ではなくて、すべてのコンテンツを1枚のページに集約したWEBの構成をとっているWEBページを集めたエントリーです。

onepweb01
Pictureghjk 8

まとめているからと言って、コンテンツが充実していないという訳ではなく、機能的には問題ない形で1ページに落とし込んでいます。今回はいくつか収録されているもののなかから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:15  |  
Category: WebDesign   
tag: webdesign
2013年10月10日

ティッシュのさまざまな表情を感じられるテクスチャ「15 Useful Tissue Textures For Your Designs」

私たちの生活の中にとけ込む柔らかな紙たち。その中でも暮らしの中で必需品となっているティッシュは通常、単なる白い紙を思い浮かべてしまいますが、柄や汚れによってさまざまな表情が生まれるもの。今回はそんなティッシュのテクスチャをまとめた「15 Useful Tissue Textures For Your Designs」を紹介したいと思います。

15uttfyd_0
Crinkled Striped Tissue by kizistock on deviantART

種類も豊富で、さまざまな表情のティッシュが集められています。中でも気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2013年01月10日

インフルエンザにつき、更新を完治するまで暫くお休み致します。

いつもDesignworksをご覧頂きまして、誠にありがとうございます。年明け早々インフルエンザにかかってしまいました。

今まで、多少の体調不良については頑張って更新してきましたが、インフルエンザのためかあまりにも体調が厳しく、考えられない状況になってしまっておりますので、今週一杯、更新をお休みさせていただきたいと思います。

更新開始は、来週火曜日を予定しております。無事完治させ、今まで以上に更新できるように頑張ります。寒さが厳しくなって参りましたので、皆様もインフルエンザをはじめ風邪などには十分にご注意を。

【おまけ】
【2012】インフルエンザの予防方法&なったらどうする?のまとめ – NAVER まとめ
インフルエンザの予防グッズまとめ – NAVER まとめ
風邪・ノロ・インフル…体調不良を一人で乗り切るコツ [感染症] All About
インフルエンザにかかったときの食事|その他|メディカルサプリ

続きを読む
posted 11:02  |  
Category: WebService   
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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