TOP  >  Design , Photoshop , WebDesign  >  PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」
2010年09月06日

PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」

WEBデザインを制作される際に、photoshopを利用してデザインを制作するという方も多いと思いますが、今回紹介するのは成果物のPSDファイルとチュートリアルがセットになったエントリーをまとめた、PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」です。


Clean Web Layout with the 960 Grid

チュートリアルだけではどうしても分かりにくかった部分が,完成後のPSDも併せてみることで、作り方や構造を直接学ぶことができます。今日は紹介されているものの中からいくつか気になったモノをピックアップして紹介したいと思います。

詳しくは以下

Stylish Blog Design Layout
スタイリッシュなブログを作るデザインチュートリアル


 
 
 
 
 
Professional Portfolio Web Layout
洗練されたポートフォリをのWEBデザイン。細かなステップに分けて解説してくれています。

psui_06
 
 
 
 
 
Apple Style Layout
そのままではなくて、AppleライクなWEBデザインレイアウト。

psui_14
 
 
上記の他にも様々なレイアウトが紹介されています。psdファイルがダウンロードできるのも非常にありがたいのですが、チュートリアルも細かく解説されていて、WEBの表現の勉強になります。実際のファイルを触って確かめられるので、しっかりと学ぶことができると思います。WEBの表現をさらに磨きたい人は是非どうぞ。

Modern UI and Layout Tutorials for Photoshop

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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