TOP  >  icon

Tag : icon

2016年09月11日

ベクターで描かれたカテゴリー別アイコンセット「Cagoicon Free Vector UI Icons」

制作する上で、非常に便利なアイコン素材。今回紹介するのは、File&Document、Location、Userなどよく利用しそうなカテゴリ別に生成されたカテゴリー別のアイコンセット「Cagoicon Free Vector UI Icons」です。

Cagoicon-Free-UI-Icons-Prev02

アイコンは全てベクターで描かれており、カテゴリでまとめられているため、便利に利用することが可能です。実際に収録されているアイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:19  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加
2016年09月03日

キャンプ・アウトドアをイメージしたアイコンセット「Camping Free Line Icon Set」

キャンプ・アウトドアなどは、国内でもグランピングという新しい概念もでてきて、さらに注目を浴びているレジャーの一つですが、今回紹介するのはキャンプ・アウトドアをイメージしたアイコンセット「Camping Free Line Icon Set」です。

Camping-Free-Line-Icon-Set-prev01

方位磁石、リュック、オノやマッチなどなど、通常のWEB制作のアイコンセットには無いユニークなアイコンが集められています。

詳しくは以下

(続きを読む…)

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

ゆるいタッチが魅力のポケモンGOアイコンセット「Free Pokemon GO Icons」

国内でもものすごい広がりを見せたポケモンGO。多くのスマートフォンユーザーが熱狂し、社会現象にまでなりましたが、今日紹介するのはそんなポケモンGOのマークやモチーフやキャラクターをゆるく表現したアイコンセット「Free Pokemon GO Icons」です。

Pokemon-GO-Icons_color

このアイコンセットは全部で三種類展開していて、彩色された上記の30 Color icons、ラインで描かれた30 Line icons、塗のみで構成された30 Solid iconsです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:31  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2016年08月29日

ミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」

デザインやインターフェイスを作りこむ上で重要なアイコン。シンプルなアイコンはどんなデザインにもマッチし制作現場においては非常に重宝します。今回紹介するのはミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」です。

free1800

制作にかなり配慮して制作されたアイコンセットのようで、普通のアイコンセットには無い細かい配慮がなされた上で配布されています。

詳しくは以下

(続きを読む…)

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

アプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」

天気は私達の生活には欠かせない情報の一つであり、それだけに求められるシーンも非常に多く、数多くのサービスやアプリがリリースされています。そんな天気情報をひと目で理解できるようにしてくれるのが天気のマーク。今日紹介するのはアプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」です。

weather_icons

このアイコンセットは基本的な天気のアイコンがまとまっており、全部で16のマークがセットとなっています。

詳しくは以下

(続きを読む…)

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

【商用可】食べ物・飲み物アイコンセットの決定版「100 Colored Food & Drink Icons」

一般的なピクトグラム的なアイコンセットはよく見かけますが、特定の分野で多くのアイコンが収録されたアイコンセットはなかなか無く、合ったとしてもなかなか全てを網羅しているというものは少ないと思います。今日紹介するのは100個の食べ物をアイコン化したアイコンセット「100 Colored Food & Drink Icons」です。

100food01

野菜、魚介、チーズ、香辛料、果物などなど様々な食物をモチーフにアイコンが制作されています。収録アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

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

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

2013年03月03日

クリエイティブで洗練されたユーザーインターフェイスを実現できる「Square UI Free」

ユーザーの印象を決定づける一つの大きな要素としてインターフェイスがあります。ここの部分が一貫したテーマをもって制作されているとサイトやサービスのデザイン性は一気に高まり、世界観を構築してくれるものです。今日紹介するのはクリエイティブで洗練されたユーザーインターフェイスを実現できる「Square UI Free」です。

少し落ち着いたトーンの洗練されたユーザーインターフェイスの素材がまとめてダウンロードできます。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: WebDesign   
2010年08月23日

個性的なフリーフォントを集めた「15 Fresh And Beautiful Fonts For Free Download」

