TOP  >  クリスマス

Tag : クリスマス

2018年11月17日

クリスマス前にチェックしたい水彩画素材38種「Licorice Christmas kit」

いよいよ本格的に冬シーズン到来。特に12月の一大イベント・クリスマスに向けて、制作をされている方も多いのではないでしょうか?そんな中今回は、クリスマスのデザインでおすすめしたい素材集「Licorice Christmas kit」を紹介したいと思います。
 
Licorice Christmas kit _1

クリスマスをイメージさせるさまざまなアイテムを、美しく温かみを感じさせる水彩で描いた素材セットとなっています。
 
詳しくは以下
 
(続きを読む…)

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

クリスマスに使いたい!クリスマスをイメージさせる50種類のフリーアイコン「50 New Free Christmas Icons (Flat, Line, Linecolor)」

クリスマスが間近に迫り、街もホリデーイメージに染まってきました。そんなクリスマスシーズンにぴったりな、シンプルなアイコンセット「50 New Free Christmas Icons (Flat, Line, Linecolor)」を今回は紹介したいと思います。

50-new-free-christmas-icons
50 New Free Christmas Icons (Flat, Line, Linecolor) | Designbeep

クリスマス風のキュートなアイコンが50種類もセットになった大ボリュームな内容となっています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年12月18日

クリスマスなWebデザインのアクセントに!グラフィカルなトグルボタン「CodePen – Bauble Toggle」

クリスマスまであと数日。デザインのちょっとした部分にもクリスマス感を取り入れることで、より気分を高めることができるのではないでしょうか。そんな中今回ご紹介するのは、クリスマス気分を盛り上げてくれるグラフィカルなトグルボタン「CodePen – Bauble Toggle」です。

codepen-bauble-toggle1
CodePen – Bauble Toggle

クリスマスのオーナメントをイメージさせるイラストがボタンになった、可愛らしいトグルボタンです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年12月15日

クリスマス気分を高められる フリーラベルデザインまとめ「20 Creative Free Christmas Labels that You Can Download」

もうすぐクリスマス。中には、カードやポスター、パッケージなど、ツールデザイン的なものを準備されている方もいらっしゃるのではないでしょうか。今回はそんなシーンで役立ってくれる、フリーラベルデザインまとめ「20 Creative Free Christmas Labels that You Can Download」を紹介したいと思います。

christmas1215_4
Free Vector Christmas Bell – Download Free Vector Art, Stock Graphics & Images

クリスマス気分を高められる、完成されたデザインラベルが紹介されています。中でも、気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」

クリスマスの向けてクリスマスカードやプレゼント、パーティー準備をして楽しんでいる方も多いのではないでしょうか。そんな中今回紹介するのは、クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」の紹介です。

Christmasvector01

クリスマス用のツールが簡単に作れるイラストやパターンのセットです。

詳しくは以下

(続きを読む…)

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

クリスマスムードを手軽に演出できる クリスマステーマのフリー素材まとめ「50 Free Christmas Templates & Resources for Designers」

12月と言えばクリスマス。一大イベントともあって、クリスマスのデザインを手がけている方も多いのでは?今回ご紹介するのは、そんなクリスマスのデザイナーの強い味方となってくれる、デザイナーのためのフリーのクリスマス素材をまとめた「50 Free Christmas Templates & Resources for Designers」です。

50-free-christmas-templates1
Digital Space: Premium and Free Resources for Designers and Coders – Free

クリスマスカードや可愛らしいクリスマスイラストなど、使える素材が50種類にも渡り紹介されています。さらにその中から、おすすめの素材を幾つかピックアップ致しましたのでご覧ください。

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

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

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

2009年09月27日

フリーで使える800以上のRSSアイコン「800+ Most Wanted Free RSS Icons for Bloggers」

個人でも大手のニュースサイトでも一般的になってきたRSS。RSSでサイトやブログの更新情報を流したり、逆に購読したりと言う方は非常に多いかと思います。今日紹介するのはそんなRSSを示すアイコンをあつめたエントリー「800+ Most Wanted Free RSS Icons for Bloggers」を紹介したいと思います。

rss01
800+ Most Wanted Free RSS Icons for Bloggers

基本的にRSSを表すアイコンは規定のものがありますが、その規定のマークを上手く使ったユニークなものからスタンダードなものまで幅広いRSSアイコンが800以上紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:54  |  
Category: WebDesign   
tag: webdesign
2007年12月21日

一瞬でクリスマス仕様にできるフリーアイコン「SANTA CLAUS HAT」

クリスマスまで後少し、街全体もすっかりクリスマスムード、そしてブログ界隈もネットもクリスマス一色ですが、そんな雰囲気についていくための便利なアイコンが今回紹介するサンタクロースの帽子アイコン「SANTA CLAUS HAT」です。

