デザインの学習記事

本

Design Mentor (PRO)に所属しているメンターの、デザイン学習記事まとめ

運営しているクリエイター

#figma

Webデザインがトップレベルになるガイド

「なぜか思うようなデザインができない。」「どこかやぼったい。」「クライアントからのフィードバックに対応できない。」そのうような悩みがあるデザイナーの根本的な原因は大きく２つあります。デザインの基礎がそもそも身に付いていない。 Webデザインのトレンドを習得できていない。デザインの基礎は余白感・フォントの選び方・カラーの配分・レイアウトのルールなどの知識とそれを実践できる身体スキルが培われている必要があります。ただ、最初の悩みで大きな原因になっているのがい

カンパニーデック、もしくは資料を高速でデザインする方法

プロダクトデザインの合間に、Figmaでカンパニーデックを高速でデザインしたので、その作り方を記事にしておきます。資料のレイアウトは7パターンだけタイトル通りですが、上のカンパニーデックは7パターンのレイアウトだけで作成しています。方法はグリッドを作成するだけ。これでレイアウトに悩むことはなくなり、ページ全体で統一感を出すことができます。それでは、もう少し詳しく7パターンを見ていきましょう。パターン1：空レイアウト表紙やタイトルに使います。逆にそれ以外で使う

実は難しい？Webサイトの正しいキャプチャ方法

ギャラリーサイトからWebサイトを正しくキャプチャしていますか？MacのディスプレイやFIgma、ブラウザの仕様をきちんと理解していないと、実は正しくキャプチャすることはできません。この記事では、正しいキャプチャの仕方をPCとSPに分けて説明していきます。MacのGoogle Chromeを利用して、Figmaにアップロードすることを前提にして話します。 PCのキャプチャ方法1. 動きがあるサイトはまず下までスクロールしておく動きがあるWebサイトだとうまくキャプチ