TOP  >  アイコン

Tag : アイコン

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   
このエントリーをはてなブックマークに追加
2014年01月27日

デザイナーのためのフリーアイコンセット20種「20 Free Icon Sets for Designers」

フリーのデザインアイコンはインターネット上で多数展開されており、素材ストックとしてたくさん所持されている方も多いと思います。今回は新たに追加しておきたい、デザイナーのためのフリーアイコンセット20種「20 Free Icon Sets for Designers」を紹介します。

freeicon140127_1
25 Free Icons on Behance

ミニマルなシンプルアイコンや、リアルを追求したもの、さまざまなタイプがまとめられています。

詳しくは以下

(さらに…)

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

ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」

デザインを分かりやすく、また華やかに彩ってくれる素材として非常に重宝されているアイコン。さまざまなものをモチーフにデザインされており、種類豊富な中から選びながらデザインできる点も魅力的です。そんな中今回紹介するのは、ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」です。

icon2_2

現在主流のフラットテイストなアイコンがセットになっており、使用するだけでデザイン性の高いwebサイトを作り上げることができそうです。

詳しくは以下

(さらに…)

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

リアルからフラットまで クリエイティブなアイコン35種まとめ「35 Fresh Icon Designs for Inspiration」

webデザインに使用されることの多いアイコン素材。シンプルな描写のものは使いやすく重宝しますが、時には凝ったデザインのタイプが必要になる時もあるのではないでしょうか?今回はそんな時に利用できる、クリエイティブなアイコン35種まとめ「35 Fresh Icon Designs for Inspiration」を紹介したいと思います。

realicon5
Dribbble – Backpack Icon by Maria Isaeva

立体感のあるリアルさを追求したものから、今主流のフラットタイプまで、いろいろな種類のアイコンがセットになっています。

詳しくは以下

(さらに…)

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

いろんなデザインに対応できる フリーミニマルアイコン「20 Free Minimalistic Icon Sets」

アイコン素材の中でもシンプルなテイストのアイコンは、いろいろなデザインに対応できるため非常に重宝します。そこで今回は、是非ストックしておきたいフリーミニマルアイコン「20 Free Minimalistic Icon Sets」を紹介したいと思います。

minimalicon5
Dribbble – Minimal line Icons by Vincent Tantardini

ミニマルテイストの多彩な種類のアイコンが20種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2013年11月16日

デザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」

日本ではまだまだ一般的には知名度の低いtumblr(タンブラー)ですが、ブログの様に記事を投稿できたり、他人が書いた記事を引用・共有するなど、手軽で面白い使い方ができるツールです。今回はデザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」を紹介したいと思います。

35mfaptbt_0
Blogging – Tumblair | ThemeForest

流行のフラットデザインを取り入れたものや、イメージを強く打つ出したものなど、個性豊かなテーマが取り揃えられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 12:36  |  
Category: WebDesign   
2008年09月22日

素晴らしいphotoshopのテキストエフェクトチュ−トリアル50選「50+ Great Photoshop Text Effect Tutorials」

前回「photoshopのテキストエフェクトチュ−トリアル50「50 Creative Photoshop Text Effects」」と言う記事でphotoshopの様々な文字のエフェクトをまとめたエントリーを紹介しましたが、今回もphotoshopのエフェクトをまとめたエントリー「50+ Great Photoshop Text Effect Tutorials」を紹介したいと思います。


Text In Stitches

前回紹介したエントリーと被るものもありますが、素晴らしいエフェクトが紹介されていましたので、その中から気になった物をピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:23  |  
Category: Design , Photoshop   
2008年07月14日

面接で差をつけるフリーデザイン履歴書集「38 More Beautiful Resume Ideas That Work」

管理人はデザイン・広告業界に身を置いていますが、面接の時に重要なのは仕事の経歴はもちろんですが、お会いした時のセンスだったり遊びだったりします。そこで今回紹介するのは自作のデザイン履歴書集「38 More Beautiful Resume Ideas That Wor」です。

定型のものでも特に問題はありませんが、こういう細かいところが「おっ」と思わせる事に繋がるかと思います。堅い企業では逆効果に働く場合もありますが、はまった時の効力は大きい気がします。全部で38個以上の履歴書が公開されていますが、今回は気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:08  |  
Category: Design   
tag: Design
2011年10月10日

HTML5とJSで動画に画像をWEB上で合成する「HTML5 Glasses!」

HTML5とJSの組合せでWEB上でできるとこは格段に広がり、様々な実験的なコンテンツが世界では展開されていますが、今日紹介するのはアイデア次第で面白いプロモーションに使えそうなHTML5とJSで動画に画像をWEB上で合成する「JavaScript Face Detection + Canvas + Video = HTML5 Glasses!」です。

