Webデザイナー,長谷部竜生_하세베 Details
トレーラー
Webデザイナー, 長谷部竜生
今回の講座では、Figmaを使ったLPデザインからチャットAIを活用したUX構築まで、現在のトレンドに合ったWebデザイン制作ノウハウをお教えします。
さらに、現在、デザイン業界で需要の高いFigmaを活用した、ワイヤーフレーム作成からカラーの設定、フォントの選定まで、ハイクオリティーなWebデザイン制作に必要な知識を、基礎から学ぶことができます。
講座の最後には、例題を通して、PCとスマートフォンそれぞれのWebデザイン制作や、Instagramなどの広告イメージ作りに挑戦します。
長谷部竜生ならではの、効率的かつトレンディーなWebデザイン制作の秘訣を、Colosoで体験してください!
受講生全員に提供
長谷部竜生の講座だけの特典
-
長谷部竜生の多様なWebデザインノウハウを含む、講義動画20本を期間制限なしで受講可能 -
講座を通してLPデザイン2点とバナーデザイン1点を完成 -
LPのデザインデータやワイヤーフレームデータなどの資料を提供
講義資料の詳細
-
講座で使用するスライド資料- 講座のFigmaデータ1点 -
LPのデザインデータ- LPのワイヤーフレーム1点
- LPのFV2点
- LPのPCデザイン1点
- LPのスマートフォンデザイン1点 -
SNSバナーデザイン- Instagram用広告デザイン1点
長谷部竜生のポートフォリオ
講座の例題
例題を通して学ぶLPデザイン制作のノウハウ
-
AIツールを使用したUX構築 -
ワイヤーフレームの作成 -
FVデザイン制作
-
PCデザイン制作 -
スマートフォンデザイン制作 -
SNSバナーデザイン制作
長谷部竜生
Webデザイナー
はじめまして、Webデザイナーの長谷部竜生です。これまでDTPデザインやWebデザインを中心に、キャリアを積んできました。Webデザインの中でも特にLPデザインに携わり、単純にデザインを制作するだけでなく、新しいソフトやAIソフトなど、あらゆる制作方法を用いたデザイン制作を行っています。
これまでに中小規模の企業から大手企業、個人経営者など、様々なクライアントのWebデザインや視線を捉えるDTPデザインを制作してきました。
この講座を通じて、UI/UXをベースとしたWebデザインやチャットAIを利用したデザイン制作、そして誰もがハイクオリティーなWebや印刷物を制作できるような秘訣を伝授します。

