前の記事 ≪：2009年3月16日 管理人のブックマーク
次の記事 ≫：JavaScriptでマウスポインタ位置に目玉がついてくるxEyeを実現する「eye.js...

チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル

2009年03月17日-はてなブックマーク

スポンサード リンク

[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法

150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog

 チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。
プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。
真似することでそれなりのものを作るのは難しくなさそうです。

 Create a Magic Night Themed Web Design from Scratch in Photoshop
マジックをイメージした、少し怪しげなレイアウト。占いとかのサイトによいのかも。

 作成の流れがあるのでアレンジに楽しめそうです。
How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds
シンプルだけど、テクニックが盛り込まれたレイアウトチュートリアル

 こういうところが凝ってますね。
Create a Vibrant Modern Blog Design in Photoshop
大きな画像を背景に映りこんだような綺麗なレイアウトの作成チュートリアル

 ここら辺がなかなか秀逸です。
Tutorial Site Blog Design
多段カラムの、凝ったレイアウト

 Website Gallery Layout Design
枠が影つきながら、背景色を分けたり、枠の横にキャプションを入れたりのテクニックが見られるレイアウト

 ここら辺が、簡単そうで、なかなか凝ってますね。
全部見る

 関連エントリ

●プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 
●プロレベルのPhotoshopチュートリアル集 
●凄くクオリティの高いプロレベルのIllustratorの3Dチュートリアル集40 
●プロレベルのサイト作成時に使える実用Photoshopチュートリアル集 
●サイトのレイアウト時に役立ちそうなレイアウトパターン集﹁12 Standard Screen Patterns﹂ 
●HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン 
●複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク﹁emastic﹂ 

関連の記事検索‥Photoshop, デザイン

スポンサード リンク

By.KJ : 2009年03月17日 07:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)