TOP  >  webdesign

Tag : webdesign

2010年08月08日

選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」

次世代の規格として注目されているCSS3。新しいブラウザではすでに対応していて、すでに利用しているという方もいらっしゃると思いますが、今回紹介するのは様々なCSS3ならではの処理を簡単に実現できるCSS3ジェネレーター「CSS3 Generator」です。

上記のようにものすごくシンプルなインターフェイスとなっていて、まずはCSS3で行ないたいデザイン処理を選びます。シャドウ、テキストシャドウ、線の外側に線など様々なデザイン処理が準備されています。

詳しくは以下

(さらに…)

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

クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」

現状WEBサイトのほとんどは、CSSとXHTMLを利用して制作されています。今日紹介するのは現状主流のXHTMLとCSSを使って創られたクオリティの高いテンプレートをまとめたエントリー「40 High Quality CSS and XHTML Web Layout Templates」です。


Mondays

コーポレートサイト、ブログ風レイアウト、WEBマガジン風のレイアウトなどなど、様々なジャンルのテンプレートが全部で40集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

ソース付きCSS3で作るボタン「10 Awesome CSS3 Buttons to use on your website」

次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集「10 Awesome CSS3 Buttons to use on your website」を紹介したいと思います。

グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:43  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年07月25日

クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」

WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリー「40 Professional and Detailed Web Layout PSD Templates」です。


Free Professional PSD Template: BlueMasters – Smashing Magazine

様々なテイストのpsdファイルがまとめられていますが、今日はその中から気になったテンプレートをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

CSSで作るナビゲーションとボタンのコーディングチュートリアル55「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」

WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。

bulletproof-sliding-doors-css-menu-button-tutorials
Bulletproof CSS Sliding Doors

スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

クオリティの高い黒のwordpressテーマ集「20 High Quality Black Color WordPress Themes For Free Download」

世界中で利用されているオープンソースのCMS、Wordpress、高いカスタマイズ性と柔軟な使い方と豊富なデザインテンプレートが売りですが、今回紹介するのはクオリティの高い、黒のwordpressのデザインテーマ集「20 High Quality Black Color WordPress Themes For Free Download」を紹介したいと思います。

brave-zeenat-e1275632679615
Brave Zeenat – View Demo
Download Theme

洗練されたイメージを作ってくれる黒を貴重としたwordpress用のテーマが多々あつめられています。今回はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2014年08月09日

目的の色を見つけ出せる カラーパレットジェネレーターまとめ「12 Best Color Palette Generator」

webサイトやアプリなどをデザインする際にはいろいろなカラーを使用しますが、色味にバリエーションをつけたり、気になっている色をどう表現する際にはカラージェネレーターがあるととても便利です。そんな中今回は、目的の色を見つけ出せる、カラーパレットジェネレーターまとめ「12 Best Color Palette Generator」を紹介したいと思います。

color1
Color Palette Generator – Colllor

使い勝手の良い、12種のカラーパレットジェネレーターが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:23  |  
Category: Design   
2012年01月05日

アプリインターフェイスに活用したい on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」

日々進化するスマートフォン・タブレット等のアプリケーション。時代が移り変わると共に、デザイン性もどんどんと変化しつつあり、流行を取り入れたインターフェイス設計が非常に重要視されます。今回はそんなシーンに活用したい、on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」です。


Dribbble – Drill: On by Mohanad Yajouri

リアルなスイッチが多数まとめられており、デザインのクオリティを高めることができそうです。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: Design   
2012年01月08日

新しいクリエティブなフリーフォント10「10 Fresh Free Fonts」

デザイン制作をする上で、重要な要素の一つ、フォント選び。選ぶフォントによって、デザインが大きく左右され、その影響力は非常に大きなものです。今日紹介するのは、比較的発表されてからまもなく、クリエイティブなフォントを集めたエントリー「10 Fresh Free Fonts」を紹介したいと思います。


Lavanderia

正統派でシンプルというよりも、タイポ中心のデザインでも充分通用するようなクリエイティブなフォントが集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:53  |  
Category: Design , Font   
2017年07月28日

クリエイティブなデザインで個性をアピールすることができる履歴書シート「21 Fresh Free Professional CV / Resume Templates」

