TOP  >  WEBデザイン

Tag : WEBデザイン

2012年01月14日

photoshopで利用できる乗り物ブラシを「170 transportation-themed Photoshop brushes」

乗り物の代名詞的な車。全世界の多くの人が利用しており、交通の要と言っても良い存在ですが、今日紹介するのはphotoshopで利用できる乗り物ブラシを「170 transportation-themed Photoshop brushes」です。


Transportation Brushes

リアルなモチーフからピクトグラムのような物、軍用車などなど様々な車のphotoshopブラシが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しく以下

Harley Davidson Brushes (20 brushes)
ハレーダビッドソンのエンジンからロゴまで様々なものをフォトショップブラシ。


 
 
 
 
 
Cars Brushes
シンプルな車のシルエットのフォトショップブラシ。


 
 
 
 
 
Transport Car Brushes
レトロな車体をラフスケッチのフォトショップブラシ。

上記の他にも様々なブラシが公開されています。デザインのテイストによって使える、使えないもでてくるものですが、想像していたイメージにハマれば、使えるphotoshopブラシだと思います。

170 transportation-themed Photoshop brushes

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

最近リリースされたフリーアイコンセット50選「50 (Really FRESH) High Quality and Free Icon Sets」

WEB制作において、非常に便利な素材の一つアイコン。直感的に意味を示してくれる指標になったり、作りこまれたアイコンはそれだけでデザインのクオリティをアップさせてくれたりします。今日紹介するのは最近リリースされたフリーアイコンセット50セットまとめたエントリー「50 (Really FRESH) High Quality and Free Icon Sets」です。


3D Glossy Icon Set: 20 Free Icons

シンプルなものから、立体的なもの、一点物などなど様々なアイコンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:51  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2011年12月31日

HTML5を使うためのチートシート「HTML5 Cheat Sheets」

今年一年で多くの話題を振りまいたHTML5。今年から覚えてみよう、活用してみようという方も多いと思います。今日紹介するのは、HTML5を使うためのチートシート「HTML5 Cheat Sheets」です。


HTML5 Tags Cheat Sheet

HTML5のタグ、イベントの定義にあわせて、それを処理するイベントハンドラ属性の一覧、HTML5がサポートされているブラウザが一目で分かるシートと3枚セットになったチートシートです。

詳しくは以下

(さらに…)

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

2012年度のWEBのトレンドは?「Web Design Trends in 2012」

毎年、数多くのWEBデザインが生み出され、消費され続けていて、不思議と毎年、その年ごとに、流行りみたいなものがあり、多く見かける、今風のWEBというのが生み出されますが、今回紹介するのは2012年度のWEBサイトのトレンドになるかもしれないポイントをまとめた「Web Design Trends in 2012」です。


1. Responsive Web Design

全部で10個のポイントがそれぞれまとめられています。あくまで予想、そして海外のものなので、どこまで国内に当てはまるかはわかりませんが、今日はその中から幾つか気になったトレンドを紹介したいと思います。

詳しくは以下

(さらに…)

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

2011年の中から選ばれた開発者のためのWEB開発リソース50選

2011年も多くのWEB開発のためのリソースが公開され、開発者を助けてくれました。今回紹介するのは2011年に公開された中から選ばれた開発者のためのWEB開発リソース50個、紹介する「Our 50 Favorite Web Developers Resources and Tools from 2011」です。


Less Framework 4

CSSのフレームワークから、便利なjsライブラリ、オンラインツールなどなど、それぞれのジャンルで選びぬかれた50ものリソースがまとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

ユーザーインターフェースを作るのに便利なpsd素材まとめ「Best Free UI PSDs of 2011」

WEBを制作をする際にphotoshopを利用しているというクリエイターも多いと思います。今日紹介するのは、WEB生徒のインターフェースをつくるのに便利なpsd素材を集めたエントリー「Best Free UI PSDs of 2011」
を紹介したいと思います。


Classic Grey Psd Web UI Set

グローバルナビからラベル、ボタンなどなど、様々なインターフェースのための素材がまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2010年05月26日

CSSで創るボタンが簡単に生成できるボタンマーカー「Button Maker」

画像で作るボタンと違いCSSで作るボタンはデザインの殆どが数値やパラメーターで制御でき、画像で作るボタンにくらべて表現の幅に多少の制約はでるものの、後からの修正などを考えると非常に使い勝手も良いのですが、一つのボタンをつくるのにもそれなりのコードを書かないとクオリティの高いCSSボタンはできません。そこで今回紹介するのは簡単にCSSのボタンを生成してくれるボタンマーカー「Button Maker」です。

btmarker01

ボタンのデザインの制御はバーをいじることで簡単に反映され、上からボタンのpadding、ボタン自体の大きさ、角丸の大きさに分かれていて、グラデーションやベースの色、テキストのカラーもカラーピッカーで簡単にそれぞれの色別に直感的に操作ができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:56  |  
Category: WebDesign   
2009年05月06日

