Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ

ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。

Create a One-Page Retro Web Design Layout
1ページで構成されたレトロ風デザインのレイアウト。

Create an Administrator Dashboard Interface
CS6の新機能を使って作るダッシュボードのインターフェイス。

Create a Clean Twitter App Interface
クリーンなデザインのTwitterアプリのインターフェイス。

Designing Microfilm: A Clean Photography Theme
背景に大胆な写真を配置したレイアウト。

Design a Professional Blog Layout
打ち出しにスライダーを配置したブログ用のレイアウト。

Design a Clean e-Commerce Website Interface
スタイリッシュなEコマース向けのレイアウト。

Design a creative portfolio
イラストを使ったクリーンなデザインのポートフォリオ。

Create a lovely textured web design
繊細なかわいいテクスチャを効果的に使ったウェブデザイン。

Designing a highly-professional website
グリッドベースのクリーンなデザインのコーポレートサイト。

Create a Fabric Textured Web Layout
ざらっとした布地のテクスチャを使ったウェブページのレイアウト。

Create a Detailed Web User Interface for an Audio-Themed
ディテールを作りこんだオーディオをテーマにしたインターフェイス。

Create a Professional Web 2.0 Layout
今時のコーポレートサイト用のレイアウト。

Create a Grungy, Translucent Web Portfolio Design
半透明のパネルを使って背景を透過させたレイアウト。

How to Make a Highly-Textured Site Layout
さまざまなテクスチャを効果的に使ったレイアウト。

Create a Watercolor-Themed Website Design
水彩をテーマにしたページのデザイン。

How to Create a Unique Colorful Site Layout
カラフルな色使いを巧く使ったレイアウト。

a Paper Texture from Scratch then Create a Grungy Web Design
紙のテクスチャを一から作り、デザインに取り入れたレイアウト。

Create a Dark Portfolio Web Design
ダーク系のカラースキームを使ったウェブデザイン。

Create a Light Textured Web Design
明るいテクスチャを使ったウェブデザイン。

Create a Modern Lab Theme Web Design
スリークでモダンなイメージのウェブデザイン。

Create a Vibrant Professional Web Design
鮮やかなカラーを効果的に使ったウェブデザイン。

Create an Elegant Patterned Web Design
大胆なパターンを使ったエレガントなレイアウト。

Create a Clean and Modern Web Design
タイポグラフィを効果的に使ったモダンなウェブデザイン。

Create a Clean and Classy Web Design
落ち着いた感じのエレガントなウェブデザイン。