Webデザイン＆ツール

Canva・Figma・STUDIOの使い分け完全ガイド｜ 導入 「WebサイトやLPを作りたいけど、プログラミングはハードルが高い…」そんなときに役立つのが ノーコードツール です。 特に Canv…

1. 模写から「考えるデザイン」へ Figmaでの模写は、Web制作初心者にとって「良いデザインに触れながら、再現力を高められる」最高の練習方法です。しかし、模写だけでは終わりません。次のステップは、…

【初心者向け】Webデザインのためのフォント選び完全ガイド｜迷わない選び方とおすすめ書体 はじめに｜フォント選びに自信がないあなたへ 「フォントを選ぶとき、なんとなくで決めてしまう」「見た目は気になる…

【Figma練習OK】3色配色で作るシンプルで伝わるバナーの作り方 はじめに｜配色に悩むあなたへ 「バナーを作るとき、配色がごちゃごちゃしてしまう」「センスに自信がなくて、毎回色選びで止まってしまう」…

はじめに｜「なんとなく」から抜け出すために UIデザインを始めたばかりの頃、よくある悩みが「何から手をつけていいか分からない」というもの。色を選んでみたり、フォントを変えてみたり、ボタンをそれっぽく置…

🧠 導入｜デザイン参考が“ノイズ化”していませんか？ 「PinterestやInstagramで“良いデザイン”を探しているのに、なんだかピンとくるものが少ない…」 そんな経験はありませんか？ 今や、…

はじめに｜SUZURIは“学習ツール”としても使える 「デザインを学ぶ」と聞くと、FigmaやPhotoshopで練習するイメージが強いかもしれません。でも実は、SUZURI（スズリ）などの出品プラッ…

はじめに｜“あえて”を言い訳にしていませんか？ 「このデザイン、ちょっとごちゃついてませんか？」「いや、あえてこうしてるんです」 ──Webデザインの学習初期にありがちなのが、「“あえて”を理由に根拠…

Webデザインの設計を学ぶ中で、よく見かける失敗の一つに「グリッドレイアウトが崩れている」ことがあります。見た目はきれいにみえても、設計の本質において、グリッドの有無は越えては通れないキーポイントです…