Figmaデビューします
なぜXDユーザーにもかかわらず、Figmaを学ぶのか
勉強方法
実践
1.Adobe creative cloudがFigmaを勉強する理由
無料、Adobe会員じゃなくても扱える、
URLを共有していれば更新は即時反映
いや、これに尽きるでしょう。
日本語入れるとか文字組とかは
やはり、最近日本語対応したFigmaは劣ってしまいますが
サイトの雰囲気を、顧客に伝えるには十分です。
フォントの持つ雰囲気の違いなど
短期間で顧客には伝わらないので
サイトが実際にできたときに、さらなる完成度に
顧客が感動するって考えたらサプライズプレゼントみたいなもの。
チーム内で、変換できていたら十分。(怒られそうw)
2.さて、習得
今回もyou tubeを頼りました!!
その業界を知るにはトレースをして
自分で気づくのが一番の学びじゃないですか?
ってことで、こちら
初心者向けFigmaの使い方:Webデザインをトレースしてみよう
こちらの動画を使用して、Figmaで出来ることと
XDとの比較を行いました!
3.さっそくやるよ
画像とか使用した素材は、探すだけ無駄な時間と思ったので
類似の画像を使用しています。
操作を学ぶ目的なので
同じ画像で練習する意味がないので
にてるもので、ちゃちゃっと構成してます!
作った感触としては
え、レスポンシブの画面って
成り立てばフォントサイズそのままでいいん?
って発見👀
今まで、remで全部パソコンと同じ効果になるように設定していたから
驚愕でしたが一番の学びにになりました。
スマホデザインとしては
メニューを幅から構成することを知りました・・・
1年間WordPressに頼っていました、すみません。。。(笑)
これからは、そこにもこだわっていきますね!!クライアントさん!笑
こちらの動画を元にトレースは
作業期間3日:仕事終わりのウォーキング後の時間集中力が続くだけ
(多分実質作業時間3時間くらい)
次回は、Figmaを使いこなすために
ポートフォリオを作成していきます!!