WEB制作・コーディングを極めたい
WEBデザイナーがプログラミングを学ぶ
有料動画講座講座
NEW Figmaで人に渡して恥ずかしくない「HTMLコーディングしやすい」デザインデータを作る手順
Figma × HTML
HTMLコーダーさんに渡しても恥ずかしくないデータ
「Figmaで人に渡しても恥ずかしくない、HTMLコーディングしやすいデータ」にするには、まずFigmaのデータをHTMLの構成に近いデータにする必要があり、その為のHTMLの基礎知識やHTMLコーディングする時の流れや考え方から学んで、Figmaをどのような構成で作ればいいかを学びます。
その上で、変数やスタイル、コンポーネントやバリアント、8の倍数でデザインする流れなど、Figmaの数々の便利な機能を利用しながら、効率よくミス無く作るための手順を、パソコン版とタブレット版とスマートフォン版の3つのレスポンシブデザインを一緒に作りながら学び、最後にHTMLコーディングする際に必要な情報をFigmaデータから取得する方法まで学べる講座です。
ご購入はこちら
【日本語版】FigmaでレスポンシブWEBデザインの作り方!
Figmaの基礎からWEBデザイン実践まで完全サポート!
この動画1本だけでFigmaでWEBデザインする流れがわかる講座!
Figmaを初めて使う方から、多少使った事はあるけどFigmaの機能を活かしきれていないという方、他のツールからFigmaに乗り換えたい方、FigmaでWEBデザインをする流れを知りたいといった方に向けた講座です。
Figmaの基本操作の学習から始まり、Figmaの便利な機能を使った効率的なデータ作成について学んでFigmaの基礎を固めた上で、PC版・タブレット版・スマホ版の3つの画面サイズのデザインを作る「レスポンシブWEBデザイン」の作り方を、その工程を見ながら一緒に作っていく講座です。
ご購入はこちら
今風のイケてるWEBデザインを作る手順
Figma × Photoshop
今風のデザインにするには、どうすればいいのかわからない人へ
実は今風のデザインに仕上げるには、ある程度コツと手順があります。ただ単に流行りのデザインのあしらいを真似たり、尖ったデザインにするのではいいデザインはできません。
『どうすれば今風のイケてるWEBデザインが作れるのか分からない…自分のデザインが何故かアカ抜けない』という悩みを持つWEBデザイン初級・中級の方に向けて、プロのWEBデザイナーとして20年以上デザインし続けてきた経験を元に、「今風のイケてるWEBデザインを作る具体的な手順」を、その意図を理解しながら、分かりやすく具体的に言語化して、図解付きでまとめたものを見ながら、その手法を使って一緒にデザインを作って学んでいく講座です。
ご購入はこちら
Figmaで【副業向け】バナーデザインの作り方マスター!
バナー作成テクニック・コツ・あしらい例・考え方・練習ドリル付き!
副業で月5万円くらいの仕事のスキルをつけたい方へ
デザイン初心者の方や、副業を始めたい方に向けて、バナーデザインを作る手順やデザインの例・コツなどのノウハウを学び、実際の仕事に近い形で練習をしながら、副業でバナーデザインを始められるスキルを目指す講座です。
ただ、サンプルと同じデザインを作って終わりというのではなく、デザインの基礎を学んだ上で、なぜそのデザインにするのか?どういう考え方でデザインを進めていくのか?といったアプローチの仕方を、実際の案件を想定した練習課題をやりながら学んでいきます。
ご購入はこちら
新着記事一覧
Figmaの背景切り抜きプラグイン『Remove BG』のAPI Key取得方法と使い方
2023.8.26
WixでWEBデザイナーが「ポートフォリオサイト」を作ってみた!
2023.1.11
WEBデザインツールの比較!初心者におすすめは?Figma Photoshop Xd Illustrator
2022.10.13
CodeCampGATE(コードキャンプゲート)とは?転職・就職先と評判
2022.6.30
コードキャンプの「Webデザイン・Webデザイン副業コース」を卒業生が解説!
2022.6.17
テックアカデミー「はじめての副業コース」卒業生が内容を解説!
2022.6.14
PHPの独学!挫折しないおすすめ勉強方法!
2022.6.1
16インチMacbook Proで使える100Wモバイルバッテリー Zendure SuperTankレビュー
2022.5.26
[体験談] CodeCamp(コードキャンプ)で挫折する理由!
2022.5.9
テックアカデミー「受講した感想・評判」学習内容の総まとめ!
2022.4.30
Photoshop 超リアルな商品写真の鏡面反射の作り方
2021.12.29
デイトラの評判は?詳細内容とメリット・デメリットを解説
2021.12.17
CSSだけ超簡単!画像トリミングできる 「object-fit」 の使い方
2021.12.10
コードキャンプ 「無料体験・カウンセリング」を受講してみた!予約方法や内容の体験談
2021.9.6
デジタルハリウッドSTUDIO by LIGの評判
2021.9.2
PhotoshopでWEBデザインする基本の設定とテクニック
2021.8.11
テックアイエス評判は?現役プロがTECH I.S.を徹底調査!
2021.8.10
WEBデザインの練習・勉強をしながら「お金までもらえる」超おすすめの学習方法!
2021.6.11
現役プロ比較!短期 「WEBデザインスクール12校」おすすめランキング!
2021.5.28
【現役プロ取材】SHElikes(シーライクス)評判・料金・無料体験の内容は?
2021.5.22
Photoshop2022 進化したニューラルフィルターがヤバい!?
2021.4.27
フリーランスWEBデザイナーのなり方! 図解つきロードマップ
2021.4.26
受講生の体験! テックアカデミーで「最悪の挫折」をしない学習の進め方!
2021.4.21
初心者の「仕事別」おすすめのプログラミング言語と選び方!
2021.4.16
【初心者】ブログで稼ぎたい方の「ジャンル・テーマ」の選び方
2021.3.29
副業ブログするなら絶対に登録すべきアフィリエイトASP
2021.3.9
WEBデザイナーが在宅で副業収入を得る4つの方法!
2021.3.9
【2023年】無料・商用利用可 「写真・イラスト・アイコン」素材おすすめサイト
2021.3.8
私がフリーランスWEBデザイナーになって感じた「メリット・デメリット」
2021.3.3
未経験でフリーランスWEBデザイナーになる方法「3つのステップ」
2021.3.2
サイト内検索
新着記事
- YouTubeより詳しく!まとめて学べる『WEBデザイン動画講座』
- Figmaの背景切り抜きプラグイン『Remove BG』のAPI Key取得方法と使い方
- WEBデザイン動画講座のご紹介【お得な割引アリ】
- WixでWEBデザイナーが「ポートフォリオサイト」を作ってみた!
- WEBデザインツールの比較!初心者におすすめは?Figma Photoshop Xd Illustrator
- CodeCampGATE(コードキャンプゲート)とは?転職・就職先と評判
- コードキャンプの「Webデザイン・Webデザイン副業コース」を卒業生が解説!
- テックアカデミー「はじめての副業コース」卒業生が内容を解説!
- PHPの独学!挫折しないおすすめ勉強方法!
- 16インチMacbook Proで使える100Wモバイルバッテリー Zendure SuperTankレビュー
- [体験談] CodeCamp(コードキャンプ)で挫折する理由!
- テックアカデミー「受講した感想・評判」学習内容の総まとめ!
- Photoshop 超リアルな商品写真の鏡面反射の作り方
- デイトラの評判は?詳細内容とメリット・デメリットを解説
- CSSだけ超簡単!画像トリミングできる 「object-fit」 の使い方
- コードキャンプ 「無料体験・カウンセリング」を受講してみた!予約方法や内容の体験談
- デジタルハリウッドSTUDIO by LIGの評判
- PhotoshopでWEBデザインする基本の設定とテクニック
- テックアイエス評判は?現役プロがTECH I.S.を徹底調査!
- WEBデザインの練習・勉強をしながら「お金までもらえる」超おすすめの学習方法!
カテゴリー
タグリスト