TOP  >  banner

Tag : banner

2015年09月13日

魅力あふれるベクター形式のフリーデザインバナー集「30 Vector Banner Freebies」

デザインに強調したい部分がある時、ECサイトなどでピックアップ情報を表示したい時などに利用すると効果が高まるバナー。自身でデザインに合わせて作ってももちろん良いのですが、今回はフリーで利用できる、魅力あふれるベクター形式のフリーデザインバナー集「30 Vector Banner Freebies」を紹介したいと思います。

banner0913_0
Mesh banners template Vector | Free Download

さまざまな形状のベクターバナーがピックアップされ、紹介されています。気になったものを以下よりご覧ください。

詳しくは以下

(さらに…)

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

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

2014年02月05日

さまざまな種類のイラストレーターチュートリアルを集めた「28 Free Adobe Illustrator Tutorials for Designers」

イラストレーターはグラフィック・webデザイナーにとってなくてはならないソフトウェアの一つ。いろんな描写表現を可能にしてくれます。今回はそんなイラストレーターのチュートリアルを集めた「28 Free Adobe Illustrator Tutorials for Designers」を紹介したいと思います。

tutorial140205_1
Create a Price Tag Icon in Adobe Illustrator | Vectips

さまざまな種類のグラフィック表現が、順を追って分かりやすく紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年04月23日

グローバルメニューを手軽に動作させることができるJQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」

webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか?そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。


Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops

どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2008年02月25日

リアルな壁面を作り出すphotoshopブラシ「Free High Res Photoshop Brushes」

色々とグラフィカルな表現に使えそうなテクスチャがコンクリートなどのひび割れた壁。

グランジブラシ

以下にこの「Free High Res Photoshop Brushes」を使って描いた画像をいくつかピックアップしておきます。描いたと言ってもブラシを選択して押したといったほうが正しいのですがかなり良い感じで壁面を作り出すことができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:28  |  
Category: Design , Photoshop   
2010年09月30日

WEB制作に便利な60種類のアイコン、ボタンPSD素材まとめ「60 PSD Icon and Button Templates」

媒体を選ばず、幅広く利用されているクリエイティブツールphotoshop。利用されているシーンも多く、そのため、photoshopのための素材は世界中で数多く公開されていますが、今日紹介するのはWEB制作に便利な60種類のアイコン、ボタンPSD素材をまとめた「60 PSD Icon and Button Templates」です。


The Button Project

WEB制作では、ボタンやアイコン等、細かな素材のクオリティが全体のクオリティを決定づける要素の一つになりますが、細かな処理やデザインを加えるというのは小さな素材といえども時間がかかります。原文では、時間を短縮できる便利につかえるpsdがまとめられていましたが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:47  |  
Category: Design , Photoshop   
2010年11月04日

美しいインターフェイスのwebデザイン「50+ Brilliant Web Design Interface From deviantArt」

見た目の美しさと操作性、どちらもwebデザインには欠かせない重要な要素です。そこで今回は、美しいインターフェイスのwebデザイン「50+ Brilliant Web Design Interface From deviantArt」を紹介したいと思います。


Ipie template by *krike06 on deviantART

ジャンルは様々ですが、どのデザインも洗練さと使いやすさ、そしてwebデザインとしての美しさを兼ね備えたものが多数紹介されています。気になったデザインをいくつかピックアップしてましたので、下記よりどうぞ。

(さらに…)

続きを読む
posted 09:20  |  
Category: Design , WebDesign   
2010年03月14日

紙の表現を可能にするフリーphotoshopブラシ集「A Collection of Photoshop Paper Brushes for Your Next Design」

制作にとても便利な紙の表現。無機質なデザインに質感や暖かみを与えてくれます。便利だけあって、背景素材は多数公開されていて、クオリティの高いテクスチャも多いのですが、今回紹介するのは紙の表現を可能にするphotoshopブラシを集めたエントリー「A Collection of Photoshop Paper Brushes for Your Next Design」を紹介したいと思います。

old-paper01
Old Paper

破れだったり、表面の質感だったりと様々な紙を表現んするブラシセットが集められています。テクスチャでは実現できなかった部分もブラシであれば自分で加工していけるので色々と表現の幅も広がるかと思います。今日はその中からいくつかきになったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:05  |  
Category: Design , Photoshop   
2007年10月30日

Javascriptで動くFlashライクなスライドショー「COULOIR」

FLASHでのスライドショーは色々とカスタマイズできて見栄えも良くクリエイティブな感じですが、当然FLASHの取得がある程度必要になってきますし、カスタマイズも普段コードばっかり描いてる人には少し厄介です。今回紹介するのはFLASHのようなクリエイティブなスライドショーをJavascriptで実現させた「COULOIR」です。

couloir

写真の切り替えエフェクトやデザインはかなりシンプルでどんなサイトでも合うデザインになっています。機能的にはスライドショーとしての最低限の機能が実装されているという感じです。動作デモは「Couloir.org: Resizing, Fading Slideshow Demo」です。

このスライドショーの実装にはprototype、moo.fx、soundmanagerなどの既存のライブラリが必要ですが、配布元にはこれらのライブラリも含めて配布してくれているのでダウンロードしてすぐに使う事ができます。ソースのダウンロードは下記のリンクの上部「About this Slideshow »」を押して出てくる「Download the source」からどうぞ。

Couloir.org: Resizing, Fading Slideshow Demo

続きを読む
posted 04:25  |  
Category: WebDesign   
2015年03月31日

ヴィンテージかつレトロな雰囲気を表現できるフリーフォント集「30 Must-Have Vintage Fonts For Free」

デザインのイメージに合わせて最適なフォントを選ぶことで、デザインの質は格段に向上します。そんな中今回紹介するのは、ヴィンテージかつレトロな雰囲気を表現できるフリーフォント集「30 Must-Have Vintage Fonts For Free」です。

retrofont1
Monsieur La Doulaise Font · 1001 Fonts

ヴィンテージ調のデザインに合わせやすいフォント30種が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:30  |  
Category: Font   
2011年05月13日

photoshopCS5を駆使した画像加工チュートリアルまとめ「20 Photoshop CS5 Tutorials」

photoshop CA5が発売されてから間もなく一年が経ちますが、新機能をフル活用できていないとお悩みの方も多いのではないでしょうか?そこで今回はphotoshopCS5の機能を駆使したチュートリアルまとめ「20 Photoshop CS5 Tutorials」を紹介したいと思います。


Quick HDR Effect Photoshop CS5 Tutorial

写真加工技術から新たな3D機能まで、さまざまなチュートリアルが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2018年03月01日

モダンなものから斬新なタイポグラフィまで幅広くまとめられた最新のフォント集「Free Fonts – 17 New Fonts For Designers」

デザイナーとして常にチェックが欠かせないフォント。手書き一つとっても筆のはね具合などでイメージが変わってきてしまいます。今回は幅広いタイポグラフィのデザインがまとめられた「Free Fonts – 17 New Fonts For Designers」をご紹介していきます。

NewFontsForDesigners_Conditional_top
Free Conditional Script Font on Behance

斬新なデザインでインパクトのあるものなど、多彩なフォント。下記にいくつかピックアップしているので、ご覧下さい。

詳しく見る

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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