TOP  >  タイポグラフィー

Tag : タイポグラフィー

2017年09月04日

Photoshopでユニークなテキストエフェクトを作成するための最新チュートリアルまとめ「20 Best Photoshop Text Effects Tutorials」

デザインの良し悪しを左右する要素として大きな役割をもつタイポグラフィ。シンプルに配置するのも良いですが、時にはフォント自体にデザインを施してみると、新しいデザインに出会えるかもしれません。今回はそんなときに役に立つ、Photoshopチュートリアルまとめ「20 Best Photoshop Text Effects Tutorials」を紹介したいと思います。

floral-text-effect_top
How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

さまざまな種類の、Photoshopで作成できるテキストエフェクトがまとめられています。気になるものをいくつかピックアップ致しましたので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年02月07日

ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」

タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。

uiparet01
Flex Stencil Kit

様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:50  |  
Category: Photoshop , WebDesign   
2015年11月23日

デザイン性・使いやすさが考慮されたフォームデザインサンプル「20 Awesome Form Designs Visitors Want To Fill Out」

サイトのコンテンツとして必要な場合が多いコンタクトフォームなどの送信ページ。シンプルに構成されていることが多いですが、時にはデザイン性を重視したり、より使いやすさが求められる場合もあるのではないでしょうか?今回はそんな時に参考にしたいフォームデザインサンプル「20 Awesome Form Designs Visitors Want To Fill Out」を紹介したいと思います。

form1123_1
Dobidos, sanitari salvaspazio con bidet incorportato | Contatti.

デザイン性・使いやすさが考慮された、いろいろなタイプのフォームデザインがまとめられています。

詳しくは以下

(続きを読む…)

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

SF・テクノ感のあるデザインフォント44種「44 Free Sci-Fi & Techno Fonts For Creative Designer」

映画のジャンルの中でも人気の高いSF。スリル満点の演出は、観る人をその映画の世界観に引きこんでくれます。今回紹介するのは、そんなSFイメージをデザインする際にぴったりなデザインフォント「44 Free Sci-Fi & Techno Fonts For Creative Designer」です。

tecno1
CF Spaceship font by CloutierFontes – FontSpace

SF、そしてテクノ感のある雰囲気を表現できるフォントが44種まとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:05  |  
Category: Font   
2008年04月02日

PDFファイルのフォント埋め込みチェッカー「PDFフォント○×チェッカー」

仕事上でのファイルのやりとりでPDFはほぼスタンダードな形式になってきました。データサイズも調整でき、フォントも埋め込めるためメールなどで送信するにはとても使い勝手が良いです。ただフォントの統制がとれていないと先方で文字化けしてなんだかわからなくなるなんて事もたまにあります。

そこで今回紹介するのはPDFファイルにフォントがすべて埋め込まれているかを調査するオンラインサービス「PDFフォント○×チェッカー」です。PDFをアップロードするだけで、フォントが埋め込まれているか否かを単純明快に判定してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:52  |  
Category: WebService   
2007年11月30日

CSSで作るシンプルな階層メニュー「Cross browser flyout menu」

階層式のメニューは直感的に操作でき、どこに何があるか明確なため、ユーザーにとっても分かりやすくユーザビリティに優れたメニューだと思います。今回紹介する「Cross browser flyout menu」はシンプルでクールなCSS階層メニューのサンプルを公開しています。

CSSで階層メニュー

上記は公開されているメニューの一つで画像を使用したタイプの階層メニューです。「CSS only fly-out menus」の下部からCSSのサンプルと使用画像をダウンロードできるようになっています。

更にもう一つのメニュー

(続きを読む…)

続きを読む
posted 02:06  |  
Category: WebDesign   
tag: webdesign
2012年04月26日

カラフルポップな雰囲気を演出できるレインボーパターンまとめ「A Collection of 90+ Vibrant Rainbow Colored Patterns」

明るく楽しげな雰囲気を演出するのに最適なレインボーカラーは、カラフルな配色を利用してさまざまなデザインに利用されています。そんな中今回紹介するのが、カラフルポップな雰囲気を演出できるレインボーパターンをまとめた「A Collection of 90+ Vibrant Rainbow Colored Patterns」です。


Stripidy Patterns by ~danionimvu on deviantART

さまざま種類のレインボーカラーをテーマにしたパターンが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:29  |  
Category: Design   
2009年03月05日

ベクターデータ集まとめエントリー「25 Best Sites to Download Free Vector Files」

グラフィック制作にとても便利なベクターデータ。今までDesigndevelopでは数々のベクターデータ関連の情報を紹介してきましたが、今日紹介するのはベクターデータをまとめて配信しているベクターデータ集サイトとも言えるサイトをまとめたエントリー「25 Best Sites to Download Free Vector Files」です。

vectorvector01
123Vectors

今日はその中から今までDesigndevelopで紹介していないベクターデータサイトをいくつピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:54  |  
Category: Design , vector   
tag: 
2017年02月12日

ダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」

WEBサイトにおいて、探すインターフェイスは非常に重要で、初めて見るサイト・使い慣れたサイトでもともによく利用するものとなりますが、今回紹介するのはダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」です。

SearchUIEffects_01

WEBサイトで利用できる様々なユーザーインターフェイスが全部で11まとめられています。全画面でダイナミックにアニメーションするものから。検索コマンドのように事例を見せるユニークなタイプのものまでがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:57  |  
Category: WebService   
2015年03月01日

豊富なバリエーションを揃えた背景パターンチュートリアル集「Pattern Tutorials: 25 Background Pattern Design Tutorials & Free Patterns」

背景に利用することでデザインをより魅力的に見せてくれる効果を発揮するパターン素材。すでに用意されているものを使用するのも良いのですが、時には自身で作成したものでデザインを完成させたい時もあるのではないでしょうか?今回はそんな時に参考にしたい背景パターンチュートリアル集「Pattern Tutorials: 25 Background Pattern Design Tutorials & Free Patterns」を紹介したいと思います。

pattern1
Create a Wallpaper with Vector Geometric Blurred Shapes in Illustrator and Photoshop

豊富なバリエーションを揃えたチュートリアル集で、ソフトのいろいろな技術等も参考にすることができそうです。

詳しくは以下

(続きを読む…)

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

フリーで利用出来る質の高いwordpressテーマ2010年7月版「10 Beautiful WordPress Themes Of July 2010 For Free Download」

非常に高機能で、拡張性も高いオープンソースで提供されているCMS、Wordpress。それだけに人気も高く、国内外のWEBサイトで利用されています。今日紹介するのはフリーで利用出来る質の高いwordpressのテーマを集めたエントリー「10 Beautiful WordPress Themes Of July 2010 For Free Download」です。


Theme Magaling

キレイでシンプルなものを中心に全部で10のフリーテーマがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:49  |  
Category: WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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