TOP  >  icon

Tag : icon

2014年02月20日

いろいろな表情を表現できる フェイスフリーアイコン「400 Emoticons Vector Icons」

ソーシャル系を中心に、さまざまなフリーアイコンがネット上でダウンロードできるようになっており、日々制作に活用されている方も多いのではないでしょうか?そんな中今回紹介するのは、いろいろな表情を表現できるフェイスフリーアイコン「400 Emoticons Vector Icons」です。

faceicon

ベクタータイプで汎用性の高い、人の表情を表現したアイコンが400種のセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: plugin   
このエントリーをはてなブックマークに追加
2014年02月14日

コレクションに加えたい 最新のアイコンセットまとめ「33 New and Free Icon Sets」

線画や面だけで表現されるアイコンは、利用するだけで簡単に機能や意味が表現できるとても便利な存在。より多くの種類をストックしておけば、デザインの幅が広がります。今回はコレクションに是非加えたい、最新のアイコンセットまとめ「33 New and Free Icon Sets」を紹介したいと思います。

icon140214_1
Dribbble – Free Icons by Fabrizio del Gaudio

フラットタイプから、リアルな表現を施したものまで、さまざまなテイストのアイコンがまとめられています。

詳しくは以下

(さらに…)

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

バレンタインday用デザインに活用できるアイコンセット「Free download: 40 Valentine’s icons」

まもなく迎える1年に1度のイベント・バレンタインday、楽しみにされている方も多いかと思います。そんなバレンタイン用のデザインに活用できるアイコンセット「Free download: 40 Valentine’s icons」を今回は紹介したいと思います。

valent

かわいらしいテイストのバレンタインイメージアイコンが40個セットになって、フリーでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」

webデザイン制作にもはや欠かすことができない存在となっているアイコン。汎用性の高いものを選んでおけば、どんなデザインにも対応でき、より心強い存在となります。そんな中今回紹介するのは、可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」です。

roundicons

フラットタイプのポップな印象のアイコンが60種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

レトロな色合いが特徴 110個のフラットアイコンセット「Meroo icon」

フラットテイストなデザインが主流となり、使用される素材もそれに伴いフラット化しています。そんな中今回紹介するのは、レトロな色合いが特徴の、110個のフラットアイコンセット「Meroo icon」です。

meroo

デザイナー・Hesham Mohamed氏手がける、かわいらしいデザイン感が特徴のアイコンセットです。

詳しくは以下

(さらに…)

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

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

2010年01月12日

WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」

未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」です。

lighteffects_01

いくつか紹介さされていますが、今回はそのなかからいくつか気になったモノを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:38  |  
Category: Design , WebDesign   
2013年06月16日

木のさまざまな質感を表現できるテクスチャまとめ「30 High Quality Painted Wood Texture for your Nature-Related Designs」

デザイン制作で使用するテクスチャの中でも特に利用する機会の多い、木をモチーフにしたテクスチャ。毎回同じようなタイプを選んでしまい、デザインがワンパターン化しがちな方も多いのでは?今回はそんなシーンに是非利用したい、木のさまざまな質感を表現できるテクスチャまとめ「30 High Quality Painted Wood Texture for your Nature-Related Designs」を紹介したいと思います。

wood1
Cracked Yellow Painted Wood by ~texturejunky on deviantART

定番として利用できるタイプから、個性的でアレンジを加えたい時におすすめなものまで、たくさんの種類はまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:36  |  
Category: Design   
2010年09月07日

シンプルな紙のテクスチャ40「40+ Various High Quality Free Paper Patterns and Textures」

質感を出すのにとても便利なテクスチャ。素材感を出すだけで、上手く使えばグッとデザインの質を上げてくれる便利な素材です。今日紹介するのはテクスチャの中でも使いやすいシンプルな紙のテクスチャを集めたエントリー「40+ Various High Quality Free Paper Patterns and Textures」。


Download Source

しわくちゃの紙から、方眼、ダンボール、楽譜などスタンダードなものから少し変わったものまで様々なテクスチャが公開されています、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:39  |  
Category: WebService   
2013年01月20日

シンプルでミニマルなアイコン素材144個セット「144 minimal icons package 12 A.M」

WEB制作で重宝するのがアイコン素材。ベクターで書くこともWEBデザイナーなら難なく可能だとは思いますが、アイデアから制作までの時間を考えると、フリーで利用できるアイコン素材はとても便利な素材の一つです。今日紹介するのはシンプルでミニマルなアイコン素材144個セットにしたアイコンセット「144 minimal icons package 12 A.M」です。

名前の通り非常にシンプルなアイコンなので、どんなサイトでも利用することができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector , WebDesign   
2009年06月09日

モックアップをドラッグ&ドロップで簡単に作成できる「Balsamiq Mockups」

デザインの変更の手間を防ぐ為にWEB制作時にはコーディングしていないモックアップをデザイン案として見せるのが主流だと思います。今日紹介するのはラフなモックアップをドラッグ&ドロップで簡単に作成できるWEBツール「Balsamiq Mockups」です。

balsamiq

パーツをおいていくような感覚で簡単に作成できます。実際「Balsamiq Mockups」を使って制作しているイントロムービーがYouTubeにアップロードされていましたので、下記に貼付けておきます。

動画は以下から

(さらに…)

続きを読む
posted 10:31  |  
Category: WebService   
2017年12月28日

2017年のベストをまとめた ハイクオリティなおすすめフリー素材まとめ「Best Freebies of 2017」

2017年も終わりに近づき仕事が一段落し、年内の業務などを整理されている方も多いかと思います。そんなタイミングだからこそチェックしておきたい、2017年を振り返ってまとめられた、ハイクオリティなフリー素材まとめ「Best Freebies of 2017」を今回は紹介します。

best-freebies-of-2017_1
Miller Salt Font DUO — download free fonts by PixelBuddha

2017年のベストの名にふさわしいハイクオリティなフリー素材が、フォントからモックアップまで幅広くまとめられています。その中でも気になった素材を幾つかピックアップしてご紹介しますので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む
2016年03月21日

CSSのみで実現する軽量なツールチップ「Ballon.css」

WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか?今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。

balloncss2

CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: WebDesign   
2010年08月24日

最近リリースされたjQueryプラグイン集「50 Awesome New jQuery Plugins」

世界中で利用されているjavascriptライブラリjQuery。多機能で軽量。そして豊富なプラグインと制作者、開発者にとっては非常にありがたい存在です。今日紹介最近リリースされたjQueryプラグインを集めたエントリー「50 Awesome New jQuery Plugins」。


Transformie

様々なジャンルのプラグインが紹介されていますが、今日はそのなかから今までDesigndevelopで紹介した事が無い、プラグインを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:27  |  
Category: WebDesign   
2011年10月06日

webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。

上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:08  |  
Category: WebDesign   
2015年11月07日

雰囲気・ニュアンス感のあるバックグラウンド背景集「Free 50 Retro Dotted Blurred Backgrounds」

デザインの背景に使用することで、より魅力的なデザインに仕上げることができるバックグラウンド素材。持っていると非常に便利に活用できるもの。そんな中今回紹介するのは、雰囲気・ニュアンス感のあるバックグラウンド背景集「Free 50 Retro Dotted Blurred Backgrounds」です。

back1107_0

50種の、柔らかくどこかレトロな雰囲気も感じさせてくれるバックグラウンド素材がまとめダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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