TOP  >  WebDesign  >  webサイトのUIデザインに関するPhotoshopチュートリアルまとめ「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」
2017年10月17日

webサイトのUIデザインに関するPhotoshopチュートリアルまとめ「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」

デザインのスキルアップはデザイナーにとって重要な課題。日々技術を上げるため、常にアンテナを貼っている方も多いはず。そんな中今回ご紹介するのは、webサイトデザインに関するPhotoshopチュートリアルをまとめた「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」です。

50-tutorials-for-designing-photoshop1
Design a Textured Outdoors Website in Photoshop

デザインの参考やスキルアップに使える、WebのUIデザインに関したチュートリアルが、50種類もまとめられています。その中から特に気に入ったものを幾つかピックアップしてご紹介しますので、ご確認下さい。

詳しくは以下

50-tutorials-for-designing-photoshop2
Design a Shopify Theme for Handcrafted Goods in Photoshop
すっきりとしたシンプルな構成のランディングページ制作のチュートリアルです。様々な場面への応用が効く、ベージックな内容となっています。
 
 
 
50-tutorials-for-designing-photoshop3
Designing a Simple Instagram Based Portfolio in Photoshop
Instagramをベースとしたポートフォリオを制作する為のチュートリアルです。InstagramをはじめとするSNSをWebデザインに取り入れる機会も増えてきた昨今、是非参考にしたいですね。
 
 
 
50-tutorials-for-designing-photoshop4
Create a magazine layout Template in Photoshop Tutorial | Download the Free Template – YouTube
動画で分かりやすく解説してくれるチュートリアルです。全18分にかけて基本的な操作とレイアウト手法を学ぶことができます。
 
 
他人の作業を見て学ぶことは、初心者は勿論、経験者にとっても自身とは異なる視点から技術を学ぶことが出来る良い機会となります。デザインのスキルアップの為にも、是非参考にしていきたいですね。ご紹介した他にもサイトでは多数のチュートリアルが紹介されていますので、興味をお持ちになられた方は、下記のリンク先にてご覧になってみて下さい。

50 Tutorials for Designing Website in Photoshop – Ultimate Roundup – Hongkiat

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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