TOP  >  雪の結晶

Tag : 雪の結晶

2016年12月04日

WEB上で雪の結晶を生成できるスノーフレークジェネレータ「Snowflaker」

この季節になると必ず1度は利用するデザイン素材、雪の結晶。素材を探したり、自分で創ったりとありふれた素材なので、それほど難しいものではありませんが、思い通りのものを見つけようとすると時間がかかります。今日紹介するのはWEB上で雪の結晶を生成できるスノーフレークジェネレータ「Snowflaker」です。

snowflaker01

このスノーフレークジェネレータ「Snowflaker」では、雪の結晶の線幅や結晶の複雑さを任意で設定し、svgフォーマットで生成・ダウンロードができるというものです。

詳しくは以下

(続きを読む…)

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

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

2014年08月11日

フラットテイストのアイコンセットを集めた「30 Free Flat Icon Sets for Web Designers」

現在主流のフラットデザイン。テイストに合わせた素材がたくさん配布されています。そんな中今回紹介するのは、フラットテイストのアイコンセットを集めた「30 Free Flat Icon Sets for Web Designers」です。

icon140811_1
Dribbble – Free BBQ Icons by Cort McGinty

シンプルでありながらもデザイン性に優れたアイコンセットが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:37  |  
Category: Design   
2011年07月23日

CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」

まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。

予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。

詳しくは以下

コードの呼び出し例は以下のとおり。

上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。

CSS3 Button UI

続きを読む
posted 03:20  |  
Category: WebDesign   
2014年04月29日

スタイリッシュかつ個性溢れるデザインフリーフォント「Stylish Free Fonts For Graphic Designers」

フリーで配布されているフォントの中にもさまざまな種類があり、色々な種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、スタイリッシュかつ個性溢れるデザインフリーフォントをまとめた「Stylish Free Fonts For Graphic Designers」です。

font140428_1
Numbers Font on Behance

デザインを引き締めてくれたり、印象的な雰囲気に仕上げられるデザインフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:01  |  
Category: Font   
2008年03月13日

日本の美を表現するフリーphotoshopブラシセット「Japanese Foliage™」

前回和風なパターン集を「和にこだわったphotoshopパターン集を公開する「星宿海 渡時船」」という記事で紹介しましたが、今回紹介するのは海外のサイトで配布されている和風photoshopブラシセット「Japanese Foliage™」です。

和風photoshopブラシ

このブラシを用いれば上記のような情景も簡単に制作することが可能です。かなりの高解像度なので、壁紙やグラフィックの制作にも十分使えます。ブラシは植物で統一されていて、竹や梅など美しい日本的なブラシが多数納められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:18  |  
Category: Design , Photoshop   
2012年07月16日

最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」

世界中で利用されている便利なjavascriptライブラリjQuery。多くのWEBデザイナー、デベロッパーの手によって日夜新しいプラグインが生み出されていますが、今日紹介するのは最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」です。


blur.js

背景との間にぼかし効果をあたえるものや定番のシンプルでミニマムなツールチップ、写真の上に自分で書き込むペイント機能まで、様々なjQueryプラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

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

plaster2

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

詳しくは以下

(続きを読む…)

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

CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」

インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。

こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:59  |  
Category: Design , WebDesign   
2014年07月31日

キッチンアイテムをラインアイコン化した「LINE ICONS SET – KITCHEN TOOLS」

さまざまな種類がweb上からダウンロードできるようになっており、特にアイコンは種類やテーマなどが豊富に揃っているジャンルとして認識されているのではないでしょうか?そんな中今回紹介するのは、キッチンをテーマとしたアイコンセット「LINE ICONS SET – KITCHEN TOOLS」です。

kitchenicon1

キッチンで一般的によく見られるアイテムや食材をラインアイコン化。フリーかつセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2010年01月12日

WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」

未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」です。

lighteffects_01

いくつか紹介さされていますが、今回はそのなかからいくつか気になったモノを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:38  |  
Category: Design , WebDesign   
2013年03月27日

バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」

WEBサイトを制作する際に、背景に大きな画像を張り込むとその分サイトの容量が大きくなってしまい、重いサイトという認識をされてしまうことも。今回はそんな背景画像を手軽に、そして容量にも配慮して生成できるツールをまとめた「5 Pattern Generators for Background Designs」を紹介したいと思います。


ZenBG—Background Generator

ダウンロード形態を選べる5つのジェネレーターサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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