jQueryで作ったWEBデザインショーケース「jQuery Style 」

最近Designdevelopでは「フォームデザインを完成させるjQuery plugin「jqtransform」」や「JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」」といったjQueryの話題を多数取り上げていますが、今日紹介する「jQuery Style 」は様々な機能使えるjQueryを使ってどんなサイトが作れるのか、どう使えば良いのか、jQueryを使っているサイトをまとめた「jQuery Style」です。

jquerystyle01

単体での機能が素晴らしくても上手く使わないと最大の効果は得られません。「jQuery Style」ではデザインショーケース的にWEBが紹介され、さらに使っている技術を分かりやすくアイコンで記しています。

詳しくは以下

(さらに…)

続きを読む
posted 12:25  |  
Category: WebDesign   
2014年12月20日

シンプル・ベーシックなデザインに最適なフリーフォント「15 Free Minimalistic Designs Fonts」

フリーフォントは非常に便利な素材ですが、たくさんある種類の中から、目的のものを見つけ出すのはなかなか大変なもの。そんな中今回は、シンプル・ベーシックなデザインに最適なフリーフォントをまとめた「15 Free Minimalistic Designs Fonts」を紹介したいと思います。

ofnt1220_1
Fox & Cat Typeface on Behance

ミニマルテイストなデザインフォントが15種厳選され紹介されています。気に入ったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:35  |  
Category: Font   
2017年07月16日

名刺からパッケージまで幅広くまとめられたテンプレートコレクション「12 Free Business Cards, Resumes, Corporate Identity Packages」

名刺、ロゴ、ブランドイメージ、広告など企業が必要とするデザインは多くあります。その全てを一からクリエイトしていくことはなかなか大変なこと。そんなときにあると便利なまとめ「12 Free Business Cards, Resumes, Corporate Identity Packages」をご紹介していきたいと思います。

businesscards_top
Free Envelope PSD Mockup + Letterhead Mockup | ZippyPixels

名刺やパッケージのテンプレートから新聞広告のモックアップまで、幅広く収録されている中からいくつかピックアップしているのでぜひご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年09月10日

商用可!5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」

様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。

shiruetto01

全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:00  |  
Category: Design , vector   
tag: Design vector
2014年06月23日

是非ブックマークしておきたい フリーストックフォトサイトまとめ「Awesome Stock Images for FREE !! Even for Commercial use」

デザイン制作をする際によく利用する写真は、自身で撮影したものだけではイメージ素材として足りないことも多く、ストックフォトサイトを活用する場合が多いと思います。今回はそんなストックフォトサイトをまとめた「Awesome Stock Images for FREE !! Even for Commercial use」を紹介したいと思います。

stock1
Free Refe Mobile Photos

是非ブックマークしておきたい、フリーで利用できるストックフォトサイトがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:04  |  
Category: Design   
2012年05月12日

CSS3で実現するテクニック集「15 Thorough & New CSS3 Tutorials」

まだまだ現場レベルではブラウザの問題もあり、なかなかフルでは利用できないCSS3ですが、スマートフォンを中心に徐々に利用されてきています。今日紹介するのはCSS3で実現するテクニック集「15 Thorough & New CSS3 Tutorials」。


Orman Clark’s Vertical Navigation Menu: The CSS3 Version

メニューからプレイヤーなど様々なWEB上で利用できるチュートリアルが公開されています。今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:18  |  
Category: WebDesign   
2008年08月13日

様々なイラストレーターのテクニックや素材を紹介する「イラレラボ」

Designdevelopではデザインに役立つTipsを公開してきましたが、今回紹介する「イラレラボ illustrator-labo」はイラストレーターに特化してTipsや素材などを紹介配布されているサイトです。

前回紹介した「日本の伝統色をデザインに!グラフィックスタイルライブラリ「Japanese Traditional 24」」もそのイラレラボさんが配布されている素材の一つです。様々なTipsや素材が公開されていますが、今日はその中から気になるエントリーを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:51  |  
Category: Design , vector   
2015年11月21日

いろいろなテーマが揃う 多彩なフリーベクターアイコンセットまとめ「1000+ Free Vector Icons」

つねに最新のものをチェックしておきたいフリー素材の一つ・アイコン。日々いろいろなタイプのものが発表され続けています。そんな中今回紹介するのは、多彩なフリーベクターアイコンセットまとめ「1000+ Free Vector Icons」です。

icon1120_0
[ Free Download ] 40 Monoflat icons collection on Behance

非常に個性的なテーマから定番まで、ベクター形式で作られたアイコンセットが多数紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年10月21日

ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」

ロゴやバッジなどを制作する際にとても便利なフリーテンプレート素材は多数配布されていますが、たくさんの中からどれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい、ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」を紹介したいと思います。

vintagefree1021_2
Freebie: 5 Vector Insignias | Every-Tuesday

アンティークな雰囲気を感じることができるロゴテンプレート、いろいろな種類がセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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