WEBデザイン Figma Makeとは？AIでデザインから実装まで進める方法
Webサイトやアプリのアイデアを形にするには、画面設計、デザイン、コーディングといった複数の工程が必要です。Figma ...
WEBデザイン
WEBデザイン 
WEBデザイン 左右の余白は何pxが正解？Webサイトの横幅設計を考える
Webサイトをデザインするとき、「左右の余白は何pxにすればよいのだろう」と迷うことがあります。16px、24px、40...
WEBデザイン 余白の取り方がわからない人へ｜Webデザインの余白設計入門
Webデザインを始めたばかりの頃は、「どこに、どれくらい余白を入れればよいのかわからない」と悩みがちです。感覚だけで調整...
WEBデザイン Webレイアウトの基本｜迷ったときに使える定番パターン7選
Webサイトのレイアウトを考えるとき、「情報をどこに置けばよいのか分からない」と迷うことは少なくありません。見た目の新し...
WEBデザイン Webデザインの参考サイトを上手に分析する5つの視点
Webデザインの参考サイトを集めても、「なんとなくおしゃれ」「配色がきれい」と眺めるだけでは、制作に生かせる知識は増えま...
WEBデザイン デザイン初心者がやりがちな失敗10選｜原因とすぐできる直し方
デザインを始めたばかりの頃は、色や装飾に意識が向きやすく、情報の整理や読みやすさが後回しになりがちです。自分ではきれいに...
WEBデザイン Webデザインがなんとなくダサく見える7つの原因と改善ポイント
Webサイトを作ってみたものの、「間違ってはいないのに、なぜかダサく見える」と感じることがあります。その原因は、センスの...
WEBデザイン Webデザイン初心者が最初に覚えたい5つの基本
Webデザインを始めたばかりのときは、配色やフォント、レイアウトなど、覚えることが多く感じられます。しかし、最初から高度...
WEBデザイン ターゲットとペルソナの違い｜デザインが伝わるようになる基本の考え方
今回はターゲットとペルソナなの違いを見て行きます！考え方を頭に入れておく事でより効果のあるデザイン制作に役立ちます。デザ...
WEBデザイン VS Codeの導入とおすすめ拡張機能まとめ
VS Codeって何？VS Code（Visual Studio Code） は、Microsoftが無料提供している高...
WEBデザイン 初心者必見！サーバーとドメインの違いを図解でわかりやすく解説
今回はWEBデザイナーが必ず抑えておきたい知識、WEBサイトを公開する為のサーバー、ドメインについて見ていきます！yor...
WEBデザイン Figmaの基本操作と使い方まとめ
今回はFigmaの基本操作を見ていきます。画面構成を理解しつつ、とりあえずサクッと何か作ってみたい！という方向けのピンポ...
WEBデザイン 迷わないデザインは「目的・ターゲット・ゴール」で決まる！
今回はターゲットに届く、伝わる、効果のあるデザインを作るための基本的な考え方を見ていきます！デザインを作り始める時はイメ...
WEB・UIデザイン SNS用バナーで気をつけたいポイント
「SNSバナー」は“スルーされない工夫”が命！SNSでは、ユーザーは数秒以内に見る／見ないを判断します。どれだけ頑張って...
WEBデザイン 視線の流れを意識するデザインのコツ
視線の流れが悪いとどうなる？ どこを読めばいいかわからない 大事なことが伝わらない 見る気がなくなるつまり…“いいデザイ...
WEBデザイン 参考デザインの観察と見方
今回は身になる参考デザインの見方と日頃使用しているサイトをご紹介します。なんとなくの良いな！を言語化できると力に。yor...
WEBデザイン デザインの「揃える・近づける・繰り返す・対比」って？
今回は「伝わるデザイン」を作る上で最も欠かせないルールである、デザインの基本原則を見ていきます！ どうして揃えた方がいい...
WEBデザイン 見出しと本文のメリハリのつけ方
なぜメリハリが大事なの？「見出しがあるのに目立たない」「情報が多くて読む気にならない」その原因は、見出しと本文の差がつい...
WEB・UIデザイン バナー＆LPの構成パターンまとめ
バナーやLPでよくあるお悩み どこに何を配置すればいいかわからない 詰め込みすぎてごちゃごちゃしてしまう 伝えたいことは...
WEBデザイン フォントの種類と使い分け方まとめ
そもそもフォントって何？フォントとは「文字のデザイン」のこと。同じ言葉でも、フォントが違うだけで雰囲気がガラッと変わりま...