TOP  >  animal

Tag : animal

2018年03月20日

絶滅種をあつめた動物アイコン「Extinct animals project (Free)」

動物をモチーフとしたアイコンは幅広く存在し、デザインによく使用されるものの一つなのではないでしょうか。今回ご紹介する「Extinct animals project (Free)」では、一風変わった他にはない動物アイコンとなっています。

ShockFamily_top

絶滅危惧種をテーマとして集められたアイコン。動物だけでなく、魚や虫などもまとめられています。

詳しくは以下

(続きを読む…)

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

タッチが魅力!レトロアメリカンな木彫りの動物たちのベクターアート素材「Savage Animals Vector Bundle」

レトロアメリカンな雰囲気のデザインテイストは、アウトドアテイストやヴィテージなデザインを行いたい時にピッタリ。そんなときに活用したい、ちょっとレトロな動物たちのベクターアート素材「Savage Animals Vector Bundle」を今回は紹介します。

savage-animals-vector-bundle1

木彫り風に描かれた動物たちの、高品質なベクターアートが11種類そろったフリーダウンロード素材です。

詳しくは以下
(続きを読む…)

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

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

2011年11月28日

153個のピクトグラムライクなシンプルなフリーアイコンセット「Icons8」 

WEB制作には欠かすことができない、アイコン。デザインのクオリティアップ。ユーザーインターフェースの向上など、様々な効果を与えてくれます。今日紹介するのは、シンプルでピクトグラムライクなフリーアイコンセット「Icons8」です。

収録されているアイコンは全部で153個「KITCHHEN Set 」、「Coins」「Transport Set」などなどジャンルを問わず収められています。収録されているアイコンがまとめられていますのでWEB制作だけにはとどまらない使い方ができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:04  |  
Category: Design , WebDesign   
2016年06月17日

タイポグラフィの用語が学べる「TYPETERMS」

セリフやストローク、ステムなど、タイポグラフィにはその文字の一部分を表す用語があり、デザイナーであればある程度耳にしたことがあると思いますが、今回紹介するのはタイポグラフィの用語が学べる「TYPETERMS」です。

type1

アクセスすると一つの文字が描画されており、その文字の中の一部をどのように呼ぶのかなどが一望できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:08  |  
Category: Design , Font   
2009年06月12日

69123個のフリーアイコンから検索できる「Iconfinder」

WEBデザインを行なう上で非常に便利なアイコン。便利ですが、しっかりしたものを自分で作ろうとするとかなり手間がかかってしまいます。そこで今回紹介するのフリーで使えるアイコンを検索できるアイコン検索専門サイト「Iconfinder」です。

iconfinder01

全部で69123個ものアイコンが登録されており、多種多様なアイコンからお目当てのアイコンを探す事ができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:07  |  
Category: WebDesign   
tag: webdesign
2010年03月02日

jQueryで魅せる動きのテクニック「10 jQuery Transition Effects: Moving Elements with Style」

先日「最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」」と言う記事で、最新の機能のjQueryプラグインをまとめたエントリーを紹介致しましたが、今日紹介するのはjQueryで動きが特徴的な魅せる動きを集めたエントリー「10 jQuery Transition Effects: Moving Elements with Style | DevSnippets」を紹介したいと思います。

jquery-01
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

スムーズに出現するフェードだったり、スライドインだったり、気持ちいい感じの動きをするjQueryのテクニックが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:30  |  
Category: WebService   
2008年10月20日

秋を演出する葉っぱのベクターデータ「Autumn Leaves Vector」

ようやく秋らしくなってきた昨今ですが、それに伴いデザインでも秋らしさを求められたりもするかと思います。そこで今回紹介するのはそんな秋を表現してくれるのにピッタリなベクターデータ「Autumn Leaves Vector」です。

全部で17枚の葉っぱのベクターデータが収録されており、上記のような色で使えば落ち葉の雰囲気を作れます。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:12  |  
Category: Design , vector   
tag: Design vector
2018年01月29日

ヴィンテージなヒップスターを演出できるフォントをまとめた「20 Hipster Fonts You Can Download For Free」

シンプルかつシックなデザイン性で根強い人気を誇るヒップスター。ファッションはもちろんのことトレンドのマテリアルデザインと相性がいいこともあり、Webにも取り入れられつつあります。そんなレトロさを演出してくれるフォント集「20 Hipster Fonts You Can Download For Free」をご紹介致します。

hipstar_font_top
Rising Star Monoline Script — discover Pixelbuddha Plus design resources library

トレンド感を出すことができるフォントが20種類もまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font , WebDesign   
2015年10月06日

健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」

ヘルシー志向が高まり、健康を意識した生活を送る方が増える中で、デザインでもそんな方をターゲットとした制作をするシーンが増えてきていると思います。今回はそんな場面に最適な素材、健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」を紹介したいと思います。

health-and-fitness-icons

かわいらしいテイストで、ヘルシーな暮らし、またフィットネスを取り入れた暮らしを表現することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:57  |  
Category: Design   
2010年01月05日

WEBページに必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」

WEBを制作する上で、いくつかポイントがあるかと思いますが、WEBは使われるものなので、ユーザービリティは最も考えなくては行けないものの一つです。今日紹介するのはWEBページを制作する上で、必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」です。

somotips5-01

WEBページを制作していく上で、知っておいた方が良い要素が簡単にまとめられていました。今回は意訳して紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: WebDesign   
tag: webdesign
2008年09月05日

スクロールと連動して同期するナビゲーションjavaScriptライブラリ「wrapScroll」

ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介するjavaScriptライブラリ「wrapScroll version 0.9.6」はブラウザのスクロールと同期するナビゲーションを実装するためのライブラリです。

実装方法は簡単です。現在配布されているjavascriptライブラリはprototype.js、mootools.js、jQueryなどのフレームワークに影響されないとのことなので、導入しやすいかと思います。動作サンプルは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: WebDesign   
2014年12月23日

コンクリート壁面をテクスチャ化「Seven High-Res Plaster Textures」

背景素材として、またグラフィック素材のニュアンス演出としても利用されるテクスチャ。フリーでダウンロードできる種類も非常に豊富で、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、コンクリート壁面をテクスチャ化した「Seven High-Res Plaster Textures」です。

plaster2

7種の、ベーシックに利用できるコンクリートテクスチャがまとめてダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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