TOP  >  アイコン

Tag : アイコン

2013年12月28日

フラットからリアルまで フリーアイコンが豊富に揃う「Fresh and Free Icons for December 2013」

webデザインの制作素材として欠かすことができないアイコン素材。デザインテイストに合わせて、アイコン自体のデザインも使い分けたい、そんな時に是非参考にしたいフリーアイコンまとめ「Fresh and Free Icons for December 2013」を今回は紹介したいと思います。

freeicon2013_4
Weather Icons

フラットタイプのアイコンを中心に、さまざまなジャンルのアイコンがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

シンプルなデザインのフードアイコンセット「Food Icons: Free Icon Set」

シンプルなデザインは簡素と感じられてしまうリスクもありますが、「視認性が高い」「コンテンツの魅力を伝えやすい」などのメリットもあり、最近ではそんなUIを採用したサイト、アプリが増えてきていて、一般化しつつあるように感じます。そこで今回は、シンプルなデザインの食べ物、飲み物のアイコンセット「Food Icons: Free Icon Set」を紹介したいと思います。

fifis_0

一目で分かるアイコンというのは実はとても難しく、特徴を上手く取り入れないと説明的になりすぎてしまったりしますが、このアイコンセットはそのあたり上手く表現し、まとめられていると思います。

(さらに…)

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

もっと手軽にデザインにアクセントを!アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」

Webサイトの修正において、細かいものであればHTMLやCSSのみで対応してしまうことがあると思います。もちろんデザインを事前に作る事は重要だと思いますが、時にはプログラムのみで解決できてしまう手軽さも必要なのではないでしょうか。今回紹介するのはそんな手軽さをより強く感じさせてくれる、アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」です。

15ufiffd_3
Ligature Symbols

通常、HTMLに「A」と記述すれば「A」と表示されますが、アイコンフォントを使用すれば対応するアイコンが表示される仕組みとなっています。どれも扱いやすいものばかりですが、中でも気になったものをピックアップしましたので、下記よりご覧ください。

Some Random Dude — Iconic is Becoming Awesomer
ファイル関連を中心に、さまざまな種類のアイコンを収録したフォント。スタンダートな見た目なので使うシーンを選びませんね。

15ufiffd_1
 
 
 
 
 

Maki | A clean point of interest icon set from MapBox | MapBox
スポーツ関連など、Webとはあまり関係のないものが収録されたアイコンフォント。リアルと結びついたデザインに使えそうです。

15ufiffd_2
 
 
 
 
 

Modern Pictograms – The Design Office
ポップ調のアイコンが集められたフォント。子ども向けのデザインによく合いそうです。

15ufiffd_0
 

利便性からすると、全てアイコンセット内で解決する事ができるのであれば、アイコンフォントを利用するという選択肢もありそうです。

15 Useful Free Icon Fonts for Designers – DJDESIGNERLAB

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

SVGデータで作られたアイコンのダウンロードサービス「iconmelon svg icons lib for the web」

SVGはJPEGやPNG等とは異なる、ベクターで表現された画像データです。そして、XMLベースの言語であるので、テキストエディタでの編集も可能という珍しい特徴も持っています。今回は、そんな新しい可能性を秘めたSVGデータのアイコンダウンロードサービス「iconmelon svg icons lib for the web」を紹介したいと思います。

isilftw_0

ダウンロードは難しくなく、欲しいアイコンを選択してダウンロードボタンを押すと完了。ダウンロードボタンの左にある「add effects」ボタンを押すと、シャドウやエンボス等、アイコンにかかるエフェクトも選択することができます。

(さらに…)

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

代表的なApple製品をまとめたシルエットpsdデータ「Apple devices icons full/outline (PSD)」

シンプルで洗練されたApple製品たち。デザイナーにはもちろん、一般の方の魅力的な製品として目に映っているのではないでしょうか。今回はそんなApple製品の代表的なものを集めたシルエットデザインのPSDデータ「Apple devices icons full/outline (PSD)」を紹介したいと思います。

IconsPreview

