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

固定された記事

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

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

#004 Figmaに縛られるデザイナーたち

結論：Figmaのオートレイアウトはほどほどに使おうねというお話です。もし、あなたがオートレイアウトでガチガチにレイアウトを組んでいるなら、、、すぐに全部解除してください。プロダクトデザインにおけるオートレイアウトオートレイアウトは基本的にプロダクトデザインで利用するものです。プロダクトのUIデザインは複数人のデザイナーで一つのプロダクトをデザインする長期間、アップデートし続けるプランや顧客によって、さまざまなパターンを考慮する同じような機能の画面

デザインスキル向上の実例：100回模写して1ページ作る

おかげさまで、多くの方にDM(PRO) - デザインメンタープロを利用してもらっています。（すでに10名以上のメンティーさんが契約中）この記事では、契約でどんなことをメンティーさんがやっているのかを実際の事例をお見せしながら説明します。 01：最終的なアウトプット以下のWebサイトのデザインは、実際に契約していただいたメンティーさんが「模写からオリジナル化」のフローで作成したものです。このクオリティのデザインが最低5作品あるポートフォリオを作れれば、書類選考で落とされる

デザインのクオリティを上げる、たった一つのコツ

良いデザインを抽象化してから具体化する僕は3年前からデザインのメンターを始めました。今では、累計で150人以上の未経験者さんやジュニアのデザイナーさんをサポートしています。実際に、課題を続けていくことでデザインスキルが格段に向上し、有名な制作会社に転職した方も多くいます。また、3年や2年以上ずっと契約してくださる方もいます。この課題は模写からオリジナル化することをベースに、いまのトレンドを学びデザインスキルを上げながら、ポートフォリオを作れる仕組みになっています。その学習

日本のすごいデザイナー48選

僕はデザインがもっと上手くなりたいとずっと思っています。「デザインが上手い」という言葉には、さまざまな意味が含まれます。 Xでフォロワーがたくさんいて、拡散されているデザイナーはビジネスとしてデザインを使うのが上手いデザイナーが多い印象です。また、Xのルールで拡散しようとすると、ドーパミンを出す投稿が一番効果が高いため、高いデザインスキルがなくてもハックすることができます。 Xはデザインでビジネスをしている投稿に偏っています。それでは本当のデザインの広さや美しさや

なぜ「実装がわかるUIデザイナー」が必要なのか

実装がわかる=「簡単なフローチャートをイメージできる」ジュニアのUIデザイナーが上に上がるための大きな壁が、実装がわかるかどうかです。実装がわかるとは、「プログラミングできる」ことではありません。プログラミングはできなくていいけど、「ユーザーがアクションした時と結果画面の間に、どんな情報のやり取りがされたのかをイメージできること」をUIデザイナーは求められます。（正確には「フローチャート」と呼びます）しかし、そのイメージができない場合、ユーザー体験のラストワンマイルま

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

2021年にデザイナーのメンターをはじめてから、気づけば累計で180名以上（!!）のメンターを経験しました。現時点では個人サービスDM(PRO)で、約40名のデザイナーや未経験者のメンターをしています。今回は、私と契約して頂いたメンティーさんが作ったポートフォリオを3つ紹介します。実際にたくさんの方がポートフォリオ作成後、有名な制作会社や事業会社に転職・内定しています。 1. Akane Fujisawa制作期間：1年着実で丁寧にデザインスキルを磨いていける方です。

新卒・未経験からUIデザイナーになるリスク

『意匠』が弱いUIデザイナーデザインは『意匠』と『設計』の二つの概念を内包している言葉です。昭和から平成初期まで、日本におけるデザインは『意匠』としての概念で主に認知されていました。新しい視点による価値の発明とグラフィックのクオリティが重視された時代です。しかし2007年のiPhone発売以降、日本にもUIUXという概念が広く認知されるようになります。『意匠』重視だった反動か、特にSaaS界隈ではデザインの民主化やデザイン経営などがバズワードになり『設計』に傾倒すること

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

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

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

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

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

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

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

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

デザインの基礎のキ 3選

デザインのメンティーしていて気になった、デザインの基礎のキについて書きます。今日は大きく以下の3つを覚えてください。身体感覚や目の錯覚を知識として学ぶこと。デザインの基本は情報の整理。神は細部に宿るは本当。最終的なクオリティは1pxに左右される。ここからは、より具体的なhowを書いていきます。 1. 背景のカラーはグレーにするFigmaの背景カラーは#E5E5E5にしましょう。背景カラーを暗くしたり、全然別のカラーを背景にして、WEBサイトやUIをデザインし

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

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

デザインの学習記事

フォローしませんか？

記事一覧