履歴書は自分をアピールするための武器のひとつ。日本ではフォーマット化されたもの以外で作成されることは少ないですが、業界によっては型にはまらないデザインでみせた方が良い場合もあるはず。そんな中今回紹介するのは、個性をアピールしたい方におすすめできる履歴書のまとめ「21 Fresh Free Professional CV / Resume Templates」をご紹介していきたいと思います。

free_resume_template_top
Free PSD : Creative and Elegant Resume Template PSD by PSD Freebies – Dribbble

モノクロでスタイリッシュなものから、ビビットカラーが映えるポップなデザインまで幅広くまとめられています。下記にいくつかピックアップしているので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2018年05月03日

レトロな雰囲気を盛り上げるヴィンテージなフォントまとめ「20 Free Vintage Fonts for Graphic Designers」

レトロやカントリー調などの昔懐かしい雰囲気のデザイン。写真だけでなく、使用するパーツやフォントのデザインにもこだわりたいものです。今回ご紹介するのは、そんなデザインをする際に役立つヴィンテージなフォントをまとめた「20 Free Vintage Fonts for Graphic Designers」です。

20-free-vintage-fonts-for-graphic-designers1
Free Vintage Fonts | Fonts | Graphic Design Junction

使うだけでそれっぽく仕上がる雰囲気のあるフォントが20種類紹介されています。その中から幾つかおすすめのフォントをピックアップしましたので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2014年08月02日

幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」

華やかさとデザイン性を与えてくれる幾何学模様は、特にフラットデザインが主流の最近のデザインシーンで多く見かけることが多くなってきています。そんな中今回は、幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」を紹介したいと思います。

polygon140802_0
Vector colorful background triangle Vector | Free Download

いろいろな表情の幾何学模様パターンとテクスチャがセットになってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

精巧な表現がクオリティに差を付ける!交通関係のPhotoshopブラシまとめ「35+ Cool Photoshop Transportation Brush Sets」

車やバイクなどの表現が難しい素材は、デザインを作り上げるのにとても時間がかかります。そんな中今回は、精巧な表現がクオリティに差を付ける、交通関係のPhotoshopブラシをまとめた「35+ Cool Photoshop Transportation Brush Sets」を紹介したいと思います。


Truck Brushes Set 4 by ~garystewart40 on deviantART

スポーツカーからレトロな車、バイクや帆船まで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design , Photoshop   
2008年09月21日

デザインで差をつけるWordPressテーマTOP12「Top 12 Stunning WordPress Themes」

今までWordpressのテーマについてはdesigndevelopでも「100+ クールで実用性の高いWordpressテーマ集「Free WordPress Themes」」や「企業用フリーWordpressテーマ「20 Free Corporate WordPress Themes」」と色々と紹介してきましたが、今回紹介する「Top 12 Stunning WordPress Themes」も使えるWordpressのテーマを集めたエントリーです。


Infinity

個性的なものからシンプルなものまで様々なWordpressのテーマがピックアップされていますが、どれもデザイン的に素晴らしかったのでその中から特に気になったテーマをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:02  |  
Category: WordPress   
2017年10月18日

癒されるキュートなデザインに 可愛らしく優しいタッチのサボテンのイラスト素材「Free Download: Cute Cactus Patterns and Elements For Designers」

観葉植物としても人気の高いサボテン。そのキュートなシルエットと育てやすさから、家に置いているという方も多いのでは。今回はそんなサボテン好きのあなたにおすすめしたい、キュートなイラスト素材をまとめた「Free Download: Cute Cactus Patterns and Elements For Designers」を紹介したいと思います。

cute-cactus-pattern1
Free Download: Cute Cactus Patterns and Elements For Designers | Designbeep

優しい丸みのあるタッチで描かれた可愛らしいサボテンのイラスト、パターンがセットになった高品質な素材です。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: vector   
2009年12月27日

ベストフリーテクスチャセット2009「The Best Free Texture Packs of 2009」

制作する上で雰囲気づくりに便利なテクスチャ。様々なテクスチャを今年、Designdevelopでも紹介してきましたが、今日紹介するのは海外のブログWDLが発表している2009年のベストテクスチャセットを集めたエントリー「The Best Free Texture Packs of 2009」です。

texture01
Grungy Textures by ~env1ro on deviantART

グランジ、ビンテージ、ウッドなどなど、テクスチャの種類毎に様々なタイプのテクスチャセットが公開されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:21  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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