TOP  >  アイコン

Tag : アイコン

2010年12月22日

商用化!400種のシンプルなアイコンセット「IconSweets2」

webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。

テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。

(続きを読む…)

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

クリスマス気分を存分に味わえる「Top 10 Christmas Social Bookmarking Icon Sets」

街はクリスマスムード一色というこの季節に最適なアイコンセット「Top 10 Christmas Social Bookmarking Icon Sets」を今回は紹介したいと思います。


PSDFAN Exclusive Christmas Icon Set « PSDFan
雪と共に佇むアイコンたち。頭にかぶったサンタ帽がさらにクリスマスムードを高めてくれています。

クリスマステイスト満載のソーシャルブックマークアイコンが多数紹介されており、見ているだけで楽しくなりそうです。さまざまなセットの中から気になるものをいくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

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

ショッピングサイトで利用できるアイコンセット「Ecommerce Icons: 15 Useful Sets For Your Online Shop」

オンラインのショッピングサイトを制作する時に素材としてあると非常に役に立つアイコンセット「Ecommerce Icons: 15 Useful Sets For Your Online Shop」を今回は紹介したいと思います。


Free Icons (with PSDs): 30 E-Commerce Icons

ショッピングカートやsaleの表示、メール、カードのマーク、セキュリティなど、さまざまな種類のアイコンが多彩な種類で収録されています。いくつか気になったものをまとめてみました。下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

クリエイティブコモンズ、パブリックドメインのピクトグラム素材をsvgで配布する「The Noun Project」

何かをシンプルに伝えるときに非常に便利なピクトグラムアイコン。見た目で直感的になにをあらわしているのか分かる非常に便利なサインですが、今回紹介するのはクリエイティブコモンズ、パブリックドメインのピクトグラム素材をsvgで配布する「The Noun Project」。

現在かなりの数のピクトグラムアイコンが配布されており、種類も豊富ですんどえ、このサイトだけでピクトグラムは事足りるのではないでしょうか?全てではありませんが途中まで読み込んだスクリーンショットを下記に貼り付けておきますのでご覧ください。

詳しくは以下

(続きを読む…)

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

さまざまなテイストのアイコンをまとめた「Top 50 Web Development, Design and Application Icon Sets from 2010」

webデザイン制作の際には特によく使用するアイコン。テイストに合わせて、バリエーションを揃えておきたいものです。そこで今回紹介するは、さまざまなテイストのアイコンをまとめた「Top 50 Web Development, Design and Application Icon Sets from 2010」です。


200+ Exclusive Free Icons: “Reflection” | Webdesigner Depot

デザインの雰囲気はもちろん、それぞれにテーマ性を持ったアイコン集が多数収録されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(続きを読む…)

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

可愛らしい動物の姿をアイコン化した「Cute Critters Free Icon Pack」

アイコンにはさまざまな種類があり、たくさん持っている程便利なもの。そんな中今回紹介するのは、可愛らしい動物の姿をアイコン化した「Cute Critters Free Icon Pack」です。

POPでキュートな印象の動物たちが並ぶアイコン集で、子ども向けのデザインや、柔らかいデザインなどにぴったりとマッチしてくれそうです。

詳しくは以下

(続きを読む…)

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

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

2014年04月12日

ラフな落書きを手軽に表現できるPhotoshopブラシ「15 Photoshop Free Scribble and Doodle Brushes」

デザインにラフさを取り入れたい、カジュアルな印象にしたい時に使うことが多い落書き風のデザイン。手描きで作成するのももちろん良いですが、今回はブラシを使って手軽に描き出すことができる「15 Photoshop Free Scribble and Doodle Brushes」を紹介したいと思います。

scribble1
Dirt2 Secret Garden Brushes by KeepWaiting on deviantART

さまざまな種類やテイストの落書きブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2010年01月23日

日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」

付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp,JQueryを利用して制作された、付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」を紹介したいと思います。

fusen00

付箋は自由に追加したり、削除する事ができ、もちろん位置も自由自在に動かす事ができるようになっています。インターフェイスもかなりシンプルで、だれでも簡単に直感的に操作する事ができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:31  |  
Category: Tool , WebDesign   
tag: AJAX Tool
2009年05月23日

