TOP  >  アイコン

Tag : アイコン

2016年02月18日

オンラインショップのデザインに クレジットカードアイコンセットまとめ「20 Free Payment Method & Credit Card Icon Sets」

オンラインショップの決済でカード使用をする時、ページに使用可能なカードがアイコンとして表示されていることが多いと思います。今回はそんなカードアイコンをセットでダウンロードできるまとめ「20 Free Payment Method & Credit Card Icon Sets」を紹介したいと思います。

card0218_4
Pure CSS Responsive Credit Cards Icons

世界的に使われている主要なアイコンから、ちょっとめずらしいものまで、いろいろな種類のカードアイコンがまとめられています。

詳しくは以下

(さらに…)

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

豊富な種類がまとめられたベストフリーアイコン選「Best of 2015: 100 Great Free Icon Packs」

webデザイナーの方ならば、常にチェックしておきたいアイコン。非常にいろいろな種類のものが配布されていますが、今回紹介するのは、豊富な種類がまとめられたベストフリーアイコン選「Best of 2015: 100 Great Free Icon Packs」です。

icon0202_0
90 Free Line Icons on Behance

2015年にピックアップしたアイコンの中からチョイスされたさまざまな種類のフリーアイコンが紹介されています。

詳しくは以下

(さらに…)

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

クリエイティブなデザイン性が表現された フリーアイコンまとめ「14 Free Creative & Detailed Icon Designs」

特に、webデザイン制作時に活躍してくれる素材の一つとして挙げられるアイコン。デザインやテーマなどさまざまな種類が存在していますが、今回紹介するのは、クリエイティブなデザイン性が表現された フリーアイコンまとめ「14 Free Creative & Detailed Icon Designs」です。

icon0128_4
Dribbble – iOS Pagecurl Icon Freebie by Ryan Ford

アイコンひとつひとつがしっかりとデザインされており、デザインに彩りを与えてくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

継ぎ目なく敷き詰められる アイコンを使ったシームレスパターンまとめ「20 Free Seamless Icon Patterns for Designers」

背景に使用されるパターン素材は非常に便利ですが、少しネックとなるのは継ぎ目を加工しないと配置拡大して使用できないところ。今回はそんなデメリットを解消したシームレスなパターンの中でも、アイコンでデザインされたものをまとめた「20 Free Seamless Icon Patterns for Designers」を紹介したいと思います。

seamless0120_3
hipster hand drawn pattern Vector | Free Download

継ぎ目なく敷き詰められる、いろいろなテイストのアイコンパターンが豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

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

バレンタインのデザインに活用したい スタンプ風アイコンセット「Valentine & Love Postage Stamp Icon Set」

お正月が終わるとすでに世間はバレンタイン商戦。デザイン業界でも関連するツールを手がけている方も多いと思います。そんな中今回紹介するのは、バレンタインのデザインに活用したい スタンプ風アイコンセット「Valentine & Love Postage Stamp Icon Set」です。

valentinepost

バレンタインイメージのデザインにぴったりな、可愛らしい切手風のデザインが特徴のアイコンをセットでダウンロードすることができます。

詳しくは以下

(さらに…)

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

ECサイトのデザインに最適なフリーアイコンセット集「20+ Free E-Commerce Icon Sets to Download」

説明要素の多いECサイトのデザイン。より分かりやすく使いやすくすることが、購入者を増やすための方法でもあります。今回はそんなシーンに最適なアイコンセット集「20+ Free E-Commerce Icon Sets to Download」を紹介したいと思います。

icon0117_2
Exclusive Freebie : 36 e-Commerce Icons from DryIcons.com | BytesWire

フリーで利用できる、いろいろなデザインテイスト・いろいろな種類のアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2015年11月10日

写真をヴィンテージ調に加工したい時に使いたいフリーアクション「Free Vintage Actions」

撮影した写真そのままでも味があって良いと思いますが、加工を施すことにより欲しかった雰囲気に近いものを手に入れることができます。そんな中今回は、写真をヴィンテージ調に加工したい時に使いたいフリーアクション「Free Vintage Actions」を紹介したいと思います。

vintageaction

撮影写真にヴィンテージ感あふれる加工を簡単に加えることができるアクションが数種、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:11  |  
Category: WebService   
2016年08月29日

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

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

free1800

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

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2015年08月22日

フォームにクリエイティブなデザイン性を「9 Creative CSS Form Designs From Codepen」