サンタクロースの帽子psd

PSDファイルで配布されていますのでphotoshopなどで合成も簡単です。こちらをかぶせればどんなロゴでもどんなデザインでもあっという間にクリスマス仕様になります。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:53  |  
Category: WebDesign   
2008年01月31日

ハイクオリティなアイコンを5978個集めた「5978 High Quality Icons」

5978個のハイクオリティなアイコンを集めたサイトが今回紹介する「5978 High Quality Icons」です。すべて制作者さんが公開と言うわけではなく、WEB上からクオリティの高いアイコンを集めてきたリンク集という形になっています。

フリーアイコン

集められているアイコンは様々で上記のようなソーシャルブックマーク系のアイコンからRSSアイコン、デスクトップで使えそうなものまで幅広く集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design , WebDesign   
2009年08月12日

立体的で微妙にラフなオープンソースアイコンセット「Open Source Icons」

WEB制作に関わらず、クリエイティブの分野で幅広く利用されているアイコン。意味を与えてくれたり、インターフェイスをより分かりやすくしてくれたりと様々な活躍をしていますが、今日紹介するのオープンソースで公開されているアイコンセット「Open Source Icons」です。

304-37signals_icons

上記のようなアイコンが全部で37個収録されていて、すべてベクターデータで制作されているので非常に利用しやすく、カスタマイズも容易です。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:52  |  
Category: Design , vector   
tag: Design vector
2012年03月25日

デザインの質をワンランク上げるphotoshop技集「50 Fresh and High Quality Adobe Photoshop Tutorials」

デザインの現場で幅広く利用されているphotoshop。非常に奥が深く、極めて行けば様々な表現が可能なソフトウェアです。今日紹介するのは、デザインの質をワンランク上げるphotoshopの技を集めたエントリー「50 Fresh and High Quality Adobe Photoshop Tutorials」です。


Create a Baseball-Inspired Text Effect

比較的新しいphotoshopのチュートリアルが集められています。写真自体を加工していくものから、文字から加工で作り込んでいくタイポグラフィ作品まであらゆる表現のチュートリアルがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:00  |  
Category: Design , Photoshop   
2011年10月16日

CCS3を対応するためのプロパティを自動付与し、一行にまとめるスクリプト「Prefix Free」

WEB業界ではすっかりおなじみのCSS3。ただまだ全てのブラウザに標準化され実装されているわけではなく、ブラウザ毎に接頭語を付けてあげる必要があります。

機能的にはそれぞれ接頭語をつけて、書き分けてあげれば良いのですが、管理面や手間的もあり面倒です。そこで今回紹介するのは、接頭語を欠かずにシンプルなCSSのみで様々なブラウザに対応させる事ができるというものです。

詳しくは以下

(続きを読む…)

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

photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」

Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。

Photoshop_Lighting_Effects_tutorial_1
Advanced Glow Effects

光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

手書き風のフリーillustratorベクターブラシセット「30 Sketchy-Style Brushes」

イラストレーターで色々なデザインに使えるブラシですが、ディフォルトでセットされているものだと今一もの足らないそんな人が多いのではないでしょうか?そこで今回紹介する「30 Sketchy-Style Brushes For Illustrator」手書き風のillustratorのブラシセットが無料でダウンロードできます。

収録されているのは上記の30のブラシで、様々な種類のブラシが収録されています。ブラシはイラストレーターCS2のai形式でまとめて配布されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:56  |  
Category: Design , vector   
tag: Design vector
2011年04月17日

jQueryベースのWebフォームライブラリ「jFormer」

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。

「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。

詳しくは以下

基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。

多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documentation – jFormer」からご覧いただくけます。フォームに動きをつけたいという方には役に立つフレームワークだと思います。

jQuery Form Framework – jFormer

続きを読む
posted 01:58  |  
Category: WebDesign   
2011年11月20日

レスポンシブなWEB制作のためのCSSフレームワークのまとめ

様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。


Less Framework 4

様々な端末に対応したフレームワークが多数まとめられていますが、今回はその中からいくつか気になったフレームワークをピックアップをして紹介したいと思います。

詳しくは以下

Foundation
12カラムで構成されたレスポンシブなフレームワーク。背景も端末に併せて縮小されます。

Foundation
 
 
 
 
 
Skeleton
真っ更なレスポンシブなフレームワーク。

Skeleton
 
 
 
 
 
Amazium
ブラウザサイズによってレイアウトが組み変わるレスポンシブフレームワーク

Amazium
 
 
上記のほかにも様々な、フレームワークが紹介されています。フレームワークですので、シンプルで使いやすいので、レスポンシブなレイアウトに挑戦したいという方は是非どうぞ。

15 Responsive CSS Frameworks Worth Considering

続きを読む
posted 09:00  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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