![見出し画像](https://assets.st-note.com/production/uploads/images/107663068/rectangle_large_type_2_ee899bac79c01bc3e055e93478d3e637.jpeg?width=1200)
デザインtips 捕獲メモ
デザイン系のTwitterアカウントさんから捕獲メモ。(2023.06.08 追加加筆)
情報を伝える時には、シンプルな方が見やすい。「どう見せるか」を整理するといいんですね。
情報量が多い時には、どうするか難しいことが多いから大変。参考にしたいものをメモしておきます。
グラフの種類と使い分け
【超保存版】デフォルト設定のままな人必見!会社プレゼン資料でも使えるグラフのコツをまとめました。ときどき異常に線が多かったり、色が目に痛いグラフってありますよね。デフォルトそのまんまグラフは、少しのくふうで目にやさしくなります。この一覧で明日からおしゃれグラフ使いに変身を😉 pic.twitter.com/44Ij8yID16
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) June 6, 2023
【脱デフォルトのダサグラフ!】見やすくキレイなグラフのコツを、ぎゅーっと2ツイートにまとめたのがこちら。学会発表で正確性が必要なときなど、適さないケースもあります。状況に合わせてご活用くださいね。リプ欄に残りの画像をはっておきます😊 pic.twitter.com/y9psFjpAQP
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) February 2, 2023
続きはこちらです! pic.twitter.com/8qisrJULkj
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) February 2, 2023
インフォグラフィックを使った見せ方
インフォグラフィックは自分で作るのはちょっと難しい。
参考程度に、並べ方だけでも。
下は、4枚目の画像を見て、効果を見て下さい。
【デザイン初心者向け】たった5分でインフォグラフィックの基本がわかる図解をご紹介!興味のない人すら振り向かせ、見させる魔力をもつインフォグラフィック。魅力的な図解をつくりたい方はぜひ学んでくださいね。つくるのは大変ですが、ほんとにこれは強力ですよ~😊 pic.twitter.com/bezzjY0QXB
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 10, 2023
表組み
いかにスッキリ感を持たせるかは、「必要最低限」を意識。
【恐怖心から線を入れちゃう人は必見!】これ、意識しないとふつうの人は線だらけになっちゃうのでご注意を!ケースによっては線が必要なときも、もちろんあります。だからこそ、つど「ほんとに必要?」と客観的に判断するのがポイント。おためしくださいね😊 pic.twitter.com/kRZb85v7Fb
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 23, 2023
シンプルな表のデザイン集 pic.twitter.com/wJMYRZbnfv
— ノグチデザイン (@n_seitan) May 23, 2023
比較表の強調パターンあれこれ pic.twitter.com/fiU1PZhW1z
— ノグチデザイン (@n_seitan) May 10, 2023
ざっくりのまとめ
【デザイン初心者もこれで一気にスキルUP!】最近、図解のデザイン需要が上がっていますよね。図解はコツを押さえないと上達に時間がかかる分野。おすすめの書籍と勉強ポイントをまとめましたので、このGWはぜひ図解にチャレンジしてみてくださいね。リプ欄に各リンクを入れておきます☺️ pic.twitter.com/Y6Lt4NhUoI
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 2, 2023
イラストを使う時
「文字よりもイラストは強い」、補助的に入れるにはコツがあります。
「なんとなく空間がさびしいからイラスト入れよ」と思ってる方は要注意!ビジュアルの影響力はものすごく強いんです。小説とマンガのように、字と絵では認識する速度がちがいます。これだけで世界観や印象が確定するので慎重にえらんでくださいね。ポイントは以下にまとめました😊 pic.twitter.com/zml86QqNMc
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 8, 2023
【デザインがさびしいときはコレ!】わんこで学べるおしゃれ&簡単なスキマの埋め方がコチラです。画像を入れるコツは、世界観にあったクオリティの高いものを選ぶこと。品質が高ければ写真・イラストを置くだけでサマになります。全体の印象が決まる部分なので、ここは妥協しないでくださいね😊 pic.twitter.com/QmES1gqVaT
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 4, 2023
ぱっと見の余白の量の確認は、「壁に貼って 離れて見る」。
見て「理解できる・視認できる」程度がいいでしょう。内容を知らない人に見てもらうのが一番いいです。
写真
写真のトリミング
写真はトリミングした方が絶対に魅力的。
位置バランスは構図を使って決定。
【AIのプロンプトにも使える!】写真の魅力を引き出す基本6つのテクニックを公開!初心者さんはこのへんを押さえるだけで、作品が一気にレベルアップしますよ。Midjourneyのプロンプトにも活用してみてくださいね😊 pic.twitter.com/K02jSrsPDU
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 19, 2023
②色に変換してもよし。(これは素材として利用する前提での加工です)
【無料&会員登録不要でオシャレな2色加工!】こちらのサイト、あまり知られてませんが…Adobeなしでデュオトーンというおしゃれ加工ができるんです!サイトは見ただけで使い方が直感的にわかり、自分でオリジナル画像もUPできるスグレモノ。お気軽におためしくださいね!会社でも紹介して好評です😊 pic.twitter.com/9WvEZLaFgJ
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) February 25, 2023
印象的なレトロ風に加工しても良し。
【完全無料&会員登録不要!】Adobeさんのフォトショップで写真加工したいけど、お金が…という方はここ!行けばわかりますが、効果の種類が170コくらいあります(笑)2009年からある老舗の写真加工サイトさんだから、安心して使えるのも高ポイント。ぜひ写真加工で遊んでみてください~😊 pic.twitter.com/ehyD8VDedw
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 13, 2023
文字との配置はこう。
のっけてもいいけど。
【ぜったいどこかで使えるテク!】初心者さんにオススメの分割テクがこちら。とりあえずマネするだけでそれっぽくなるため、わたしも美大時代によく多用していました(笑)目的にマッチした写真やイラストでトライしてみてくださいね。ビジュアルの力を借りることで、簡単におしゃれになります☺️ pic.twitter.com/1GK62qCGZf
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 26, 2023
画像の上の文字を見やすくする方法あれこれ pic.twitter.com/3Js2ooKwbh
— ノグチデザイン (@n_seitan) May 31, 2023
おしゃれに見える写真の使い方・レイアウト集 pic.twitter.com/b8PQoc3eFW
— ノグチデザイン (@n_seitan) May 26, 2023
レイアウト
ポスター・チラシ系 訴求力の上げ方
シンプルに見せるためには、まず情報の量を絞る。
そして、「まず一番にいうならこれ!」というものを判別。
イベントなら「いつどこ」情報。内容は二の次です。
【マネして使える!デザインアイデア】初心者でもマネしやすいデザインを3つご紹介。まずはなん%オフとかで使える集中線。パワポでも細長い三角形を中央に向けてランダム配置すれば、画像のようなデザインが可能ですよ。リプ欄のものもマネしやすく使いやすいので、ぜひおためくださいね😊 pic.twitter.com/aEkStVIwi7
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 20, 2023
いっぱい敷き詰める系デザイン。背景にいっぱい敷き詰める→(手前の字が読めるように)色を薄くする→ちょっと傾けるのがミソです!敷き詰めるのは英語とか数字にするとさまになりやすいですよ。 pic.twitter.com/nnaWV4Ujoa
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 20, 2023
枠で囲う系デザイン。鉄板です。個人的にぶっとい枠がオススメ。今回はさらにななめストライプにしてみました! pic.twitter.com/xeV8XstikY
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 20, 2023
【初心者でも大丈夫!】3ステップで完成する、センス抜群の文字のデザインテク4選。パワポでもがんばればできます!ぜひマネしてみてくださいね😊 pic.twitter.com/X5A1hkvIHg
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 3, 2023
【1から勉強する時間がない初心者に!】おしゃれな文字デザインのテクニックをご紹介。見て3分で理解→とりあえずマネするだけでデザインがこなれます。まずはマネして成功体験を積んだら、ぜひ本格的な勉強にもトライしてみてください。一生使える有用な知識がたくさんありますので😊 pic.twitter.com/lcULot2GUi
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 14, 2023
チラシ広告系レイアウト
サムネを担当させて頂いていたYouTuberマナブさんの書籍広告を、2年ほど前に勝手に作ったときの制作手順まとめです。
— ノグチデザイン (@n_seitan) February 15, 2023
チラシは情報量が多く、制作難易度がかなり高めなのですが、何か参考になればと! pic.twitter.com/k0rQIkEV54
デザインがあと一歩しっくりこないときに私が試す「裏技」をまとめてみました pic.twitter.com/staWYuZyMl
— ノグチデザイン (@n_seitan) April 5, 2023
ついでに背景。
写真を2色化して背景に敷くとかもこれ。
ひと手間で良い感じになる、背景デザインパターン pic.twitter.com/eZAHL0SGOZ
— ノグチデザイン (@n_seitan) February 4, 2023
作ってみるとかなり難しい「イベントっぽさ」「にぎやかさ」を出す個人的コツをまとめてみました pic.twitter.com/EsWt6yZTjp
— ノグチデザイン (@n_seitan) February 2, 2023
数字と文字
表示のバリエーション
数字の扱い方は、デザインの肝と心得よ。
【マネして使える日付バリエ】初心者さん向けの、いろいろカスタムして使える日付バリエーションです。最初はこのあたりを参考にいろいろ組み合わせ→パズル感覚でおためしください。まずは楽しんでくださいね☺️ pic.twitter.com/iV0jTPGMyd
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) May 3, 2023
「金額」の文字組みアイデア【再掲】 pic.twitter.com/Og5VicVgGq
— ノグチデザイン (@n_seitan) April 8, 2023
文字の強調は以下がシンプル。
【パワポでもできる!おしゃれ文字強調】「この文字目立たせるか、とりあえず太字赤!」な人はこちらをごらんください。アイコンやマーカーの下線、ちょっと手をかけるなら袋文字など、オシャレに注目させるやり方はたくさんあります。ぜひご参考にしてくださいね☺️ pic.twitter.com/tJ4R8YryoR
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 12, 2023
あしらい、とは少しのパーツを足して「見せる」変化を入れるかんじのもの。
【今トレンドなあしらい76コ】もっと素敵なデザインがしたい!そんなみなさんにはこちら。パワポやAdobeでマネして使えるシンプルなデザインのあしらい第2弾です。よく使う数字、ふきだし、記号を使って、デザイン初心者でも簡単にオシャレなあしらいが作れますよ。ぜひマネしてみてくださいね😊 pic.twitter.com/Vp3vKv17zC
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 17, 2023
【今トレンドのあしらい78コ!】パワポやAdobeでマネして使えるシンプルなデザインのあしらいをご紹介!いつもの吹き出しをこんな風にするだけで、簡単にこなれたデザインになりますよ。週末はリラックスしてデザイン制作などいかがでしょう?作るのが面倒な方は固定ツイで無料配布もしてます~☺️ pic.twitter.com/jddgYlxPDW
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 15, 2023
数字のあしらいアイデア集🥳💛💛 pic.twitter.com/RTQ2sx3Q9i
— もち | Figma本7月12日発売📚✨ (@makiko_sakamoto) January 23, 2022
脱・ダサ パワポ
【8つのポイントで即改善!5分でダサパワポを卒業する方法】ダサパワポ卒業したい!でも改善方法がわからない…そんな方必見です。プロデザイナーミヤマが8つのポイントを図解で解説→5分で改善のヒントがつかめますよ。今すぐチェックして、プレゼンのクオリティをグンとアップさせてくださいね😊 pic.twitter.com/EiTu78JXJb
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) March 8, 2023
【文字色と背景色のプロ技!】デフォルトの白背景×黒文字、じつは地味に目に負担になってます。たとえばパワポ資料→デフォ白背景×濃いめグレー文字にするだけで、見え方がだいぶやわらかくなりますよ!背景色も少し色を加えるだけで雰囲気が変わります。ケースバイケースでお試しくださいませ😊 pic.twitter.com/EgtkYxyecQ
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) February 18, 2023
【ダサいパワポはこの手順で改善!】ダサい・見にくいはざっくり5つの要素に分解できます。以下の順でただしく修正できれば、世のダサいの97%は直せますよ!
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 29, 2023
①文字
②配置
③色
④装飾
⑤図画
だまされたと思って1回やってみてくださいね☺️ pic.twitter.com/KJ7qtIoKc7
【超高品質&商用OKな無料パワポテンプレ】「このパワポのテンプレ、ザ・海外なんだよなぁ」という方は必見!サンプルが日本人で超使いやすいテンプレですよ!わたしもDLしたんですけど、素晴らしすぎて会社の営業さんにもオススメしまくりました(笑)数も増えていくようですし、ぜひおむかえを!☺️ pic.twitter.com/zpYRfaKt90
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 16, 2023
タイトルの作り方
【無料で文字組みアイデアGET!】文字でオシャレな感じにしたい、だがいいアイデアがない…そんなときはココ!ズラ~っといっぱい出てきますよ!もとはバナーを参考にできるサイトさんですが、文字組みでカテゴリー検索できるんです。ありがたく文字組みアイデアをお借りしましょう。リンクはリプに😊 pic.twitter.com/XzqHz0sS7A
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 10, 2023
【無料で良質なデザインをチェックできる!】デザイン制作でよくあるバナー・WEBサイト・サムネ・LP(ランディングページ)の参考サイトをご紹介!とくにマネるデザインさんは解説が丁寧なので初心者にいちおしです。リプにはここに入り切らなかった、秘蔵サイトのURLもおまけで入れておきますね☺️ pic.twitter.com/vWsgDoFkDd
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) January 12, 2023
タイポグラフィ、文字の扱い方
【タイポグラフィの基本はこれ一枚で!】5分でとりあえずマスターするための文字組みのコツをまとめました。タイポグラフィに自信がない方、ぜひご活用ください😊 pic.twitter.com/7En2J7zf6q
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 9, 2023
文字にプラス。パーツをプラスする
ソフトを使いこなせる人にはよいけれど、そうでないとちょっと難しい時もあるかも。
次の「文字の大きさでメリハリをつける」方が楽かな?
文字を強調したいときに使える「囲み枠」の基本型まとめ【再掲】 pic.twitter.com/RGBfuGVVyr
— ノグチデザイン (@n_seitan) January 29, 2023
もっといじれるなら、こんなふうにも。
「メイン」「サブ」「あしらい」の3点セットを意識すると、良い感じのタイトルデザインが作れます pic.twitter.com/59dKs423uS
— ノグチデザイン (@n_seitan) May 30, 2023
文字の色変アイデア総集編 pic.twitter.com/2v8eKl9737
— ノグチデザイン (@n_seitan) April 17, 2023
文字だけでメリハリをつける。
すぐ作れて、簡単にタイトルっぽく見えるデザインのコツをまとめてみました pic.twitter.com/EZdcuUF2uW
— ノグチデザイン (@n_seitan) May 17, 2023
相性が良いフォントの組み合わせパターンまとめ pic.twitter.com/eEPW9uClBo
— ノグチデザイン (@n_seitan) May 16, 2023
デザイン
ターゲットを絞った時の差別化
【5分でざっくりマスター!】女性的なデザインの作り方を図解でわかりやすく解説しました。女性のニーズ・傾向を理解することで、より魅力的なデザインができますよ。ご参考にぜひぜひ😊 pic.twitter.com/Ch6GWUKlPI
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 22, 2023
石油王だけ来てほしい時には以下のようなリッチでラグジュアリーなものを(ざれごと)
しかしデザインは「ターゲットを絞る = その他を排除する 」効果にもつながるので、そこは意識しておきたい部分です。無意識に「お断り!!」って空気を出していないかどうか。
【高級感のあるデザインの作り方】サクッと3分でわかる高級デザインのポイントをまとめました。ご参考ください☺️ pic.twitter.com/J6yjWgj8F9
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) April 14, 2023
webデザイン用メモ
こっちはweb用。ボタンも工夫すると押されやすいから一工夫したいパーツだけど、実際に作るとなると時間かかってしかも難しいから、これは嬉しい。
これは凄い✨
— スタバでMacを開くエンジニア (@MacopeninSUTABA) May 30, 2023
CSSのボタン実装のパターンが「200種類」近く掲載されている「逆引きレシピ」。デザインの参考になるのに加え、コード解説も丁寧なので勉強になる。https://t.co/6YOu8tDrKe pic.twitter.com/5Cz44BIxiA
なんとなくおわり
ここまで見てどうでした?
情報を画像で見せるプロは、「ベースカラー+ピンポイントに差し色をひとつ」。
これが大原則になっているのが分かると思います。
【絶対失敗しない色のえらび方】初心者の色えらび失敗の原因は、見る人のこと考えてない・内容との親和性を考えてない・単純に色使いすぎの3つがダントツ。そこを手っ取り早く解決する方法がこちらです。とりあえずこの辺からはじめて、慣れたら競合の配色をリサーチするとグッドです。ぜひぜひ😊 pic.twitter.com/VgcAEea7PY
— ミヤマ|営業部にいるデザイナー (@mmmiyama_D) December 13, 2022
自信がないときほど派手目の多色使いになりがちかも、注意しなきゃなと自戒。
↙左下の♡マークをポチして下さるととても喜びます。(未登録の場合はポチのカウントのみです、ご安心を) よろしくお願いします❤️ もちろん投げ銭サポートもできればよろしくです!