こちらはHTML5で再生されているビデオにCanvasを利用して、ビデオに追従するエレメントを表示させるというものです。
実際どんなものか動画が公開されていましたので、下記からご覧ください。

動画は以下から

ユーザーが撮影した動画に対してなにかを合成したり、動画コンテンツに合成する絵を分けてコンテンツを変化させたり、様々な事ができそうな技術だと思います。

Library」にソースコードや実装方法などが公開されています。気になる方は是非チャレンジを。

続きを読む
posted 09:00  |  
Category: WebDesign   
2011年01月13日

バレンタインに最適な ハート柄パターン集「70+ Lovely Heart Patterns for Your Valentines Projects」

女性らしいモチーフの一つとしてさまざまなシーンで使用される”ハート柄”、特にバレンタインを控えた今からの時期は街中でも見かけることが多くなると思います。そんな中今回紹介するのは、継ぎ目のないハート柄パターン集「70+ Lovely Heart Patterns for Your Valentines Projects」です。


Colorburned | 5 Free Valentine’s Day Themed Vector Patterns for Illustrator

さまざまな種類のハートをモチーフにしたパターンが収録されています。バレンタインのラッピングやカード作りなどに役立ちそうです。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:06  |  
Category: Design   
2018年01月01日

2018年 新年あけましておめでとうございます。

2018年 新年あけましておめでとうございます。

2017年は自身の仕事環境も大きく変化したこともあり、多忙を極め、ブログを一時期アップできないなど、今後のDesigndevelopのあり方について考えさせられた年となりました。結果的にはやはり、少しでも多くの情報を届けていきたい、また自身にとってのクリエイティブリソースを高めていきたいという想いが強くあり、定期的に更新ができる環境を整えることができました。

webの流行と共に、毎年デザインのトレンドや、システム開発技術などどんどんと進化を遂げており、1年前に最新とされていたものが古く扱われてしまうなど、スピードの早い業界にいて、次はどんなものが登場するのかを今からとても楽しみにしています。

2018年も同様に、最新の情報を皆さまにお届けできるよう努めていきたいと思いますので、ぜひ今後もご覧頂けますと嬉しく思います。

今年もDesigndevelopをどうぞよろしくお願いいたします。

続きを読む
posted 09:00  |  
Category: Design   
2013年08月15日

クリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」

WEBの重要な要素の一つリンク。ユーザーが最も利用する機能であり、見せたいものを見せる、次のページに誘導したりそのクリエイティブには気を使わなければいけない部分でもあります。今日紹介するのはマウスオーバー時にクリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」です。

CreativeLinkEffects1

いくつかのリンクエフェクトが準備されており、フォーカスがあたったり、下線がアニメーションとともについたり、反転したりなどなど面白い動きを簡単に実現してくれます。

詳しくは以下

(さらに…)

続きを読む
posted 07:47  |  
Category: javascript , WebDesign   
2007年12月01日

様々なUIを集めたUIデザインのパターンライブラリ「UI-Patterns」

サイトをデザインする上で書かせないのがユーザーインターフェイス。しかしユーザーインターフェイスをデザインするとなるとなかなか難しかったりします。そこで今日は様々なUIを集めたUIデザインのパターンライブラリ「UI-patterns」を紹介したいと思います。

UIパターン集

タグクラウドからページ分割、WYSIWYG、Wikiなど他にも様々なユーザーインターフェイスのサンプルが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:43  |  
Category: WebDesign   
tag: webdesign
2008年11月01日

WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL(MITSUE-LINKS JavaScript Library)」

WEBを制作によく使う機能を、いちから全部つくらずとも、簡単に実装できてしまうそんな便利なJavaScriptライブラリが今回紹介する 「MJL(MITSUE-LINKS JavaScript Library)」です。

こちらはWEB制作会社がオープンソースとして公開されている物で、WEB制作の現場からのものなので非常に使い勝手が良く、汎用性・実用性に富んでいます。どんな機能をもっているのかを紹介していきたいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:36  |  
Category: WebDesign   
2009年09月22日

外部へのページ遷移時にちょっとした演出ができる「LeaveNotice jQuery Plagin」

様々なWEBサイトがリンクでつながり、リンクを辿って情報を閲覧していくのは当たり前の事ですが、今回紹介する「LeaveNotice jQuery Plugin」は外部へのページ遷移時にちょっとした演出をし、サイト退出や外部へのページ遷移に少し色を与えてくれるjQuery pluginです。

leavenotice

このプラグインでは設定しておいた条件に合わせて、javascriptでウィンドウを表示し、メッセージを表示した後、クリックした先に飛ばすと言うものです。

詳しくは以下

(さらに…)

続きを読む
posted 02:33  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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