TOP  >  アイコン

Tag : アイコン

2017年07月15日

高品質な7000以上のデザインアイコンまとめ「7000+ Material Design Icons – Ultimate Icon Roundup」

アイコンは視覚的な表現を豊かにしてくれる要素の一つ。UI面を左右する大切なものだからこそ、シーンに応じて適切なものを使用していかなくてはなりません。そんな時に知っていると便利なまとめ「7000+ Material Design Icons – Ultimate Icon Roundup」をご紹介していきたいと思います。

Mini-Material-Icon-Set-top
Mini Material Free iconset Vol1 by Iftikhar Shaikh☯ – Dribbble

高品質なデザインアイコンが7000以上もまとめられており、多種多様のテイストを持っています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

さまざまなテイストが揃う 医療向けアイコンまとめ「30 Free Medical Icon Sets You Can Download」

医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。

circle-medicine-icons_top
Vector Medic – Download Free Vector Art, Stock Graphics & Images

医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。

詳しくは以下

(続きを読む…)

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

カラーリングがPOPなベクターアイコンセット「Dusk UI Icons (SVG, EPS, PDF, PNG)」

様々な場面で見かけるアイコンは種類も豊富ですが、それぞれのインターフェイスにピッタリと合ったデザインを探すのは意外と大変なもの。そんな中今回は、コレクションしておくと便利な、カラーリングがPOPなベクターアイコンセット「Dusk UI Icons (SVG, EPS, PDF, PNG)」を紹介します。

DuskUI01

80種類のカラフルでPOPなテイストのアイコンがセットになっており、デザインに華やかな彩どりを与えてくれそうです。

詳しくは以下

(続きを読む…)

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

シンプルな構造で幅広く活用できる 人物ラインアイコン「Freebie: Line-Style User Avatar Icon Set」

ビジネス、ライフスタイル、ソーシャルなど、アイコンにはいろいろな種類があり、常にチェックしストックしておくことでさまざまなシーンで役立ってくれます。そんな中今回紹介するのは、人物のラインアイコン「Freebie: Line-Style User Avatar Icon Set」です。

hito_lineicons01

人物をテーマとしたラインアイコンで、シンプルなテイストでありながらもどこか個性を感じるデザインが特徴となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool   
このエントリーをはてなブックマークに追加
2017年06月24日

シンプルでハイクオリティなミニマルデザインのフリーアイコンまとめ「11 Free High-Quality Line Icon Sets」

最低限の情報を、シンプルなまとめた構成が魅力的なミニマルデザインに欠かせない素材として、情報要素をすっきりとまとめてくれるアイコンは非常に役立つ存在。そんな中今回ご紹介するのは、ミニマルデザインに合わせて使いたい、シンプルでハイクオリティなアイコンまとめ「11 Free High-Quality Line Icon Sets」です。

lineicons1
Goodies Icon Set | Best PSD Freebies

細ラインで描かれたシンプルなフリーアイコンが11種類紹介されています。その中からおすすめのアイコンを幾つかピックアップしてご紹介していきます。

詳しくは以下

(続きを読む…)

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

スマートフォンのUIデザインにも最適な高解像度アイコンまとめ「1700+ Free Icons for Web, iOS and Android UI Design」

Webデザイン上においてユーザインターフェースというのは非常に重要なもの。操作性がわかりにくいストレスは、ユーザーが離れていく要因の一つです。それらを解消したいときに便利なアイコンのまとめ「1700+ Free Icons for Web, iOS and Android UI Design」を今回はご紹介していきたいと思います。

free_icons1700_top
Iconography on Behance

シンプルなミニマルアイコンからカラフルで存在感のあるデザインアイコンまで、幅広く紹介しているまとめになっています。

詳しくは以下

(続きを読む…)

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

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

2009年11月24日

クリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」

あと一月するとクリスマス。デザインの現場ではもうすでにクリスマスのお仕事をされている、もすでにしたという方も多いかと思いますが、今日紹介するのはクリスマスを演出してくれるクリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」です。

chrisuma01
19 awesome Christmas vectors | LordofDesign.com

ツリーやサンタクロースはもちろん、クリスマスのモチーフのパターンやそのままメッセージカードに使えそうなものから色々と用意されています。沢山のフリーベクターデータが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:03  |  
Category: Design , vector   
tag: Design vector
2017年04月05日

最新のグラデーションパターンをコピペできるwebサービス「WebGradients」

