TOP  >  icon

Tag : icon

2018年03月20日

絶滅種をあつめた動物アイコン「Extinct animals project (Free)」

動物をモチーフとしたアイコンは幅広く存在し、デザインによく使用されるものの一つなのではないでしょうか。今回ご紹介する「Extinct animals project (Free)」では、一風変わった他にはない動物アイコンとなっています。

ShockFamily_top

絶滅危惧種をテーマとして集められたアイコン。動物だけでなく、魚や虫などもまとめられています。

詳しくは以下

(さらに…)

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

ピクセルで作られたPOPなアイコンセット「Mario Pixel Icon Collection」

昔懐かしいドット絵。レトロな雰囲気やユニークなデザインには最適なアイコンスタイルです。今回はそんなデザインに取り組もうとしている方におすすめできる「Mario Pixel Icon Collection」をご紹介致します。

MarioPixelIconCollection_top

ピクセルで作られたPOPなアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

ストリート感のあるアイコン&フォントセット「Pool Riders Typeface + Bonus Vector Cut-Outs」

グランジで雑多な雰囲気がクールなストリートデザイン。一風変わったデザイン性からぴったりのアイコンやフォントを探すのはなかなか難しいもの。そんな方におすすめできる「Pool Riders Typeface + Bonus Vector Cut-Outs」を今回はご紹介していきます。

PoolRidersTypeface_top

カジュアルなデザインシーンで活用できる、ストリート風のアイコン・フォントがセットになっています。

詳しくは以下

(さらに…)

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

ビジネスを表現できるアイコンセット「Magicons」

アイコンはwebサイト制作をはじめ、さまざまデザインシーンで役立ってくれる便利なアイテムの一種。今回はそんなアイコンの中から、ビジネスを表現できるアイコンセット「Magicons」を紹介したいと思います。

magicon1

ビジネスをイメージさせる100種のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

アウトドアイメージのフリーアイコンセット「Free Adventure Icon Collection」

デザインのポイントとして活躍してくれるアイコン。いろいろな種類をストックしておくことで、日々のデザイン制作にいざという時に役立ってくれます。そんな中今回紹介するのは、アウトドアイメージのフリーアイコンセット「Free Adventure Icon Collection」です。

icon0220_2

ポップで柔らかな質感の色合いとディテールが特徴。キャンプやマリンシーンをイメージさせる可愛らしいアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加

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

2013年06月23日

シンプルテイストなフリーアイコンフォント「Free Icon Fonts for Web User Interfaces」

特にwebデザイン制作で頻繁に使用するアイコンは、簡易的なビジュアルで意味を相手に的確に伝えることができるとても便利な存在です。今回はそんなアイコンをフリーで使用できるフォントを集めた「Free Icon Fonts for Web User Interfaces」を紹介したいと思います。

icon4
Sosa :: Ten by Twenty

シンプルベースの、幅広く利用できるタイプのアイコンフォントが多数まとめられています。気になったものを以下にまとめましたので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:43  |  
Category: Font   
2010年08月29日

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」

現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。


Acallia

テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:13  |  
Category: WebDesign   
2009年11月25日

クリスマスに役立つphotoshopブラシセット集「Create Christmas designs with 50 Photoshop brush sets」

先日も「クリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」」と言う記事でクリスマスに使えるベクターデータを集めたエントリーを消化しましたが、今回もクリスマス関連で、クリスマスに役立つphotoshopブラシセット集を紹介するエントリー「Create Christmas designs with 50 Photoshop brush sets」を紹介したいと思います。

christmas-designs-brushes01
Christmas Brushes for Photoshop CS+ | Photoshop Free Brushes

クリスマス定番のアイテムから、雪の結晶や光、などといった演出系のもの、ビンテージ感漂う、グラフィックなどなど、様々なブラシが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 11:56  |  
Category: Design , Photoshop   
2008年06月18日

商用可!パターン背景素材集「DINPATTERN」

WEBサイトの重要な要素の一つ背景。今日紹介する「DINPATTERN」はパターン背景に特化した素材配布サイトです。作り込まれた背景から、シンブルなものまでありとあらゆるパターン背景が公開されています。

背景画像は上記のようにサムネイルで表示されていて、サムネイル下の「Preview」を押すと背景がページに反映されるような作りになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:00  |  
Category: WebDesign   
tag: webdesign
2013年05月18日

次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集

CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。


Countable.js

様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:05  |  
Category: WebDesign   
2012年10月09日

温かさを感じられるファーテクスチャまとめ「A Collection Of High Quality Free Fur Textures」

街行く人々の中にも、秋冬の温かい雰囲気のファッションを取り入れている方が増えてきたように感じます。そんな中今回は、温かさを感じられるファーテクスチャをまとめた「A Collection Of High Quality Free Fur Textures」を紹介したいと思います。


Fur Texture 6 by ~Fox-N-Wolf on deviantART

アニマル柄のテクスチャをはじめ、さまざまな動物の毛を利用したファーテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:48  |  
Category: WebService   
2010年11月13日

クリエイティブな404ページを集めた「50 Professional and Creative 404 Error Page Designs」

WEBページでページが見つからない時に表示されるエラー404。通常ブラウザに表示されるものはありますが、あまりにもあっさりしすぎていて、表示された場合がっかりしています。今日紹介するのはそんなネガティブな404ページをクリエイティブに製作されている事例を集めたエントリー「50 Professional and Creative 404 Error Page Designs」です。


404 – Whoops | Frye / Wiles

上記の他にも様々なクリエイティブな404エラーが紹介されています。幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:41  |  
Category: WebDesign   
2016年03月16日

CSSでInstagramで使われているフィルタ効果を実現する「CSSgram」

どんな写真でも、優秀なフィルターを用いることで、それらしい写真が撮影できるInstagramは国内を始め世界中で利用されていますが、今日紹介するのはCSSでInstagramで使われているフィルタ効果を実現する「CSSgram」です。

cssgram01

CSSは非常に軽量で、1kb以下のコードで、様々な種類のフィルタ表現がブラウザ上で可能になります。その数は全21種類にも及びます。

詳しくは以下

(さらに…)

続きを読む
posted 09:06  |  
Category: WebService   
2015年02月27日

デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」

デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。

freefont0227_1
ONE DAY – Free Font on Behance

新しいタイプの、主流のデザインにもマッチするフォントの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2018年01月14日

男性の顔をカスタムできるイラストジェネレーター「Gentleman Character Generator」

自身のプロフィールやポートフォリオを作成する際に、顔写真を使用することがあると思いますが、中にはちょっと抵抗がある方もいらっしゃるはず。今回はそんな時に活躍してくれそうなカスタムできるイラストジェネレーター「Gentleman Character Generator」を紹介いたします。

facemake1

さまざまなパーツを組み合わせて、オリジナルの男性の似顔絵を作り上げることができます。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る