WEBデザイン・プログラミング関連の情報発信を手掛ける STAND4U

初心者がWEBデザイナーになるまでの道のりや

WEBデザインスキルアップの情報や勉強方法やなどをまとめた記事

WEBデザイン初心者から経験者まですべてのWEBデザイナーが

フリーランスWEBデザイナーとして独立するために役立つ情報

フリーランスWEBデザイナーの平均年収は？収入アップを目指す方法！

未経験でフリーランスWEBデザイナーになる「３つのステップ」

WEB制作・コーディングを極めたい

WEBデザイナーがプログラミングを学ぶ

テックアカデミー受講した感想「評判と改善希望」TechAcademy体験記

現役プロ比較！短期｢WEBデザインスクール12校｣おすすめランキング！

プログラミング記事一覧

有料動画講座講座

NEW Figmaで人に渡して恥ずかしくない「HTMLコーディングしやすい」デザインデータを作る手順
Figma × HTML

▼紹介動画（４1秒）　　現在の受講生1313人

HTMLコーダーさんに渡しても恥ずかしくないデータ

「Figmaで人に渡しても恥ずかしくない、HTMLコーディングしやすいデータ」にするには、まずFigmaのデータをHTMLの構成に近いデータにする必要があり、その為のHTMLの基礎知識やHTMLコーディングする時の流れや考え方から学んで、Figmaをどのような構成で作ればいいかを学びます。

その上で、変数やスタイル、コンポーネントやバリアント、８の倍数でデザインする流れなど、Figmaの数々の便利な機能を利用しながら、効率よくミス無く作るための手順を、パソコン版とタブレット版とスマートフォン版の３つのレスポンシブデザインを一緒に作りながら学び、最後にHTMLコーディングする際に必要な情報をFigmaデータから取得する方法まで学べる講座です。

ご購入はこちら

Figmaで人に渡して恥ずかしくない
「HTMLコーディングしやすい」デザインデータを作る手順

【収録：8時間20分 / 59動画】価格 9,800円(税込）

講座の詳細ページ

【日本語版】FigmaでレスポンシブWEBデザインの作り方！
Figmaの基礎からWEBデザイン実践まで完全サポート！

▼紹介動画（50秒）　　現在の受講生4465人

この動画１本だけでFigmaでWEBデザインする流れがわかる講座！

Figmaを初めて使う方から、多少使った事はあるけどFigmaの機能を活かしきれていないという方、他のツールからFigmaに乗り換えたい方、FigmaでWEBデザインをする流れを知りたいといった方に向けた講座です。

Figmaの基本操作の学習から始まり、Figmaの便利な機能を使った効率的なデータ作成について学んでFigmaの基礎を固めた上で、PC版・タブレット版・スマホ版の３つの画面サイズのデザインを作る「レスポンシブWEBデザイン」の作り方を、その工程を見ながら一緒に作っていく講座です。

ご購入はこちら

FigmaでレスポンシブWEBデザインの作り方！
Figmaの基礎からWEBデザイン実践まで完全サポート！

【収録：6時間37分 / 36動画】価格 9,800円(税込）

講座の詳細ページ

今風のイケてるWEBデザインを作る手順
Figma × Photoshop

▼紹介動画（４9秒）　　現在の受講生2652人

今風のデザインにするには、どうすればいいのかわからない人へ

実は今風のデザインに仕上げるには、ある程度コツと手順があります。ただ単に流行りのデザインのあしらいを真似たり、尖ったデザインにするのではいいデザインはできません。

『どうすれば今風のイケてるWEBデザインが作れるのか分からない…自分のデザインが何故かアカ抜けない』という悩みを持つWEBデザイン初級・中級の方に向けて、プロのWEBデザイナーとして20年以上デザインし続けてきた経験を元に、「今風のイケてるWEBデザインを作る具体的な手順」を、その意図を理解しながら、分かりやすく具体的に言語化して、図解付きでまとめたものを見ながら、その手法を使って一緒にデザインを作って学んでいく講座です。