webサイトからのお問い合わせや登録等を行う際に使用するフォーム。通常はあまり凝ったデザインが重視される場所ではありませんが、そこまでこだわりを見せることにより、サイト全体のクオリティも高めることができるのではないでしょうか?そこで今回紹介するのは、フォームにクリエイティブなデザイン性を+できる「9 Creative CSS Form Designs From Codepen」です。

form0821_1
React signup form example

見た目はもちろん、動きにも魅力をもたせたフォームサンプルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」

Webサイト閲覧時やゲーム画面などでエラー表示を目にしたことがある人は多くいるかと思います。最近では様々な表現があるかと思いますが、今回紹介するのは、エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」です。

CrashedGlitch_01

テキストにノイズや歪みなどを加えて表現されるエラー表示のエフェクトのセットです。

詳しくは以下

(さらに…)

続きを読む
2007年11月14日

透明プレートメニューがせり出てくるドック型メニュー「Webber 2.0 Dock Menu」

CSSとJavaScriptで作られた、動きのあるシンプルなドック型メニュー「Webber 2.0 Dock Menu」を紹介したいと思います。

webber20dockmenu.jpg

こちらのメニューは透明のプレートが上から出てくるタイプのメニューで、使われている画像が透明なのでサイトに重なりができ、サイトに奥行きをあたえることができます。

詳しくは以下

(さらに…)

続きを読む
posted 05:46  |  
Category: WebDesign   
tag: webdesign
2012年03月27日

ロゴ制作にも使いやすい個性的なフォントまとめ「20+ examples of beautiful and inspiring fonts」

フリーフォントの中にも、プロのデザイン制作に利用しやすいクオリティの高いフォントが多数発表されています。そんな中から今回は、ロゴ制作など、インパクトを与えたいデザインにも利用しやすい、個性と洗練さを兼ね備えたフリーフォントをまとめた「20+ examples of beautiful and inspiring fonts」を紹介したいと思います。


TELÉFONO Free Font on the Behance Network

スタイリッシュなフォントからおもちゃのような可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:59  |  
Category: Font   
2009年04月16日

収録枚数1000枚以上!フリーテクスチャ&背景「Massive List of 1009 Hi-Res Free Textures and Background」

今まで数多くのテクスチャや背景素材を紹介してきましたが、今日紹介するのは1009枚ものフリーテクスチャ&背景を集めたエントリー「Massive List of 1009 Hi-Res Free Textures and Background」です。

textures-in-modern01

様々な種類のテクスチャ、背景のセットが公開されておりその数もさることながらバリエーションも豊富で定番のグランジペーパーからブロック、パターン、ビンテージなどなど様々な素材のダウンロード先が集められています。今日はその中から今までDesigndevelopで紹介した事が無く気になったセットをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: Design , Photoshop   
2009年01月31日

商用可!ドット柄を簡単に作れるイラストレータースウオッチ「53 Impressive Polka Dot Pattern Swatches」

汎用性があるドット柄。ポップなイメージを演出してくれたり、モダンな印象を与えたりと、大きさや色等で様々な印象を与える事ができます。今日紹介するのはドット柄を簡単に作れるイラストレータースウオッチ集「53 Impressive Polka Dot Pattern Swatches」です。

全部で53個のドットパターンがスウオッチとして公開されていますが、今日は公開されているパターンの中からいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:13  |  
Category: Design , vector   
2010年06月10日

アナログ感が演出できる手書き&スクリプトフォント60「60 Free Handwritten & Script Fonts」

フォント選びはデザインの中でも、もっとも重要な作業の一つで、表現したいイメージに合うフォントを探しだせれば、デザインのクオリティも非常にあがります。今回紹介するのはアナログ感が演出できる手書き&スクリプトフォントを集めたエントリー「60 Free Handwritten & Script Fonts」です。

akadora
akaDora フォント

全部で60ものフォントが集められています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Design , Font   
2017年07月30日

革新的な雰囲気を与えることができるサンセリフフォントまとめ「30 Free Sans Serif Fonts to Download」

デザインで使用する書体の種類の選定は可読性の向上、デザイン全体の景観を大きく左右する大切なもの。フォントは数多くありますが、今回はサンセリフ体に焦点をあててまとめられた「30 Free Sans Serif Fonts to Download」をご紹介していきたいと思います。

adam_top
Adam Font | dafont.com

クールで洗練されたものを中心に多種多様なものがまとめられおり、気になったものをいくつかピックアップしているので下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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