長谷部竜生
現) Webデザイナー
【経歴】
2016年 インハウスデザイナー DTPデザイン担当
2016年 Webデザイナーとしてフリーランス活動
【クライアント】
MoneyForwardクラウド / SoftBank / NTT / ネッツトヨタニューリー北大阪 / リポビタンD / BUFFALO / リクルート / ムーミンバレーパーク / UUUM など多数
この講座のポイント
見た目のデザインではなく目的を届けるためのLPデザイン制作
作って終わりのデザイナーにならないためのデザインプロセスや、制作後にブラッシュアップさせる過程まで、わかりやすく解説します。特に本講座では、デザイン制作の前段階からプロジェクトジョインし、デザイン完成後、追加的な提案をするまでの過程をお教えします。
これからのデザイン業界で必須となるFigmaを習得
今世界のデザイン業界では、Figmaの使用率が大半を占めています。Figmaは、効率的なデザインに非常に特化しているソフトウェアです。本講座では、そんなFigmaの基本操作から応用操作まで、詳しく解説していきます。
センスではなく数値や比率で制作するWebデザイン
この講座では、「デザインはセンスが必ず必要ですか?」という質問に「いいえ」とお答えできるように、数字とオブジェクトで、パズルをするようにデザインを制作するのはもちろん、比率を使った視覚的に美しい、クオリティーの高いデザイン制作を目指します。
講座内容
下記のような内容を学べます。
-
LPの概要から必要性までを解説LPが持つ目的や、ユーザーの目に留まるLPデザインについてお伝えします。また、デザイン構成段階からワイヤーフレーム作成、素材の配置、そしてPC版とSP版の制作まで、LP制作の一連の流れをお教えします。 -
比率や数値で完成するWebデザイン黄金比や余白など、デザインの知識を基に「視覚的に美しいデザイン」と「数値的に美しいデザイン」の違いを解説します。また、効率的かつ美しいデザイン制作の秘訣も伝授します。 -
UXの必要性と知識を網羅UI/UXの概要からUIとUXをセットとして考える理由、そしてWebデザインとの関係性についてお伝えします。
-
AIソフトを使った効率的なデザイン制作「UXは難しい」というデザイナーの悩みをAIツールで解決します。特に、AIを活用したリサーチやライティングから、インプットした情報を基にエラー無くアウトプットする過程までをお教えします。 -
UIデザインの知識を0から習得視覚的なデザイン制作に関する前後の知識を習得することで、様々な案件に対応できるスキルはもちろん、UIの必要性に関して自ら説明できるようなスキルを身に付けます。 -
Web制作で必須のFigma活用スキル現在、需要が高まりつつあるFigmaの活用スキルを、例題を通じた実践を基に身に付けます。本講座を通して、今すぐFigmaを活用したWebデザインができるようになることを目指します。
- 無期限視聴
- 最安値
一回の購入で、期限の制限なく視聴することができます。
05/11 (月) 販売価格が上がります。
もうすぐ販売価格が上がる予定です。
今すぐご購入ください!
カリキュラム
カリキュラム内容のご紹介
SECTION 01. 自己紹介
01. 本講座の目的・自己紹介
- 本講座について
- 自己紹介
02. LPの目的・制作のワークフロー
- LPの目的について
- LPの制作工程
- ABテストについて
SECTION 02. デザインの基礎知識と視覚的・数値的なデザイン
03. Webデザインについて-デザインの順序
- デザインの順序
04. Webデザインについて-基礎知識
- デザインの基礎知識
05. 視覚的に美しいデザインとは/数値的に美しいデザインとは
- 視覚的に美しいデザインとは
- 数値的に美しいデザインとは
06. 色について
- 色について
- 虹の色
- 先天色覚異常について
SECTION 03. UXをAIで
07. UXが必要になった理由とチャットAIについて
- UXについて
- ChatGPTとGoogle Bardのそれぞれの特徴
- Google Bardセットアップ
08. チャットAIを使ってのUX
- 情報の読み込み
- ペルソナ
- 共感マップ
- 価値マップ
- カスタマージャーニーマップ
09. LPの構成・ライティング
- LPの構成について
- ライティング
SECTION 04. FigmaでLPデザイン
10. なぜFigmaを学ぶのか
- Figmaについて
- Figmaの基本操作
11. Figmaで必須スキルのオートレイアウトPart1
- オートレイアウトをマスターしよう
12. Figmaで必須スキルのオートレイアウトPart2
- 新機能について
13. ワイヤーフレーム作成・整理/ 素材の配置・カラーの設定・フォントの選定
- ワイヤーフレームの基礎知識
- ワイヤーフレーム作成
14. FV作成
- ファーストビューについて
- ファーストビュー実例制作
15. PCデザイン
- PC版デザインについて
- PC版デザイン実例制作
16. SPデザイン
- SP版デザインについて
- SP版デザイン実例制作
17. デザイン整理、コーダーへの譲渡
- デザインデータの整理
- Variants
SECTION 05. LPを広告として
18. FigmaでVariants設定
- FigmaのVariantsを学ぶ
19. Web広告運用にLPが欠かせない理由
- 広告のLPについて
- Instagramバナー制作
- 広告設定の実例
SECTION 06. 最後に
20. まとめ
- 講座のまとめ
インタビュー
Webデザイナー
長谷部竜生が
お話ししたいこと
Webデザイナーを勉強したきっかけを教えてください。
以前からPCを使うことが得意だった自分にとって、興味があるデザイン分野に進もうと思い、DTPデザイン事務所で働くと同時に、Webデザインのフリーランス活動を始めました。また、先天性に優れたセンスを持っていないデザイナーでも、「センスのあるデザイン」を制作できるように、トレンディーなツールやソフトを使用した完成度の高いWeb制作についても学んできました。
現在のWebデザインのトレンドは何だと思われますか?
現在だけに留まらず、過去でも未来でも「ミニマリズム」が常にトップのトレンドであると確信しています。あまりにもビジュアルに力を入れすぎると、ユーザーに伝えなければならない情報が、明確に伝えられないデザインになり兼ねないと思います。視覚的インパクトだけで終わってしまうデザインではなく、ミニマリズムで伝えたい情報が、素早く伝達できるデザインを作り上げることが、過去と現在、そして未来でも変わりないと思います。
アウトプットを形にすることにおいて、大切なポイントは何になりますか?
Webデザインにおいて最も重要なポイントは、FV(ファーストビュー)になると思います。特に、LPの目的は情報を効率よくユーザーに伝え、売り上げに繋げることにあります。そのためには、UXリサーチやユーザーの印象に残るライティングなど、スキル的な部分がポイントとなります。加えて、「売れるデザイン」を作り上げるために、AIツールを利用してUXを改善することで、最適なアウトプットを作り上げるデザイナーと成長することができると思います。
この講座はどのような方々におすすめですか?また、受講される方へのメッセージをお願いします。
今からWebデザインを始める方はもちろん、今までPhotoshopやXDでデザインを行っていたデザイナーにもおすすめの講座です。単なるWebデザイナーと呼ばれた過去から、どんどん細分化され、Webデザインの中身の工程や作業にも名前が付き、それがデザイナーの名称にもなる時代になりました。そんな状況の中、成長したいと考えている人にとって、どんな本を何冊も読むより、役立つ内容となっています。私のデザイナーとしての10年間のノウハウを詰め込んだこの講座が、みなさんの成長の助けになれば幸いです。
使用プログラムについてご案内します。
当講座は、以下のツールを使用します。
[メインツール]
Figma Desktop Appバージョン116.14.6
※円滑な受講のため、最新版のご使用を推奨します。
おすすめの講座
この講座を見た方は