20パターン近く収録された素材にはiPhoneやiPadはもちろん、個性的なiPhone5Cの穴空きデザインやクラシックなiPodなど、さまざまな種類が収録されています。

(さらに…)

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

フラットデザインのクリスマスアイコンのまとめ

季節はもうすぐクリスマス。ちょうどクリスマスイベント向けのデザインを制作しているという方もいらっしゃるのではないでしょうか。今回は流行のフラットデザインで作られたクリスマスの可愛いアイコンセットのまとめてみました。

fcis_3
Flat Christmas Icon Set – DryIcons

白抜きの主張しすぎないものからカラフルなわくわくするものまで、さまざまなシーンで使えるアイコンが揃っています。

Flat Christmas Icon Set (PSD) | Psdblast
フラットデザインを取り入れながらも、ポップな仕上がりのアイコン。クリスマスの楽しさを効果的に伝えられそうです。

fcis_1
 
 
 
 
 

16 Colorful Flat Christmas Icons ~ Icons on Creative Market
斜めの影をプラスしたロングシャドーのアイコン。単調になりすぎないので、デザインにアクセントを与えてくれます。

fcis_2
 
 
 
 
 

Flat Christmas Iconset (14 icons) | Christmas Webmaster
とてもシンプルなのでデザインバランスを崩すことなく、クリスマスを演出することができるのではないでしょうか。

fcis_0
 

フラットデザインはシンプルさ故に淡白になりがちですが、今回のアイコンを活用すれば、ひと味違った華やかなデザインに仕上げることができそうですね。

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

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

2010年08月25日

2010年のハイクオリティなwordpressフリーテーマ100選「100 Free High Quality WordPress Themes: 2010 Edition」

高い拡張性の他に、世界中でリリースされている高いクオリティのデザインテーマが魅力の一つでもあるWordpress。今日紹介するのは2010年にリリースされたハイクオリティなwordpressフリーテーマを集めたエントリー「100 Free High Quality WordPress Themes: 2010 Edition」。


Cumulus (Free version)

ギャラリータイプのものグリッドレイアウト。ブロガー向き、マガジンタイプと様々なハイクオリティなフリーテーマが集められています。今日は今までDesigndevelopで紹介したことが無いテーマを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WordPress   
2007年11月10日

オンラインで使えるPhotoshopライクな無料ツール「Splashup」

自身で使っているPCにはphotoshopがインストールしてあり、ブログに載せる画像の補正やリサイズはすべてphotoshopで行なっています。しかしphotoshopは高価なものであまり一般のPCに標準でインストールされているものではないので出先で使用するのは困難な場合が多いです。そこで今回紹介するのはオンラインで無料で使えるPhotoshopライクな無料ツール「Splashup」です。

Splashup

かなりphotoshopに近いインターフェイスでログインや面倒な手続き無しで利用できるため出先や等でちょっとした画像修正をする時に力を発揮してくれます。

詳しくは以下

(さらに…)

続きを読む
posted 03:25  |  
Category: WebService   
2014年12月27日

ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」

飲食店などのプロモーションやブランディングなどに、webサイトやショップツールは欠かせない存在。分かりやすく親しみ易いデザインも重要な要素となるのではないでしょうか?そんな中今回紹介するのは、ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」です。

outline1227

ポップなテイストが特徴の、100種のアウトラインアイコンがセットでダウンロードできるようになっています。

詳しくは以下

野菜や果物、デザート、ドリンクなどのフード系を始め、ピザカッターや生地を伸ばすローラーなどの料理道具、また中には、音符やスターマークといったアイコンも。サイトデザインのポイント使いはもちろん、メイングラフィックの飾り付けとしてなど、使い方次第でいろいろな場所で活躍してくれそうです。

形式はpsdとai。いろいろなサイズが揃っているのも嬉しいところです。飲食店系のデザインを手がける際は一度、参考にしてみてはいかがでしょうか。

(さらに…)

続きを読む
posted 08:28  |  
Category: Design   
2011年02月28日

背景素材としても使い易いテクスチャ集「300+ Free Textures from 10 Ravens」

