2021-03-13UIデザインFigmaFigmaではじめるズボラUIデザイン (3)～最低限のテキストフォント～Figmaの操作方法と合わせて、最小のコンポーネントであるテキスト・フォントについて考えていきます。 デザイナーでもない限り、フォントについてあまり深く考えるないかもしれません。 しかし、コンテンツを作るにあたり第一印象となるのはフォントです。 読みにくいフォントが適用されたテキストで表示されたブログは内容うんぬんより、まず読む気になりませんよね。もっと見る
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」。 デザイナーでなくても簡単に使えます。 セットアップ方法をご紹介します。 もっと見る
