2021-03-07UIデザインFigmaFigmaではじめるズボラUIデザイン (2)~最低限のカラーの知識~Figmaの操作方法と合わせて、最小のコンポーネントである「カラー」についてのお話です。 まずはカラーの最低限の知識をご紹介します。 その上でFigmaを用いてカラーを再利用&変更しやすくするためのコンポーネント化について解説します。もっと見る
2021-03-02UIデザインFigmaFigmaではじめるズボラUIデザイン (1)~PageとFrame~Figmaを使って新規プロジェクトを作成し、PageとFrameを設定してみましょう。 PC版とSP版でFrameを分ける方法などをご紹介します。もっと見る
2021-02-27UIデザイン個人開発者のためのズボラUIデザイン #3 ~ページ構成&レイアウト~具体的にブログサイトのUIデザインをはじめてみましょう。 参考サイトをもとにページ構成・レイアウトを決めていきます。 PC版とSP版でのレイアウト変換の考え方について学びましょう。もっと見る
2021-02-23UIデザインFigmaUIデザインツールざっくり比較&Figmaのはじめ方UIデザインツールには代表的な3種のツールがあります。 何が違うんでしょう? ざっくり比較してみました。 また、UIデザインツールの中で近年シェアを伸ばしている「Figma」。 デザイナーでなくても簡単に使えます。 セットアップ方法をご紹介します。 もっと見る
2021-02-19UIデザイン個人開発者のためのズボラUIデザイン #2 ~設計思想~デザインをはじめて触る方へ。 コンポーネント設計とAtomic Designについて解説します。 UIデザインにおける概念はこれだけなので、サクッと勉強していきましょう。もっと見る