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   
このエントリーをはてなブックマークに追加

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

2012年03月12日

スタイリッシュなデザインが豊富な有料WordPressテーマまとめ「25 Sleek Blogfolio WordPress Themes」

ページの更新やカスタマイズの自由な操作性が人気のWordPressは、個人のブログやwebページにはもちろん、プロのデザインワークの中でも利用されている方が多いのではないでしょうか?そこで今回紹介するのが、機能性にすぐれた有料のWordPressテーマをまとめた「25 Sleek Blogfolio WordPress Themes」です。


ThemeMin

スタイリッシュなデザイン性はもちろん、iPhone・iPadへの最適化や、有料ならではのきめ細かい機能をもったテーマばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2013年09月29日

新しいユーザーインターフェイスを利用できる「10 Free UI Kits」

インターフェイスは日々進化しており、デザインの流行り廃りデバイスの進化などを含めて多様化そして変化してきています。今日紹介するのは、最近リリースされているユーザーインターフェイスをセットにして利用できるインターフェイスキットを集めたエントリー「10 Free UI Kits」です。

css_ui_kit_02
Pure

最近流行りのフラットデザインからスタンダードなものまで、様々なユーザーインターフェイスキットが紹介されていますが、いくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2017年07月29日

WEBデザイナーならチェックしておきたい活用できる最新素材まとめ「12 Freebies & Goodies For Web Designers」

Webデザインを行う際は、レスポンシブによる見栄えやUI設計への考慮など、さまざまな箇所に気を配らなくてはなりません。UIは日々進化しており、ユーザーが快適な使用ができるようにきちんと追いついていきたいもの。そんな方におすすめの、最新のUIキットなどがまとめられた「12 Freebies & Goodies For Web Designers」を今回は紹介します。

webdesignfreebies_topkeyboard

モックアップやWordPressのテンプレート、フォントなどがまとめられています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年12月17日

xmasデザインに活用したいフリー素材まとめ「Free Christmas Design Resources」

もうすぐクリスマス。クリスマスをイメージさせるデザインツールやアイテムを取り入れることでもっと盛り上がる一日になるはず。今回はそんな時に活用したい、xmasデザインに活用したいフリー素材まとめ「Free Christmas Design Resources」を紹介したいと思います。

xmas1218_1
Here comes santa, card Vector | Free Download

クリスマスをテーマにした可愛らしいテイストを中心としたデザインフリー素材がピックアップされまとめられています。

詳しくは以下

(さらに…)

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

WordPress2.7に対応したハイクオリティなテーマ集「 15 High Quality Free Premium WordPress 2.7 Themes」

国内外で人気のCMS、wordpress最近バージョン2.7がリリースされ、2.7に切り替えたかたも多いかと思います。今日紹介するのはwordpress2.7に対応したハイクオリティなフリーThemeを集めたエントリー「 15 High Quality Free Premium WordPress 2.7 Themes」を紹介したいと思います。


Typebased

全部で15個のフリーテーマが紹介されていますが、今日はその中から気になったテーマをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:59  |  
Category: WebDesign , WordPress   
2011年09月12日

夜空を彩る月と星のPhotoshopブラシ集「A Collection of Moon and Stars Photoshop Brushes」

写真や画像上にさまざまなモチーフが手軽に合成できるPhotoshopブラシは、たくさんチェックしておきたいもの。そんな中今回紹介するのが、さまざまな月と星を再現できるPhotoshopブラシを集めた「A Collection of Moon and Stars Photoshop Brushes」です。


Moon and Stars photoshop brush by ~seiyastock on deviantART

イラストタッチの月・星を描くことができるブラシから、リアルな表情を再現したものまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:45  |  
Category: Design , Photoshop   
tag: 
2017年10月30日

デベロッパーであれば知識として取り入れておきたいCSSで作るVR「CSSVR: Progressive VR experiences」

他の世界に入り込むような没頭感を味わうことができるVR。気軽にデモを作成ができたらと、デベロッパーであれば1度は感じたことがあるかもしれません。そんな中今回紹介するのは、CSSで作るVR「CSSVR: Progressive VR experiences」です。

css-vr-skybox-demo

VRの複雑な動きをどう再現していくのか、その再現率の高さはどうれくらいなのか。デベロッパーであれば気になるところ。下記にデモを載せているのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript   
2016年04月16日

レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」

解像度が多様化してきてWEB制作の一つの主流となっているレスポンシブデザイン。多くの場合解像度によって画像を出し分けたり、フォントサイズを可変したりと解像度ごとの処理をしていると思います。今日紹介するのはそんなレスポンシブデザインの精度をより高める、レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」です。

OfficeIcons_800x600

こちらのアイコンは16px、30px、40px、80pxと4段階で制作されており、さらに素晴らしいのが、単純に大きさを変えているだけでは無くて、大きさによって作りこみ度合いを変え視認性を確保しています。

詳しくは以下

(さらに…)

続きを読む
posted 01:14  |  
Category: WebService   
2014年05月01日

いろいろなデザインに使用できる 多彩な種類の素材をまとめた「50 fantastic freebies for web designers, May 2014」

デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。

free0501_1
Purple UI Kit Flat Responsive web template by w3layouts

フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:26  |  
Category: Design   
2015年06月23日

iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」

Appleの最新機種・iPhone6。すでに多くの人達が使用しており、ビジュアル的なイメージ作成が必要になってくるシーンも時にはあるのではないでしょうか?そんな中今回紹介するのは、iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」です。

iphone6mock

iPhone6を手に持って使用するシーンのイメージが24種、フリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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