web用のカラーコードがコピペできるサービス。その便利さから活用している人も多いはず。そんな中今回ご紹介するのは、カラーサンプルとして使える、グラデーションパターンを180種類も集めたwebサービス「WebGradients」です。

webgradients

背景カラーの選定や主流のUIデザインのカラーサンプルとしても使える、ソースコードをそのままコピペ可能な、とても便利なwebサービスです。

詳しくは以下

(続きを読む…)

続きを読む
2014年11月15日

定番として使用できるアイコンが揃った「274 Vector Line Icons for free」

非常にたくさんの種類がフリーで配布されているアイコン。常に新しいものをチェックされているという方も多いのではないでしょうか?そんな中今回紹介するのは、定番として使用できるアイコンが揃った「274 Vector Line Icons for free」です。

lineicons1

アイコンを使う頻度の高い方は是非ストックしておきたい、ベーシックなタイプのアイコンが274個セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年05月03日

WEB制作に利用しやすいパーツ素材まとめ「40+ Useful Free PSD Files For Your Next Design」

webサイトやスマートフォン制作には、ボタンやプレーヤーなど、ユーザーにわかりやすいパーツ作りが必要になります。そこで今回は、さまざまなシーンで利用しやすいPSD形式で制作されたパーツ素材をまとめた「40+ Useful Free PSD Files For Your Next Design」を紹介したいと思います。


Dribbble – Cameras psd file by Jeremy Sallée

インターネットブラウザを再現できる素材からアイコン・パーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年10月27日

水のような動きが鮮やかで目をひくエフェクト「Liquid Distortion Effects」

Webデザインの中でもユーザーの目を簡単に引くことを可能にするエフェクト。動きがつくだけでサイト内がぱっと華やかになります。今や様々なエフェクトをつけることが可能ですが、ついついワンパターン化してしまいがち。そんな方におすすめできる、水のような動きに焦点をあてた「Liquid Distortion Effects」を今回はご紹介致します。

LiquidDistortion_Featured

水のような動きは優雅さと洗練された雰囲気を与えてくれます。下記にデモをいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: javascript , Tool , WebDesign   
2013年12月29日

ハイクオリティで目を引くテキスチャを集めた「25 Eye-catching High Quality Textures Pack」

デザインに質感を与えてくれるテクスチャ。制作素材としては利用しやすく使いやすいものですが、今回紹介するのはハイクオリティで目を引くテキスチャを集めたエントリー「25 Eye-catching High Quality Textures Pack」です。

stylishtextures4
Five Free Grey Grunge Textures

布系から金属、土や砂など、あらゆるテクスチャがまとめられています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:29  |  
Category: Design , Photoshop   
2009年06月15日

クリエイティブでユニークなフリーフォント「20 Creative and Unique Typefaces」

フリーで使えるクリエイティブなフォントについてはいままで多々Designdevelopで紹介してきましたが、今回紹介する「20 Creative and Unique Typefaces」はその中でもユニークな特徴のあるクリエイティブなフリーフォントを集めたまとめエントリーです。

uniqefreefont01

上記はフォントは「Laurent HW」走り書きのような表現を実現する手書きフリーフォント。手書きの味がよく表現されたフォントです。上記の他にも全部で20個のフォントが公開されていますが、今日はその中からいくつか気になったフォントを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:19  |  
Category: Design , Font   
tag: Design Font
2015年05月26日

webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」

webサイト上の仕様を自身ですべて開発するには時間やコストが必要であり、どうしても限界があることが多いと思います。今回はそんな時に参考にしたい、webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」を紹介したいと思います。

tools0526_1
SassyFlags – Simple Sass Library for flags

CSSやJavaScriptなどのツール、非常に多彩な種類が紹介されており、サイトを今よりもっと魅力的に演出することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」

究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。

minimal1
Alistair Lane

シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebDesign   
2018年02月26日

オンラインショップをテーマにしたWordPressのテンプレートまとめ「25 Free eCommerce WordPress Themes for No Cost Online Stores」

昨今、誰でもオンラインショップを開くことができるようになりました。個人オーナーの雑貨屋ではオンラインショップの開設も珍しくありません。プロモーション方法の一つであるWEBサイトはかっこいいものをつくりたいもの。そんなシーンで役立つWordPressのテンプレートまとめ「25 Free eCommerce WordPress Themes for No Cost Online Stores」をご紹介します。

25Free_WordPress_Stores_top
Leto: Free Ecommerce WordPress Theme – aThemes

オンラインショップで必要な機能もついたテンプレート。下記にいくつかピックアップしているので、チェックしてみてください。

詳しく見る

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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