2009 Web Design Trends and How-To’s
Outlaw Design Blogにあった「 2009 Web Design Trends and How-To’s」です。
Smashing Magazine掲載の2009ウェブデザイントレンドにチュートリアルが追加紹介されています。
Letterpress
今まであまり使われなかった物珍しさから流行っているようですが、たまに目にするからこそポイントになりますね。
Photoshop Tutorial: The Letterpress Effect
Easily achieve the trendy LetterPress effect with Photoshop
Ps Letterpress emboss text effect
Create Your Own Letterpress, Inset, Debossed Text
Photoshop CS3+ Letterpress Tutorial
Create a Sleek Pressed Letter Design
Rich User Interfaces
ユーザインタフェースは、近年ますます美しくより使いやすくなっていますが、
AJAX や Flashを使うことでさらに一歩進んだものになるのは間違いありません。
jQuery Plugin: Tokenizing Autocomplete Text Entry
Ajax Tooltip with JQuery
A fancy Apple.com-style search suggestion
Interactive Map with jQuery
jQuery checkbox and Radio button
PNG transparency
IE6でサポートされないのですが、透過PNGの人気は高まってますね。
Transparent Glass Lettering in Photoshop
Add Transparent Type To An Image
Transparent Desktop
How to make a Diamond in photoshop.
How to Use Depth of Field to Create Portraits with Blown-Out Backgrounds
HUGE Typography
画像としてでなく、大きなテキストで表現するサイトもちらほら目にするようになりました。
SEO的にも良さそうですし、これからもこの傾向は強まるかもしれませんね。
Create a Trendy Typographic Poster Design
How to Create High Quality Metal 3D Text in Photoshop
Logo Design Project Step by Step Walkthrough
Creating a Typographic Wallpaper
Typography Wallpaper in Photoshop
Font Replacement
フォントのちょっとした違いだけで印象がグッと変わるものです。
How To Use Any Font You Wish With FLIR
Fixing Fancy Font Frustrations
Embedding Fonts
Use a custom font on your website
Use Any Font on Your WordPress Blog with AnyFont WordPress Plugin
Modal Boxes (Lightboxes)
ポップアップ第二世代と呼んでますがまさしくそうですね。
Lightbox Tutorial
Lightbox Gone Wild
Building a Lightbox with jQuery
Create a Photo Admin Site Using PHP and jQuery
Media Blocks
「ユーザはただふんぞり返ってショウを楽しんでいます」って笑いました。
でも納得。
Adding Movies to Your Web Page
Playing Videos on a Web Site
Embedding Windows Media and QuickTime Video on a Web Page
Putting Video on Your Web Site: The Basics
How to put video on your web site
The Magazine Look
見やすいレイアウトは好感度をあげます。
また、安定感のあるレイアウトは、信頼感を増す傾向にあるといわれます。
無難ではありますが、間違いないのは確かですね。
Magazine-style layouts
Creating A Professional Magazine Web Layout
Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework
Build a Newspaper Theme With WP_Query and the 960 CSS Framework
Grid-Based Design: Six Creative Column Techniques
Carousels (Slideshows)
場所をとらないのがいいですね。
How to Use noobSlide
Installing a Accessible News Slider
Getting Started with SmoothGallery
Installing jCarousel
Creating a Carousel Slideshow
Smashing Magazine掲載の2009ウェブデザイントレンドにチュートリアルが追加紹介されています。
Letterpress
今まであまり使われなかった物珍しさから流行っているようですが、たまに目にするからこそポイントになりますね。
Photoshop Tutorial: The Letterpress Effect
Easily achieve the trendy LetterPress effect with Photoshop
Ps Letterpress emboss text effect
Create Your Own Letterpress, Inset, Debossed Text
Photoshop CS3+ Letterpress Tutorial
Create a Sleek Pressed Letter Design
Rich User Interfaces
ユーザインタフェースは、近年ますます美しくより使いやすくなっていますが、
AJAX や Flashを使うことでさらに一歩進んだものになるのは間違いありません。
jQuery Plugin: Tokenizing Autocomplete Text Entry
Ajax Tooltip with JQuery
A fancy Apple.com-style search suggestion
Interactive Map with jQuery
jQuery checkbox and Radio button
PNG transparency
IE6でサポートされないのですが、透過PNGの人気は高まってますね。
Transparent Glass Lettering in Photoshop
Add Transparent Type To An Image
Transparent Desktop
How to make a Diamond in photoshop.
How to Use Depth of Field to Create Portraits with Blown-Out Backgrounds
HUGE Typography
画像としてでなく、大きなテキストで表現するサイトもちらほら目にするようになりました。
SEO的にも良さそうですし、これからもこの傾向は強まるかもしれませんね。
Create a Trendy Typographic Poster Design
How to Create High Quality Metal 3D Text in Photoshop
Logo Design Project Step by Step Walkthrough
Creating a Typographic Wallpaper
Typography Wallpaper in Photoshop
Font Replacement
フォントのちょっとした違いだけで印象がグッと変わるものです。
How To Use Any Font You Wish With FLIR
Fixing Fancy Font Frustrations
Embedding Fonts
Use a custom font on your website
Use Any Font on Your WordPress Blog with AnyFont WordPress Plugin
Modal Boxes (Lightboxes)
ポップアップ第二世代と呼んでますがまさしくそうですね。
Lightbox Tutorial
Lightbox Gone Wild
Building a Lightbox with jQuery
Create a Photo Admin Site Using PHP and jQuery
Media Blocks
「ユーザはただふんぞり返ってショウを楽しんでいます」って笑いました。
でも納得。
Adding Movies to Your Web Page
Playing Videos on a Web Site
Embedding Windows Media and QuickTime Video on a Web Page
Putting Video on Your Web Site: The Basics
How to put video on your web site
The Magazine Look
見やすいレイアウトは好感度をあげます。
また、安定感のあるレイアウトは、信頼感を増す傾向にあるといわれます。
無難ではありますが、間違いないのは確かですね。
Magazine-style layouts
Creating A Professional Magazine Web Layout
Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework
Build a Newspaper Theme With WP_Query and the 960 CSS Framework
Grid-Based Design: Six Creative Column Techniques
Carousels (Slideshows)
場所をとらないのがいいですね。
How to Use noobSlide
Installing a Accessible News Slider
Getting Started with SmoothGallery
Installing jCarousel
Creating a Carousel Slideshow
About this entry
You’re currently reading “2009 Web Design Trends and How-To’s,” an entry on Design Tips | 有限会社インスピレーション
- Published:
- 7.10.09 / 11am
- Category:
- Web
- Tags:
Comments are closed
Comments are currently closed on this entry.