デザインの学習記事

本

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

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

#クオリティ

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

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

タイポグラフィの基礎のキ 3選

基本的なデザインのスキルはタイポグラフィの扱い余白の扱いの2つを見れば分かります。今回はタイポグラフィの基礎中の基礎について書いていきます。 1. 英数字で日本語フォントは使うなタイポグラフィをすごく拡大してよーく観察したことはありますか？下の画像は異なるフォントで記入した「aと1」です。比べてみると形が大きく違うことが分かります。どちらが、日本語フォントでどちらが欧文フォントか分かりますか？正解は、左が「ひらぎの角ゴ」右が「Helvetica」です。日

デザインスキルを向上させる、時間の作り方

私のメンティーさんはデザインの勉強を始めたばかりの方や、デザインスキルに自信のない方が半数近くいます。そのようなメンティーさんには以下のnoteで書いたデザイン練習のフローをやってもらっています。（たくさんのいいね！ありがとうございます！）デザインにある程度慣れているレベルの方なら難しくないフローですが、初級者の方だと慣れるまでは難しいです。そもそも、練習する時間がない場合があります。平日は仕事で忙しいく、夜遅くまで業務があるので帰宅したらヘトヘト。休日だってゆっく

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

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