デザインの学習記事｜Design Mentor (Pro)

固定された記事

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

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

デザイン迷子にならない旗を立てる

Webサイトやアプリ、バナーをデザインをしようとFigmaやPhotoshopを開いたけど、そこから何をしていいか分からない。そんなデザイン迷子の相談をよく受けるので、暗闇の中で助けになるコンパスを書き残しておきます。結論から言うと迷子になるのは、進むべき方向を定めていないから。デザインをするまえに必ずやらなければいけないことは、旗を立てることです。この辺りにゴールがあるよという、目印になる旗を。そして、その旗は当たり前ですがクライアントと合意を取った旗です。

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

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

メンティーさんのポートフォリオ3選

デザイナーのメンターをはじめてから2年半が経ち、気づいたら累計で100名以上（!!）のメンターを経験しました。現時点でもMENTAと個人サービスDM(PRO)で、合計22名のデザイナーや未経験者のメンターをしています。また、DM(PRO)はクリエイティブ業界の転職・求人サイト「BRIK」と業務提携しています。ネットの求人に出ていない、特別なヘッドハンティングの求人を紹介できます。条件としては1点だけ、 DM(PRO)の契約でポートフォリオを完成させることです。今

答えのないデザインの戦い方

デザインに正解はない。だからデザイナーは悩む。それなのに、クライアントや上司に「このデザインはどうですか？」と相談するのはどうしてだろう？この矛盾に気づいているだろうか。あなたに正解がわからないように、クライアントや上司も正解は知らない。そもそもデザインだけでなく、このVUCAの時代に答えのある仕事の方がマレだ。まず、認識を改めよう。あなただけでなく、雲の上の存在のような上司も優秀なクライアントも、誰も彼も答えのないゲームの中で戦っている。そして答えのないデ

デザインの言語化を高めるには、デザイン力より理解力

デザインの言語化を苦手にしているデザイナーは多い。なぜこのデザインなのか？を説明できないと、クライアントやエンジニアとの合意をとることは難しい。それでは、なぜデザインを説明できないのか？それは、デザインを「客観視」できておらず、「整理」できていないからだ。デザインの客観視まず、客観視から始めよう。これは単純にデザインのお勉強が必要になる。ゴシック体と明朝体のメリットとデメリットカラーが与える様々な印象目の錯覚によるレイアウトの調整認知バイアスによる適切

デザインの基礎のキ 3選

デザインのメンティーしていて気になった、デザインの基礎のキについて書きます。今日は大きく以下の3つを覚えてください。もしくは「スキ」してください。身体感覚や目の錯覚を知識として学ぶこと。デザインの基本は情報の整理。神は細部に宿るはガチ。最終的なクオリティは1pxに左右される。以上。といっても、何言っているの？という感じだと思うので、今日はより具体的にhowを書いていきます。 1. 背景のカラーを変えるなFigmaの背景カラーは#E5E5E5にしましょう。背景

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

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

センスを鍛える、Webサイトのオリジナル化

Webサイトを模写できたけど、オリジナル化でつまずく初級デザイナーさんは多いです。一番の課題は、オリジナル化する過程でクオリティが下がってしまうことでしょう。ギャラリーサイトで掲載されるレベルのクオリティを保ったままオリジナル化するには、あなた自身のセンス（審美眼）を鍛えるしかありません。まず、認識しておいて欲しいのはクオリティが下がってしまうのはあなたのセンスのレベルが低いからです。クオリティの高いデザインは全体の余白感、要素の配置、フォント、文字間、行間、カラーな

未経験からデザイナーとして就職するためのアドバイス

デジ⚪︎リや就職支援などのスクールやオンラインサロンみたいなものから、デザイナーになるのは、よほどの努力と運がないと困難です。なぜなら、スクールのように多数に教えることのできるスキルというのは「再現性があり標準化できるスキル」だからです。再現性があり標準化できるスキルというのは例えば FigmaやXDの使い方コーディングの方法課題やコンセプト作りのフローペルソナやユーザーストーリーマッピングの作り方などです。スクール業界はスケールしないと儲からないの

デザインのつくり方

新卒２年目の時に博報堂のコピーライターさんと、ヤングカンヌに挑戦していました。そのコピーライターさんは半端ない量の案件に関わっており、どうやって大量のクオリティの高いコピーを考えられるのか不思議でした。ヤングカンヌが終わった時に、その疑問をぶつけてみると「24時間考えていて、机の上では書くだけ。」とおっしゃっていました。クリエイティブを早く仕上げるコツはここにあります。そのことを書こうと思ったら、自分よりもわかり易く記事にしてくれていたので、まずは以下を読んでみ

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

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

デザイナーの先延ばし癖を改善するには？

デザインする作業があるのに、ついついSlackやSNSを確認してしまう。要件定義を考えるのが嫌すぎて、他の作業を優先したり遂にはYouTubeに逃げてしまう。 …なんて経験はありませんか？私はあります。（ごめんなさい）そして、締切ギリギリになって急いで作業することになります。コレには致命的な問題があって、様々な課題やユーザーのパターン、視点が必要なUIデザインだと思考量がそのままクオリティに直結してしまうことです。解決するには「直感的思考」から「意識的に制御しなく

デザインコンセプトの考え方

Webデザイン、LPデザイン、アプリデザインを提案するときに、デザインコンセプトと一緒に提案していますか？今日はデザインコンセプトについて書いていきます。デザインコンセプトの定義デザインコンセプトを検索すると、「サイトデザインのイメージに一貫性を持たせること」みたいなことが書いてあります。しかし、私のデザインコンセプトの定義はもう一段抽象度を上げて、「何のためにどう表現するかを定めた基本概念」と定義しています。ストーリーで提案するなにをどう表現するかを定義したデ

デザインの学習記事

記事一覧