加工の仕方次第で、オリジナルデザインになるテクスチャ素材は、デザインに奥行きを出す為に最適な素材。そんなテクスチャや、そのまま背景としても利用できそうな、質の高いテクスチャセット「300+ Free Textures from 10 Ravens」を今回は紹介したいと思います。

オーソドックスな地面やレンガから年期の感じられる壁、建物を正面から捉えた写真などさまざまな素材が300点も紹介されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年10月27日

ブラウザからWEBサービスまでアプリを選択して一括インストールできるカスタムインストーラー「Ninite」

PCはソフトウェアが無ければタダの箱と良く言われるように、OSだけインストールしてもできることはかなり限られていますし、標準にインストールされているアプリケーションでは不足があったりします。買ったばかりのPCであれば、自分の使い方に応じて、様々なアプリケーションをインストールする必要が有るかと思います。

nintai

今日紹介するのはよく利用されるWEBで公開されているソフトウェアをまとめてインストールできるカスタムインストーラー「Ninite」を紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:12  |  
Category: Tool   
tag: Tool
2010年06月18日

100のロゴデザイン集「100 Fresh Beautifull Logos」

非常にデザインの振り幅が広いロゴデザイン。クライアントの目的や理念などを表現しなければいけない非常に難しいものですが、今回紹介するのは100個のロゴデザインを集めたロゴのインスピレーション集「100 Fresh Beautifull Logos」です。

100fresh01

比較的シンプルで、洗練された印象のロゴが全部で100個まとめられています。今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:19  |  
Category: Design   
tag: Design ロゴ
2012年10月07日

幻想的な雰囲気を演出できる 雪&雨のテクスチャ「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」

空から振る雨や雪は、時に幻想的な雰囲気を感じさせてくれるもの。そんな中今回紹介するのは、雪&雨のテクスチャを多数集めた「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」です。


rain texture by *orbitingasupernova on deviantART

見ているだけで吸い込まれていきそうな、しんしんと降り注ぐ雪と雨の様子が、多彩なテクスチャとなって紹介されています。中でも気になったものをピックアップしました。下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2015年01月09日

ハイクオリティな装飾コーナーブラシが揃った「40 High Quality Decorative Corner Brushes For Free Download」

デザインの周辺を彩るコーナー素材。アンティークなタイプを中心に、さまざまなデザインのものが展開されています。そんな中今回紹介するのは、ハイクオリティな装飾コーナーブラシが揃った「40 High Quality Decorative Corner Brushes For Free Download」です。

brush0109_1
Summer Theme Corners – Photoshop brushes

多彩なデザインのコーナーブラシが厳選され、紹介されています。気になったものを以下にてピックアップしていますので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: Design   
2014年04月26日

豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」

Photoshopの機能の中でも、手軽かついろいろな表現ができることで便利に利用できるブラシツール。フリーで配布されているものもたくさん存在しているため、さまざまな種類を取り入れて活用されている方も多いのではないでしょうか?そんな中今回は、豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」を紹介したいと思います。

brush140426_1
Free Grunge Photoshop Brushes – Free Photoshop Brushes | BrushKing ♛

持っていれば定番として使えそうなものから、ちょっとエッジの効いたものまで、たくさんのブラシがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2008年12月08日

クリエイティブなフリーRSSアイコン「 22 Amazing Styles of RSS Icons Free for your Blog」

今までDesigndevelopでも「ユニークなフリーRSSアイコン集「Fresh, Free and Gorgeous RSS/Feed Icons」」や「RSSアイコンまとめの決定版「Free of charge RSS Feed Icons」」と沢山のRSSアイコンを取り上げてきましたが、今回紹介するのはクリエイティブでフリーなRSSアイコンを多々紹介しているエントリー「22 Amazing Styles of RSS Icons Free for your Blog」です。


MyCircles RSS Icon by ~burnsflipper

今まで紹介してきたRSSアイコンと多少重複しているものもありますが、クリエイティブでクオリティの高いRSSアイコンが紹介されています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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