いるそら@Webデザイナー

いるそら@Webデザイナー

記事一覧

覚えると便利!よく使うFigmaショートカット(オートレイアウト編)

こんにちは!Webデザイナーのいるそらです! 時短に欠かせないショートカットですが、もちろんFigmaにも存在します。 本記事では初心者さん向けに、覚えておくと便利なFigm…

覚えると便利!よく使うFigmaショートカット(配置編)

こんにちは!Webデザイナーのいるそらです! 時短に欠かせないショートカットですが、もちろんFigmaにも存在します。 本記事では初心者さん向けに、覚えておくと便利なFigm…

デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう(ボタニカルデザイン)

こんにちは!Webデザイナーのいるそらです。 今回も勉強の一環で作成したWebデザインカンプを配布することにしました! 作成したのは最近流行りの背景は固定されたまま真…

300〜
割引あり

覚えると便利!よく使うFigmaショートカット(コンポーネント編)

こんにちは!Webデザイナーのいるそらです! 時短に欠かせないショートカットですが、もちろんFigmaにも存在します。 本記事では初心者さん向けに、覚えておくと便利なFigm…

視覚で伝える力!インフォグラフィックの魅力と活用法

こんにちは!Webデザイナーのいるそらです! 今回は情報を視覚的に伝える手段の一つである「インフォグラフィック」についてメリットや事例など解説していきたいと思います…

覚えると便利!よく使うFigmaショートカット(編集編)

こんにちは!Webデザイナーのいるそらです! 時短に欠かせないショートカットですが、もちろんFigmaにも存在します。 本記事では初心者さん向けに、覚えておくと便利なFigm…

覚えると便利!よく使うFigmaショートカット(ツール編)

こんにちは!Webデザイナーのいるそらです! 時短に欠かせないショートカットですが、もちろんFigmaにも存在します。 本記事では初心者さん向けに、覚えておくと便利なFigm…

デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう

こんにちは!Webデザイナーのいるそらです。 今回、勉強の一環で作成したWebデザインカンプを配布することにしました! 作成したのは最近流行りの背景は固定されたまま真…

300〜
割引あり

コンポーネントって何? 役割やメリットとFigmaでの作成方法

はじめまして!Webデザイナーのいるそらです! デザイン始めたての方に役に立つ情報や仕事の中で得た学びなどを中心に発信していきたいと思いますのでよろしくお願いします…

覚えると便利!よく使うFigmaショートカット(オートレイアウト編)

覚えると便利!よく使うFigmaショートカット(オートレイアウト編)

こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第5回は「オートレイアウト」編です!

💻ショートカットとは特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合

もっとみる
覚えると便利!よく使うFigmaショートカット(配置編)

覚えると便利!よく使うFigmaショートカット(配置編)

こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第4回は「配置」編です!

💻ショートカットとは特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合、以下のキー

もっとみる
デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう(ボタニカルデザイン)

デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう(ボタニカルデザイン)

こんにちは!Webデザイナーのいるそらです。
今回も勉強の一環で作成したWebデザインカンプを配布することにしました!

作成したのは最近流行りの背景は固定されたまま真ん中のスマホ幅コンテンツだけスクロールされる「モバイルファーストなサイト」です。架空のシャンプーのLPを想定して作成してみました。

コーディングの練習をしたい・もっと経験を積みたい方や、自分でデザインを作るにあたって参考にいろんな

もっとみる
覚えると便利!よく使うFigmaショートカット(コンポーネント編)

覚えると便利!よく使うFigmaショートカット(コンポーネント編)

こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第3回は「コンポーネント」編です!

💻ショートカットとは特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合、

もっとみる
視覚で伝える力!インフォグラフィックの魅力と活用法

視覚で伝える力!インフォグラフィックの魅力と活用法

こんにちは!Webデザイナーのいるそらです!
今回は情報を視覚的に伝える手段の一つである「インフォグラフィック」についてメリットや事例など解説していきたいと思います!

❓インフォグラフィックとはインフォグラフィックとは情報(インフォメーション)とグラフィック(図形や画像)を組み合わせて、情報を視覚的に表現する手法のことです。

上記の画像では数字やパーセンテージを視覚的に示したり、内容に合ったイ

もっとみる
覚えると便利!よく使うFigmaショートカット(編集編)

覚えると便利!よく使うFigmaショートカット(編集編)

こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第2回は「編集」編です!

💻ショートカットとは特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合、以下のキー

もっとみる
覚えると便利!よく使うFigmaショートカット(ツール編)

覚えると便利!よく使うFigmaショートカット(ツール編)

こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第1回は「ツール」編です!

💻ショートカットとは特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合、以下のキ

もっとみる
デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう

デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう

こんにちは!Webデザイナーのいるそらです。
今回、勉強の一環で作成したWebデザインカンプを配布することにしました!

作成したのは最近流行りの背景は固定されたまま真ん中のスマホ幅コンテンツだけスクロールされる「モバイルファーストなサイト」です。架空のシャンプーのLPを想定して作成してみました。

コーディングの練習をしたい・もっと経験を積みたい方や、自分でデザインを作るにあたって参考にいろんな

もっとみる
コンポーネントって何? 役割やメリットとFigmaでの作成方法

コンポーネントって何? 役割やメリットとFigmaでの作成方法

はじめまして!Webデザイナーのいるそらです!
デザイン始めたての方に役に立つ情報や仕事の中で得た学びなどを中心に発信していきたいと思いますのでよろしくお願いします。

この記事ではデザインでもよく耳にする「コンポーネント」についてFigmaでの例をもとに解説していきたいと思います!

コンポーネントって何?コンポーネントは、デザインをコピーして使いまわせる便利な機能です。 ボタンなどの見た目が同

もっとみる