Webデザイン＆ツール

Figma模写 #8｜自分だけの広告デザインを作ろう！3色×コンセプト練習

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

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

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

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

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

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

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

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

はじめに Webデザインの世界で、「よく見える」と言われるレイアウトには、多くの技術的背景が存在します。その一つに、「美しさを数学的に扱う」仕組みとしての「デザイン比率」があります。金の比率として知…