TOP  >  Design

Tag : Design

2014年08月30日

舗装面をテーマにしたシームレステクスチャ「Absolutely Free Seamless Pavement Textures」

街中などの歩道部分には、歩きやすいように舗装がされており、いろいろな素材がいろんな形で配置されています。今回はそんな舗装面をテーマにしたシームレステクスチャ「Absolutely Free Seamless Pavement Textures」を紹介したいと思います。

pavement2
Stone Blocks by AGF81 on deviantART

舗装の柄に着目しテクスチャ化された舗装面がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

UI構築に使用するための必要最小限のアイコンがセットになった「Essential Icons」

デザイン構築に必要な素材として重宝されているアイコン。セットでいろいろな種類がまとまっているものが多数配布されており、さまざまなタイプをダウンロードしストックされている方は多いと思います。そんな中今回紹介するのは、UI構築に使用するための必要最小限のアイコンがセットになった「Essential Icons」です。

essential1

フランクフルトを拠点にアートディレクターとして活動するDaniel Swoboda氏によって提供、ベーシックに定番として頻繁に使用すると想定される種類のアイコンがまとめてダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

デザイナーのための比較的新しいフォントまとめ「45 New Handpicked Free Fonts for Designers」

デザイン制作に必要なフォントは非常に豊富な種類があり、フリーでダウンロードできるものもたくさん存在しています。そんな中今回紹介するのは、デザイナーのための比較的新しいフォントをまとめた「45 New Handpicked Free Fonts for Designers」です。

font140828_1
Rumburak Font | dafont.com

定番として使用できるものから、個性豊かなものまで、45種のフリーフォントが紹介されています。

詳しくは以下

(続きを読む…)

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

フード系デザインに活用したい フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」

webデザインを中心に活躍してくれるアイコン。テイストやテーマなど、さまざまな種類のものがフリーで配布されていますが、今回紹介するのは、フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」です。

kitchen1

フード系デザインに活用したい、ラインで描かれたキッチンツールが揃ったアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」

webサイトを構築する際に、印象的に、サイトを魅力的に見せてくれるjQueryは非常に便利なツール。よく利用されている方はとても多いのではないでしょうか?今回はそんなjQueryプラグインをフリーで使用できる「14 Free Frontend jQuery Plugins」を紹介したいと思います。

jquery1408_1
fullPage.js One Page Scroll Site Plugin

14種の、独特な動きを見せるjQueryプラグインが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

ECサイトなどで活用できる フリークレジットカードアイコンセットのまとめ「27 Free Credit Card Icon Sets for Online Web Shops」

インターネット上でショッピングをする際の決算方法として、クレジットカードを使用する方は非常に多いと思います。決済は非常に重要な工程であるため、デザイン的にも分かりやすく案内してあげることが重要。今回はそんな時に必要な素材の一つ・クレジットカードビジュアルをアイコン化した「27 Free Credit Card Icon Sets for Online Web Shops」を紹介したいと思います。

credit-cards1
Dribbble – 1 Color Credit Icons by Chad Pugh

さまざまな表現のクレジットカードのアイコンセットが、27種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2009年12月04日

商用可!定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」

WEBサイトのユーザーインターフェイスには欠かせないアイコン。グラフィカルに表現されたアイコンはそれ一つで様々な意味をユーザー与えてくれます。今日紹介するのはどんなWEBサイトでも利用できそうな汎用性のある定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」です。

108monoicon_01

全部で108個のアイコンが収録されており、メールアイコン、ユーザーアイコン、ダウンロードアイコンなどなど、WEBで必要なものは一式揃っているといった感じです。収録アイコンの一覧は以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:34  |  
Category: Design , Photoshop , WebDesign   
2013年02月16日

柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:22  |  
Category: Design , vector , WebDesign   
2010年02月23日

CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」

WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。

drop-shadows

上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違うものの、ほぼ同じような見え方でドロップシャドウを実現しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: WebDesign , WebService   
tag: CSS webdesign
2008年11月12日

立体的で光沢感のあるボタンを制作するチュートリアル「Creating A Glossy 3D Button」

photoshopを使った立体的で光沢感のあるボタンのチュートリアル「Creating A Glossy 3D Button」を紹介したいと思います。

ただ単に少し立体にしたと言う程度ではなく、光沢という質感もしっかりと表現されていて、クオリティの高いボタンになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:45  |  
Category: Design , Photoshop   
2010年08月21日

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: WebDesign , WebService   
2011年10月02日

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

軽量で様々なクリエイティブに役立つ、javascriptプラグインjQuery。最近では様々なWEBサイトに利用されていますが、今日紹介するのは最近リリースされたjQueryプラグインを集めたエントリー「40 New jQuery Plugins」です。


Recurly.js

フォーム関連から、パスワードチェッカー、ビデオ関係のプラグインなど様々なプラグインが集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:27  |  
Category: WebService   
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   
2011年06月24日

豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」

デザイン制作に欠かせない存在となっているアイコンは、多くのフリー素材が展開されており、利用している方も多いと思います。そんな中今回紹介するのは、豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」です。


Set of social icons by ~Tydlinka on deviantART

サービスロゴなどをモチーフにしたアイコンが多数紹介されています。中でも特に気になったアイコンをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:52  |  
Category: Design   
2012年08月26日

注意や案内を促すためのNotificationを実現するjQueryのまとめ「20 Useful jQuery Notification Plugins and Tutorials」

多様化するWEBサイトの中で、様々なユーザーが迷わないような工夫が施されていますが、今回紹介するのはその中でも、注意や案内を促すためのNotificationを実現するjQueryをまとめたエントリー「20 Useful jQuery Notification Plugins and Tutorials」です。


jQuery “growl-like” notification plugin

Notificationといっても、アラート的なものから、メッセージの数を知らせるものなど様々ですが、今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
2014年04月25日

デザイナー必見 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」

webサイトやスマートフォンサイトは、設計や構成レイアウト、デザイン感の決定からスタートし、さまざまな工程を経て完成に至ります。しかしどうしてもすべてを完了するまでには時間を要してしまうもの。今回はそんな時に利用したい、 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」を紹介したいと思います。

ui140425_1
Dashboard UI – Graphicfull | Graphicfull

いろんなデザイン感のUIキットが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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