TOP  >  アイコン

Tag : アイコン

2011年07月10日

マッピングに利用出来るアイコンコレクション「map icons collection」

位置情報を取得できる環境も整ってきて、マップサービスもgoogleマップを初めユーザーの位置情報と連携、連動できるようにAPIなどもリリースされていて、位置情報を絡めたWEBサービスをリリースしている、リリースしたいと言う方も多いと思います。今日紹介するのはマッピングに便利に利用出来るフリーアイコンを多数紹介する「map icons collection」 です。

お店を表すアイコンだったり、動物などの生息地、行動など様々なマッピングで利用できそうなアイコンが配信されています。

詳しくは以下

(さらに…)

続きを読む
posted 04:14  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年06月24日

豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」

デザイン制作に欠かせない存在となっているアイコンは、多くのフリー素材が展開されており、利用している方も多いと思います。そんな中今回紹介するのは、豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」です。


Set of social icons by ~Tydlinka on deviantART

サービスロゴなどをモチーフにしたアイコンが多数紹介されています。中でも特に気になったアイコンをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:52  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年06月16日

webデザインに使いやすいアイコンセット集「25 Fresh Icon-Sets for Web Designers」

小さな存在でありながら、情報を的確に伝えるアイコン。デザイン性の高いアイテムも多く、素材として欠かせない存在になっているのではないでしょうか?そんな中今回紹介するのは、webデザイン制作に使いやすいアイコンを集めた「25 Fresh Icon-Sets for Web Designers」です。


Designmoo | Glyphs by GSIX by David

カラフルなデザインから、立体的でリアルなデザインまで、さまざまなアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:47  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年06月14日

シンプルでレトロなフリーアイコンセット「Plastique Icons Full Set」

さまざまなデザインに重宝するアイコンは、フリーで使用できるタイプも豊富に発表されており、愛用しているという方も多いはず。そんな中今回紹介するのが、シンプルな中にもこだわりのデザインが生きたフリーアイコンセット「Plastique Icons Full Set」です。

定番のアイコンが全てセットになっている、幅広いデザイン制作で活躍するアイコンセットです。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年05月22日

商用利用可!psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」

サイトデザインには欠かせないアイコン。アイコンを利用することでグッと分かりやすくなったり、デザインのクオリティを上げることが可能ですが、今回紹介するのは商用利用が可能な、psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」です。

上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。

詳しくは以下

(さらに…)

続きを読む
posted 02:40  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2011年05月14日

バリエーション豊富なフリーPSDアイコンまとめ「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」

webサイト制作を始め、様々なデザインに使用されているアイコン。目で見て瞬時に情報の内容を理解することができる、デザインの重要なアイテムとなっています。しかし、アイコンを1から作成するのは時間がかかってしまう、とお悩みの方も多いのではないでしょうか?そこで今回紹介するのが、デザイン制作にすぐに取り入れることができる、高品質なフリーPSDアイコンをまとめた「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」です。


Radium Icon PSDs by ~gakuseisean on deviantART

どんなデザインにも使いやすいシンプルなアイコンから、一つの情報に特化したアイコンまで、様々なアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2012年06月10日

HTML5で作るルービックキューブがすごい!「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」

HTML5という言葉が世に出てから、暫くたって多くのプロジェクトが発信されてきましたが、今日紹介するのはHTML5+CSS3+javascriptで作るルービックキューブ「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」です。

こちらはただ単にキューブを作って描画するだけではなく、ボタンやスマートフォン上でのフリック、マウスなど様々な方法でルービックキューブが遊べるようになるというものになっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:15  |  
Category: Design , WebDesign   
2007年11月06日

表示中のWEBページに使われている色をまとめてカラーパレット化できるFireFox拡張機能

以前表示されているWEBページからスポイトツールで色を抽出できるfirfox拡張機能を「WEB上のカラー情報を取得できるFirefox拡張機能「ColorZilla」」という形でお伝えしましたが、今回は表示されているページに使われている色を丸ごと取得してカラーパレット化してくれるfirfox拡張「Palette Grabber」を紹介したいと思います。

使い方は非常に簡単でステータスバー左下の上記のようなパレットアイコンをクリックするだけです。この拡張機能が便利なのは色をカラーパレット化するだけではなくてワンタッチでカラーパレットをaco形式で書き出せる点です。Photoshop、Paint Shop Pro、GIMPなどの有名なドローソフトはこのaco形式に対応していて読み込ませる事が可能です。