フリーフォントは世界中で日々リリースされており、中には非常に特徴的なフォントもリリースされています。今日紹介するのはちょっと個性的なフリーフォントを集めたエントリー「15 Fresh And Beautiful Fonts For Free Download」です。


Cuqueta

正統派とは少し違うクリエイティブなフォントが全部で15個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:20  |  
Category: Design , Font   
2013年03月29日

WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」

WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか?そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。


GraphicsFuel.com | 15 seamless pixel patterns

シンプルなパターンはもちろん、イラストテイストなパターンまで、さまざまなピクセルパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2015年02月16日

効果的にユーザーに通知ができる jQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experience」

webサイト内を操作中のエラーや、説明が必要な項目が発生した時に出現する通知は、利用ユーザーにとってはとてもありがたいもの。今回は効果的にユーザーに通知ができるjQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experience」を紹介したいと思います。

notification1
akquinet/jquery-toastmessage-plugin @ GitHub

シンプルながらも、出現の仕方やデザインなどに個性が見えるプラグインが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:58  |  
Category: plugin   
2015年11月30日

クリスマスシーズンに最適な シームレスなニットパターンセット「6 Knitting Seamless Patterns」

もうすでに世間はクリスマスムード一色。キラキラと輝くイルミネーション、クリスマスカラーのオブジェなど、街中は賑やかなクリスマスデザインに包まれています。今回はそんなクリスマスシーズンデザインに導入したい、シームレスなニットパターンセット「6 Knitting Seamless Patterns」を紹介したいと思います。

knitpattern1

ニットの暖かそうなデザインが特徴。6種のシームレスに使用できるパターンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

スタイリッシュな新しいフォント集「18 Beautiful and Stylish Fonts」

ちょっとしたバランスの違いで見え方が全く異なるフォントの選定は、デザインの要になる重要な要素の一つ。そんな中今回は、スタイリッシュな新しいフォントを集めた「18 Beautiful and Stylish Fonts」を紹介したいと思います。


Font Squirrel | Free Font Michroma by Vernon Adams

シンプルなラインのフォントから、デザイン性の高いフォントまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: Design , Font   
tag: 
2011年11月17日

画像やイメージの魅せ方にこだわれるWordPressプラグインまとめ「12 Best Photo and Image WordPress Plugins」

さまざまなプラグインを利用して、手軽にオリジナリティの高いサイトを構築できるWordPress。今回は、数あるWordPressのプラグインの中から、画像やイメージの魅せ方に優れたプラグインをまとめた「12 Best Photo and Image WordPress Plugins」を紹介したいと思います。


WordPress › Featured Content Gallery « WordPress Plugins

シンプルなスライドはもちろん、ユニークな動きを演出できるプラグインが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:03  |  
Category: plugin , WordPress   
2008年02月24日

イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」

写真からイラストレーターに落とし込むときは皆さんどういう風に書き出しているでしょうか、光と影をうまくつかまないとなかなかうまくいかずチープな物になってしまうことが多いです。今日紹介するのはイラストレーターで人物を書き出していくときのチュートリアル「
Beautiful Vector Illustration」です。

イラストレーターチュートリアル
光と影をどうつかめば良いのか、何処の部分のライティングを押さえればうまく立体的に見えるのかなど、手順を交えて紹介してくれています。いきなりは難しいかもしれませんが、がんばれば上記のようなグラフィカルな人物を制作することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:01  |  
Category: Design   
2011年07月11日

エラーページもグラフィカルに表現「30 Interesting 404 Pages」

webページが表示されない時に変わりに画面に登場する「404 error」。文字だけの味気ないタイプのものが一般的ですが、今回は「404 error」をグラフィカルに表現したwebデザインページ集「30 Interesting 404 Pages」を紹介したいと思います。


Error |  Brandstack

一目見たら忘れられない、個性的なデザインの「404 error」ページが多数紹介されています。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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