TAGS: Web | レイアウト | デザイン | チュートリアル | PSD | Photoshop

PhotoshopでいろんなWebサイトの レイアウト デザイン の作り方を解説しているチュートリアル集。


Webサイトを作成する際、
1)Webサイトのレイアウトを決める
2)Photoshopなどのソフトウェアでデザインする
3)PhotoshopのPSDファイルをHTML/CSS化する
などの手順があります。

その中のステップ2)は慣れていない方には特に難しいと言えるでしょう。

この記事は、Webサイトのレイアウト・デザインに関するチュートリアル集で、Photoshopを使っていろんなWebサイトのデザインの作り方について一からわかりやすく解説しています。

リンク先の記事は英語だが、画像などを使って解説しているため、ある程度の英語がわかれば、わかりやすいと思います。ぜひ、役に立っててください。

Design Lab TV Styled Layout


GreenPress WordPress Theme Design


Design Studio Layout


Website Gallery Layout Design


Tutorial Site Blog Design


その他もいろいろスタイルのサイトデザインのチュートリアルがあります、詳細は原文まで。

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。