TOP  >  WEBデザイン

Tag : WEBデザイン

2011年02月13日

WEBデザイナー、開発者のためのフリーアイコンセット「20 New Free Icon Sets for Web Designers and Developers」

ユーザーインターフェイスの向上だったり、ページ自体の賑やかしなど、様々な用途で使えるアイコン。WEBデザインにおいて非常に便利な素材の一つです。今日紹介するのはWEBデザイナー、開発者のためのフリーアイコンセットをまとめたエントリー「20 New Free Icon Sets for Web Designers and Developers」です。


Stock Icon Set

シンプルなものから、カワイイものまで、様々なデザイン感のアイコンセットが公開されています。

詳しくは以下

(さらに…)

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

CSS3用のオンラインツールまとめ「10 Useful CSS3 Tools for Your Next Web Development」

WEB制作者の話題では最近耳にする機会も多いCSS3。多くのWEB制作に携わる人にとっては無視できない存在だと思います。もうすでに利用されているという方もいるかと思います。今日紹介するのはCSS3を便利に使うためのCSS3用のオンラインツールをまとめたエントリー「10 Useful CSS3 Tools for Your Next Web Development」。


KEYS.css

コードを参照するものから、ジェネレータ系まで様々なオンラインツールがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:03  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2011年02月09日

WEBデザイナー、開発者が使えるWEBツール集「8 Useful Online Tools for Web Designers and Developers」

多くの業務が必要となるWEB構築、できることなら少しでも時間を短縮したい物。今日はWEBを構築する上で便利なツールを集めたエントリー「8 Useful Online Tools for Web Designers and Developers」を紹介したいと思います。


0 to 255

設計の部分から、デザインの部分、パーツの生成など様々なオンラインツールがまとめられていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:38  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2011年02月03日

最近リリースされたクリエイティブなHTML+CSSのテンプレート「25 Fresh and Professional CSS and HTML Templates」

HTML5やCSS3などの次世代の企画も徐々に業界内では浸透してきていますが、まだまだ商業ベースでは特定の用途を除いては使えないシーンも多く、HTML+CSSを用いて制作をしている人がほとんどだと思います。今日紹介するのは最近リリースされたクリエイティブなHTML+CSSのテンプレート「25 Fresh and Professional CSS and HTML Templates」です。


25 Fresh and Professional CSS and HTML Templates

様々なテンプレートがまとめられています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:52  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年01月04日

WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」

様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。


CSS Image Maps: A Beginner’s Guide | Noobcube

マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:03  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年12月26日

WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」

インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。


Modern Web UI Set

様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2013年05月08日

しわのある素材感を表現できるテクスチャセット「26 Appealing Tissue Texture for your Creased-Looking Designs」

布や紙などにできるしわ感は、素材の状態によってさまざまな表情を作り出します。今回はそんなしわのある素材感を手軽に表現できるテクスチャセット「26 Appealing Tissue Texture for your Creased-Looking Designs」を紹介したいと思います。


Tissue paper texture by ~MapleRose-stock on deviantART

シンプルな布素材や、素材自体に加工や手が加えられるものを題材に使用したテクスチャ素材が26種収録されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:36  |  
Category: Design   
2010年04月26日

クリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」

さまざまな種類のフォントが日々リリースされていますが、。今回紹介するのはクリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」というエントリー。

freefont40_01

全部で40のフォントがまとめられていましたが、その中からシンプルで使いやすいタイプのフォントを中心にいくつピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: Design , Font   
tag: Design Font
2011年04月29日

さまざまな蝶を表現できるphotoshopブラシまとめ「A Collection of Free Butterfly Photoshop Brushes」

やっと春らしさを感じるようになってきて、デザイン上でも春らしい華やかさを表現する場面が増えているのではないでしょうか?女性らしさや華やかさを表現する際に良く用いられる「蝶」ですが、実際に描こうとすると多くの時間と手間が必要になり、デザイン制作に時間かかってしまいます。そこで今回は、手軽に利用できる蝶のphotoshopブラシをまとめた「A Collection of Free Butterfly Photoshop Brushes」を紹介したいと思います。


.:Butterfly Brushes:. EDIT by ~SaharaKnoblauch on deviantART

実写に近いブラシから美しい線画のブラシまで、こだわりのブラシが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:57  |  
Category: Design , Photoshop   
2009年01月25日

グラフィカルな紋章のフリーphotoshopブラシ「Destroyed Heraldry」

グラフィカルな表現というのは難しく、技ももちろんありますが、感性も非常に重要になってきます。今日紹介する「Destroyed Heraldry」はクオリティの高いグラフィカルな紋章をイメージしたphotoshopブラシを集めたフリーブラシセットです。

全部で10のブラシが収録されていて、解像度も高く2500px以上の高解像度で収録されています。今日は収録されているブラシのなかからいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」

思い通りのイラストやデザインを作成できるllustratorですが、操作性が難しく、十分に活用できていないとお悩みの方も多いのではないでしょうか?そこで今回紹介するのは、洗練されたベクター画像を簡単に作成できるブラシをまとめた「50 Beautiful Free Adobe Illustrator Vector Brushes」です。


30 Illustrator Pattern Brushes for Making Flowers and Circular Designs | BittBox

テイストの異なるラインブラシから、モチーフとして利用できるブラシまで、様々なブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年11月27日

水しぶきを表現できるブラシ「Water Effects Photoshop Brushes」

photoshopでの表現力の幅を格段に広げることができるブラシ、実際に愛用されている方も多いのではないかと思います。そんな中今回紹介するのは、水しぶきをリアルに表現することができる「Water Effects Photoshop Brushes」です。

water01

水の動きをリアルに表現したブラシがいくつかラインナップされています。自然でクリアなイメージを表現する際に重宝しそうです。

詳しくは以下

(さらに…)

続きを読む
posted 11:21  |  
Category: Design , Photoshop   
tag: 
2014年12月23日

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

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

plaster2

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

詳しくは以下

(さらに…)

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

幻想的な雰囲気を演出できる 雪&雨のテクスチャ「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」

空から振る雨や雪は、時に幻想的な雰囲気を感じさせてくれるもの。そんな中今回紹介するのは、雪&雨のテクスチャを多数集めた「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」です。


rain texture by *orbitingasupernova on deviantART

見ているだけで吸い込まれていきそうな、しんしんと降り注ぐ雪と雨の様子が、多彩なテクスチャとなって紹介されています。中でも気になったものをピックアップしました。下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2009年08月12日

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

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

304-37signals_icons

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

詳しくは以下

(さらに…)

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

カメラにまつわるピクセルアート配布サイト「The Camera Collection」

様々なカメラが開発され、世界中で利用されていますが、今日紹介するのは本体、レンズ、フラッシュなどカメラにまつわるピクセルアートを素材として配布するサイト「The Camera Collection」です。

上記のように二眼レフ、トイカメラ、ポラロイドカメラ、一眼レフなど多種多様なピクセルアートが登録されています。単純な作りですが特徴はきちんと抑えられていて、どの機種なのか分かるようになっています。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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