Home > キーワード > ウェブレイアウト

タグウェブレイアウトのついた関連記事は以下のようです。

キーワードウェブレイアウトに関連するエントリーをチェックできます。
お探しの記事が見つからない場合は、右上の検索ボックスをお使いください。

ウェブデザインなどに使える無料ベクター素材76個まとめ

 

デザインをするときにベクター素材を利用する方いらっしゃいますか。

ベクター素材のメリットは、拡大縮小も自由自在ですし、Illustratorで作成した後、Photoshopに移行してデザインを続けることも可能な点ではないでしょうか。

 

商用可、ウェブデザインに必要なアイコンを750個揃えた完全保存版セット

 

ウェブデザインの重要なパーツのひとつはアイコンではないでしょうか。

個別にデザインするとなると時間も労力もかかってしまいがちですが、今回ご紹介するアイコンセットを使ってみてはいかがでしょうか。

 

商用利用が可能で、いろいろな用途に応じて使い分けることができる総計750個のアイコンをまとめた「Addictive Flavour Icon Sets」がSmashing Magazineより公開されています。

 

最近公開されたばかりのかっこいいフォトショップのチュートリアル50個まとめ

Photoshop(フォトショップ)は、主に写真編集としての活用するだけなく画像加工やイラストレーションなどにも使うことができるソフトウェアのひとつです。

Photoshop VIPではフォトショップに関するチュートリアルやブラシやパターンなどの無料素材を紹介していますが、今回は最近公開されたばかりのフォトショップのチュートリアルを51個まとめた「51 Great New Photoshop Tutorials」をご紹介します。

 

最近公開されたフォトショップの高品質なウェブレイアウト用チュートリアル20個まとめ

ウェブデザインを制作するときにフォトショップを使ってデザインされている方も多いと思います。

最近のウェブサイトレイアウトでは、等間隔に区切られたグリッドを使用してデザインされたものが多く、シンプルですっきりとしたデザインに仕上げることができます。

 

今回は比較的新しく公開されたフォトショップのウェブレイアウト用チュートリアルを20個まとめた「20 High Quality Photoshop Web Design Tutorials」をご紹介します。

(海外記事) フォトショップでザラザラした質感のシンプルなウェブレイアウトをデザインする方法

↑ クリックすると原寸拡大表示されます。

 

今回はフォトショップを使って、ザラザラした背景の質感が印象的なシンプルなウェブレイアウトをデザインする方法をご紹介します。

紙テクスチャを背景デザインに使うことで、ザラザラとしたユニークなデザインに仕上げています。

またウェブトレンドのひとつでもある型押し文字を簡単にデザインする方法も一緒に学ぶことができます。

 

 

詳細は以下から。

 

チュートリアル情報


 

(海外記事) フォトショップでオシャレな企業用ウェブサイトをデザインする方法

 

↑ クリックすると拡大原寸表示されます。

 

今回はフォトショップを使って、シンプルでオシャレな企業用ウェブレイアウトをデザインする方法をご紹介します。

 

 

きれいな緑色をアクセントカラーに使い、ウェブトレンドを意識したクリーンなデザインは参考になるテクニックが満載となっています。

企業用ウェブサイト以外にもポートフォリオサイトなどの使い方もできるのではないでしょうか。

 

 

(海外記事) フォトショップでシンプルでオシャレなウェブレイアウトをデザインする方法

↑ クリックすると原寸拡大表示されます。

 

今回は、フォトショップを使って淡いグラデーションとピンクのカラーリングがオシャレなウェブレイアウトをデザインする方法をご紹介します。

行間幅や1pxの白ラインなどまで細かくていねいに説明されているチュートリアルで、覚えておきたいテクニックがたくさん使われています。

 

 

チュートリアルと同時にサンプル用PSDファイルも公開されているので、ダウンロードして確認しながらデザインすることができますよ。

4 pages

Back to Top