下記のの画像は「designdevelop」のカラーパレットをphotoshopで読み込んだものです。

参考にしているページのカラーパレットがあれば、デザインしていく上でかなりイメージに近づけやすくなるんじゃないかなと思います。WEBデザイナーなら押さえておいても損は無い拡張機能だと思います。

Palette Grabber(Firefox Add-ons)

続きを読む
posted 01:44  |  
Category: firefox , Tool   
2011年01月25日

サインアップ画面デザインのまとめ「Showcase of 40 Pricing Tables and Signup Pages」

オンラインの有料サービス登録時に出現するサインアップ画面。普段何気なく使用していますが、内容や値段等の分かりやすさがとても重要になってきます。そこで今回紹介するのは、サインアップのwebページデザインまとめ「Showcase of 40 Pricing Tables and Signup Pages」です。


Eleven2 – Sign Up

プライスやプラン、その内容などをデザイン性を保ちながら明確に表現した例が多数収録されています。下記にいくつかピックアップしましたので、ご覧下さい。

(さらに…)

続きを読む
posted 11:51  |  
Category: Design   
2008年02月16日

プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」

CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。

CSSテキストスタイルジェネレーター

見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。

詳しくは以下

(さらに…)

続きを読む
posted 07:59  |  
Category: WebDesign , WebService   
2008年09月04日

フリーで使えるphotoshopカモフラージュスタイル「Free Styles for Photoshop – Camo」

使いどころが難しいですが、デザインでもたまに必要となるカモフラージュパターン。意外と作るのが難しく。0からとなるとかなり面倒だったりします。今日紹介するのはそんなカモフラージュパターンを簡単に使えるphotoshopスタイル「Free Styles for Photoshop – Camo」です。

全部で25種類のカモフラージュパターンが収録されていて、定番の物から、少し変わったものまで収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 06:19  |  
Category: Design , Photoshop   
2015年06月21日

イラストレーターで作成できる ベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」

Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか?そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。

illu_tu90
How To Create a Vector Illustration from Start to Finish

イラストレーターを使って作られたハイクオリティなグラフィック作品の作成フローがわかりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年09月20日

どんなシーンでも使える高品質なフリーフォント集「50 Best Free Fonts of All Time」

デザインを決定づけるフォント。デザインのイメージと近いフォントを利用することで、デザインのクオリティも向上します。今回紹介するのは汎用性の高い、高品質なフリーフォントを集めたエントリー「50 Best Free Fonts of All Time」です。


Caviar Dreams

少々癖のある書体も含まれていますが、比較的シンプルで使いやすそうなフォントが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2015年10月11日

いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」

すでに広く浸透しつつあるApple Watch。とても便利で、専用アプリケーションも多数登場しています。今回はそんな市場の広がりに合わせて使用できる、いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」を紹介したいと思います。

appwatch3
Dribbble – Apple Watch Free Template PSD by Daniel Macedo

さまざまテイストのApple Watchを表現できる素材がまとめられており、非常に便利に活用することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:51  |  
Category: Design   
2017年01月20日

9,900個ものアイコンをダウンロードできる「IconPharm」

デザイン業務で欠かせないアイコン。いろいろなサイトで配布されており、多種多様に星の数ほどありますが、今回は9,900個ものアイコンをダウンロードできる「IconPharm」を紹介したいと思います。

iconpharm

オープンソースのシンプルで使いやすいテイストのアイコンが揃っており、とにかく収録数が多いのが嬉しいところ。

詳しくは以下

(さらに…)

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

webデザイン制作に役立つ Photoshopデザインテンプレート集「20 Beautifully Designed Free PSD Website Template」

Webサイト制作において骨組みとなるデザイン作成や、全体構成の組み立てができずに困ってしまった経験をされた事がある方も多いのではないでしょうか。今回はそんな時に是非活用したい、PhotoshopのWebサイトデザインテンプレート集「20 Beautifully Designed Free PSD Website Template」を紹介したいと思います。

20bdfpwt_0
Free Education Website Template – The Best Choice for Students! – Template Monster Blog

高クオリティなデザインテンプレートが揃ってるので、サイトの方向性に合わせて使い分けることができそうです。いくつか気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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