Flashで作るナビゲーションのチュートリアル22選「22 Versatile Adobe Flash Menu and Navigation Tutorials」

使い方によっては表現力豊かで、便利なFlash。今では様々なWEBコンテンツがflashで制作されていますが、今回紹介する「22 Versatile Adobe Flash Menu and Navigation Tutorials」はflashで制作できる様々なナビゲーションのチュートリアルをまとめたエントリーです。

flashmenu01
Actionscript 3.0 Drop Down Menu (Video)

一般的なメニューからflashの表現を活かしたメニューまで、様々なものが紹介されていますが、今回はその中から特に気にあったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:56  |  
Category: WebDesign   
2010年11月14日

jQueryで利用出来る便利なナビゲーション26選「26 Useful jQuery Navigation Menu Tutorials」

軽量で高機能なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、簡単にWEBに動きや機能を付加してくれるため。使い勝手が良く多くのWEBサイトで利用されていますが、今日紹介するのはjQueryで利用出来る便利なナビゲーションを集めたエントリー「26 Useful jQuery Navigation Menu Tutorials」です。


Mega Drop Down Menus w/ CSS & jQuery

ドロップダウンメニューからユニークなアコーディオンメニューまで様々なナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:33  |  
Category: WebDesign   
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   
2009年04月19日

WEBデザインの品質をあげるテクニック集「How to Spot Quality within Web Design: Examples & Tips」

WEBデザインというのはかなり複合的なデザインで様々な要素の組み立ててででき上がっています。クオリティの高い、低いはいったいどんな要素で決定しているのか!?そんなWEBデザインの確信にも迫る部分を取り上げているのが今回紹介するWEBデザインの品質をあげるテクニック集「How to Spot Quality within Web Design: Examples & Tips」です。

quality_in_web_design01

クオリティを上げるためのテクニックやヒントがいくつか紹介されていますが、そのなかでも特に気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:28  |  
Category: WebDesign   
tag: webdesign
2013年05月29日

さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」

さまざまな手法のデザインが展開される中、最近はフラットなテイストが主流になりつつあります。そんな中今回紹介するのが、フラットデザイン制作の参考に利用できる、さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」です。

ログイン画面、ソーシャルボタン、グラフなど、デザイン制作に必要なパーツを取り揃えた、忙しいデザイナーの方々に嬉しいUIキットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2010年02月23日

CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」

WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。

drop-shadows

上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違うものの、ほぼ同じような見え方でドロップシャドウを実現しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: WebDesign , WebService   
tag: CSS webdesign
2009年08月10日

レトロ、幻想的、シンプル様々なphotoshopパターンを集めた「200+ free beautiful Photoshop patterns」

photoshopで背景を作り込む時に便利なパターン素材。キャンパスのサイズに応じてパターンを展開できるかなり便利なものです。今日紹介するのはレトロ、幻想的、シンプルなどといった、様々テイストのphotoshopパターンを集めたエントリー「200+ free beautiful Photoshop patterns」を紹介したいと思います。

aphotoshodesign01
Micro Patterns

今日は今までDesigndevelopで紹介した事が無いもののなかからいくつかピックアップして紹介したいと思います。

詳しくは以下から

(続きを読む…)

続きを読む
posted 11:27  |  
Category: Design , Photoshop   
2013年10月03日

荒廃的な雰囲気が印象的なPhotoshopテクスチャのまとめ「Seven Free Industrial Grunge Textures」

写真素材からデザインのヒントやインスピレーションを得たりすることはよくあるもの。時には写真がないとデザインが成り立たないといった場合もあります。今回はそんな写真素材の中でも、荒廃的な雰囲気が印象的なPhotoshopテクスチャのまとめ「Seven Free Industrial Grunge Textures」を紹介したいと思います。

sfigt_0
Free High Resolution Textures – Lost and Taken – Seven Free Industrial Grunge Textures

金属のプレートをテーマに、塗装の剥げたもの、錆びたもの、汚れたものなど、工業的な印象を受ける7枚のテクスチャセットとなっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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