- ヤスダ先生の自己紹介
- 本講座で学べる事
- オートレイアウトとは?
- レスポンシブボタンを作成してみよう
- オートレイアウトの余白を変える方法
- 連なる要素のパディングを一括で変更する方法
- 余白を個別に変更する
- オートレイアウトリストを作成してみよう
- Resizing機能の基本
- Resingを活用したレスポンシブコンポーネントを作成してみよう
- Spacebetweenを活用しよう
- 一緒にオートレイアウトの組み合わせコンポーネントを作ってみよう
- フッターを固定させて縦方向のレイアウト組み合わせを練習しよう
Figmaのオートレイアウト機能を基本から学べます。
オートレイアウト(Auto Layout)では、コンテンツに合わせて変化するフレームを作成できる機能です。
オートレイアウトを使えば格段にデザインスピードが上がります。
例えば、レスポンシブコンポーネントを使えばテキストの変更に合わせて自動的にサイズが変化するボタンやカードなどを作成できます。素早く順番を入れ替えられるメニューやリストを作成だって可能です。
今回はAuto Layoutを使って、より柔軟なデザインを作成する方法をご紹介します。
一緒にオートレイアウトの組み方を操作しながら学んでいくので分かりやすい講座になっています。
※本講座ではFigmaの基本操作やダウンロード方法は学びません。完全に「オートレイアウト」の機能に限定しています!
5 STAR MINI COURSES. Build Influence and Authority (and your email list!) with easy online courses or mini courses.
Build Marketing Automation Strategies for Email Marketing, Content Marketing & Social Media marketing
Learn about various available digital marketing channels available today
始めまして、WEBデザイン一筋のヤスダ先生です。
今まで、100本以上のWEBデザインや有名なアプリデザインを作成してきました。現在は自身でHP制作会社を経営しています。
私はこの仕事が「天職」だと思っています。
しかし、ここまで来るまでには私も紆余曲折ありました。
新卒で入った会社が合わず転職するも人間関係で辞めてしまう..
負の連鎖でした。
そんな時に出会ったのが「WEBデザイン」。
最初は、ミーハーな気持ちでなんかお洒落そうという軽い気持ちで始めました。本格的な学校に通ったことはなく、未経験で独学で習得していきました。
今では誰もが知る大手企業様のWEBサイトやアプリを多く手掛けています。HP制作会社では客さんが途絶えません。
デザインだけではなく仕事の取り方や0からフリーランスで生きていく方法など実践的な講座をお届けします。
私が作成する講座はほとんどが、初心者の方が0からWEBデザイナーを目指すことがでるようになっております。ぜひ、皆さんをこの素敵な世界にお連れできればと思っています。
<経歴>
・WEBデザイナー歴5年
・UIデザイナー歴5年
・大手企業様のWEBサイト制作を多数制作
・自社にてHP制作会社を運営
・ウェブデザインスクールも開講し多くの受講生を担当
<ツール>
・AdobeXD
・figma
・HTML/CSS
・Wordpress
・illustration
・Photoshop
私も未経験から始めたので大丈夫!常に皆さんの目線に立って分かりやすい説明を心がけています♪