- 12
- 15 983
てぬきのデザイン
เข้าร่วมเมื่อ 17 พ.ย. 2016
デザイナーではない人へ向けのデザイン教養チャンネルです。気長にお待ち下さい。がんばります。
【知識０でOK】文字で説明しない！UIデザインで重要な色とかたちの話
最近夜な夜な小学生レベルの英語でChatGPTと音楽について語り合っています。
直感的なUIと良くいいますが、そういった「わかりやすいデザイン」ってどんな原理でできているのか、ということを身近な事例を用いながら解説しています。
本日の動画の内容はnoteにまとめています。
x.gd/rbWIG
TH-camは当面以下のnoteの内容を動画化させていきますので、noteを全部読むとTH-camで動画を改めて見る必要ないかもです。
x.gd/Mf3yp
X：x.com/yamashita_3
00:00 導入
01:12 身近なわかりづらいもの
03:24 認知と色
05:43 認知とかたち
08:00 デザインを良くする方法
11:23 余談
▼参考図書▼
UIデザインの教科書：amzn.to/3ZB6rPm
※（当然ですが）案件ではないです
▼UIデザイン関連まとめ▼
th-cam.com/play/PLH9EeAU346SIeBJxcnKEyvvxpkbv_-JMQ.html&si=9DxIRtqFLBX8ni8S
▼お借りしている素材▼
効果音ラボ：soundeffect-lab.info/
イラストAC：www.ac-illust.com/
写真AC：www.photo-ac.com/
いらすとや：www.irasutoya.com/
直感的なUIと良くいいますが、そういった「わかりやすいデザイン」ってどんな原理でできているのか、ということを身近な事例を用いながら解説しています。
本日の動画の内容はnoteにまとめています。
x.gd/rbWIG
TH-camは当面以下のnoteの内容を動画化させていきますので、noteを全部読むとTH-camで動画を改めて見る必要ないかもです。
x.gd/Mf3yp
X：x.com/yamashita_3
00:00 導入
01:12 身近なわかりづらいもの
03:24 認知と色
05:43 認知とかたち
08:00 デザインを良くする方法
11:23 余談
▼参考図書▼
UIデザインの教科書：amzn.to/3ZB6rPm
※（当然ですが）案件ではないです
▼UIデザイン関連まとめ▼
th-cam.com/play/PLH9EeAU346SIeBJxcnKEyvvxpkbv_-JMQ.html&si=9DxIRtqFLBX8ni8S
▼お借りしている素材▼
効果音ラボ：soundeffect-lab.info/
イラストAC：www.ac-illust.com/
写真AC：www.photo-ac.com/
いらすとや：www.irasutoya.com/
มุมมอง: 203
วีดีโอ
【UIデザイン】知識０でもUIの良し悪しを少し説明できるようにになるかもしれない動画
มุมมอง 222หลายเดือนก่อน
深夜に空港の駅から電車に乗る制服の女子高生たちって何しに空港来てたんですかね。 サービス開発などでUIデザインの改善点や方針を決める際に参考になるUIの身体的負荷と認知的負荷について知っていただく動画です。スタバなどの実例を用いてデザインの解説を行います。 本日の動画の内容はnoteにまとめています。 x.gd/rbWIG TH-camは当面以下のnoteの内容を動画化させていきますので、noteを全部読むとTH-camで動画を改めて見る必要ないかもです。 x.gd/Mf3yp X：x.com/yamashita_3 00:00 導入 00:58 身体的・認知的負荷とは？ 01:20 身体的負荷 03:12 認知的負荷：操作がわからない 05:39 認知的負荷：場所がわからない 08:17 余談 ▼参考図書▼ UIデザインの教科書：amzn.to/3ZB6rPm ▼パワーポイントデザ...
こんなに違う！デバイスやソフトウェアのデザインの世界【サービス開発とUI】
มุมมอง 105หลายเดือนก่อน
秋って何月からですか。 本日の動画の内容はnoteにまとめています。 x.gd/rbWIG TH-camは当面以下のnoteの内容を動画化させていきますので、noteを全部読むとTH-camで動画を改めて見る必要ないかもです、。 x.gd/Mf3yp X：x.com/yamashita_3 00:00 導入 02:25 サービスの提供形態について 03:00 デバイスのちがい 06:55 開発する際に考えること 08:18 サービスで大切なこと 10:09 余談 ▼パワーポイントデザイン▼ 総集編：th-cam.com/video/OS8KfnHv0Bo/w-d-xo.html 実践編：th-cam.com/video/4QQ_HoO7Wpo/w-d-xo.html ▼お借りしている素材▼ 効果音ラボ：soundeffect-lab.info/ イラストAC：www.ac-illus...
パワポは"ルール"で直す！パワポチラシをデザイナーが修正します
มุมมอง 1.1K2 หลายเดือนก่อน
世の8割のデザイナーはWindowsでいいじゃん、と思ってる派です。 ▼パワポデザイン14のルール▼ th-cam.com/video/OS8KfnHv0Bo/w-d-xo.html パワポで頑張ってリーフレットやチラシを作っている方が多かったので、デザインでなるべく時間をかけずに手直ししていく過程を解説しています。 ちょっと長めなので倍速でながら見でもしていただけたらと思います。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/HgEaR X：x.com/yamashita_3 00:00 導入 02:17 パワポデザイン14のルールのおさらい 04:55 本編（全体のデザイン修正） 07:43 本編（紙面のブロックごとの調整） 18:43 余談 ▼パワポの情報整理関連動画▼ 情報整理の考え方：th-cam.com/video/deX1jKvl4vA/w-d-xo.ht...
【パワポ】初心者でも悩まずにオシャレに！覚えておきたい１４のデザインルール
มุมมอง 6912 หลายเดือนก่อน
投稿サボってた時期に登録者や再生数が大幅に伸びたので、サボり続けて登録者1000万人目指します これまで上げたパワポデザインの4動画の総集編です。 新しい情報はないですが余計な前置きや雑談を省いて、デザイナーではない初心者の方でも「パワポデザインはこれだけ見ればOK」という感じで他の人にもオススメしやすいかたちに修正しました。音声も聞きやすく再編集しました。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/1gLb9 X：@yamashita_3 00:00 導入 01:35 「文字」のテクニック 06:59 「整列」のテクニック 11:35 「図画（イメージ）」のテクニック 17:46 「色彩」のテクニック 27:05 クロージング ▼その他パワポ関連動画▼ 情報整理の考え方：th-cam.com/video/deX1jKvl4vA/w-d-xo.html 情報整理の実...
【パワポデザイン】まずは情報整理！ごちゃごちゃパワポはこう改善！
มุมมอง 1.7K2 หลายเดือนก่อน
最近は岩に隠れとりました。 パワポのデザインは情報整理が９割という持論のもと、ちょっとイケてないパワポページの内容を読み取り、改善していく行程を動画化しました。 本日の動画の内容はこちらのnoteでも読めます。 note.com/maelop/n/nde32efe19d... X：x.com/yamashita_3 00:00 導入 01:33 情報はどう減らす？ 03:20 情報の階層構造を読み取る 05:42 ページを分割する 06:26 ページの情報を削る 09:07 情報を並べてみる 09:52 おさらい 11:23 余談 ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.co...
【パワポデザイン】デザインよりも100倍重要な情報整理のはなし
มุมมอง 5843 หลายเดือนก่อน
今回ちょっと自信薄いがためにエクスキューズが多めでごめんなさい。 この動画の続き→th-cam.com/video/ZLk3N_IKC5Y/w-d-xo.html 本日の動画の内容はこちらのnoteでも読めます。 note.com/maelop/n/n15fc0ea99ad6?magazine_key=m60aa60e0783d X：x.com/yamashita_3 00:00 導入 02:22 目的を明確にする！ 05:30 デザインは重要じゃない 07:48 余談 ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.com/video/978iFvxyVhk/w-d-xo.html...
イマイチなパワポを【整列】と【余白】で劇的改善！
มุมมอง 4603 หลายเดือนก่อน
文字や写真の揃え方や余白についての考え方を解説しています。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/1gLb9 X：x.com/yamashita_3 00:00 導入 01:31 全部左揃えでOK 02:49 中点は一行に 03:42 「余白」こそ揃えよう 06:03 おさらい 07:20 余談 ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.com/video/978iFvxyVhk/w-d-xo.html 色の扱い方： th-cam.com/video/RIFDzu5nALM/w-d-xo.html ▼お借りしている素材▼ 効果音ラボ：soundeffect...
パワポがダサい原因は【色】！これだけ覚えてほしい４つのポイント
มุมมอง 4.9K4 หลายเดือนก่อน
パワポで色を意識的に使うことができるとデザインの品質がぐっと上がります。誰でもすぐにできるような簡単な方法で色の事故を防ぐ方法を解説します。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/1gLb9 X：x.com/yamashita_3 00:00 導入 01:49 色はなくてもいい 03:26 100%の黒は使わない 06:59 色は同系色から２色選ぶ 09:26 グラデーションは使わない 11:04 おさらい 12:43 余談 ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.com/video/978iFvxyVhk/w-d-xo.html 色の扱い方： th-c...
パワポがもっとキレイになる！図や線で気をつけるべきこと4選
มุมมอง 4K4 หลายเดือนก่อน
パワポで無意識にやってしまいがちな失敗を意識して、デザインを簡単により見やすくおしゃれにする方法を解説します。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/1gLb9 X：x.com/yamashita_3 00:00 導入 01:34 いらすとや禁止 04:04 大胆に余白を埋める 05:09 図の大きさは揃えよう 06:00 線は遠慮がちに 07:40 おさらい 09:37 余談:クセはでちゃう ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.com/video/978iFvxyVhk/w-d-xo.html 色の扱い方： th-cam.com/video/RIF...
パワポは【文字】で手間なく変わる！やるべきこととやっちゃいけないこと３選
มุมมอง 1.8K4 หลายเดือนก่อน
普段この２倍くらいのスピードでしゃべってるので動画の話し方の違和感がすごいです。 ちょっとナレーションの音量小さめですまない。 本日の動画の内容はこちらのnoteでも読めます。 x.gd/1gLb9 X：x.com/yamashita_3 00:00 導入 01:31 書体は選ばない 03:52 変化は大胆に 05:18 効果は使わない 06:51 まとめ 08:18 余談 ▼パワポ関連動画▼ 整列や余白の考え方：th-cam.com/video/IeTnFnKmizg/w-d-xo.html 文字の扱い方： th-cam.com/video/LFg5o38axYU/w-d-xo.html 図や写真の扱い方：th-cam.com/video/978iFvxyVhk/w-d-xo.html 色の扱い方： th-cam.com/video/RIFDzu5nALM/w-d-xo.html ...
「てぬきのデザイン」はこんなチャンネル【はじめまして】
มุมมอง 2675 หลายเดือนก่อน
これから頑張ります。逃亡しないように見守っててください。 X：x.com/yamashita_3 note：note.com/maelop #デザイン #てぬきのデザイン ▼お借りしている素材▼ 効果音ラボ：soundeffect-lab.info/ イラストAC：www.ac-illust.com/ 写真AC：www.photo-ac.com/ BGM：th-cam.com/video/siCmqvfw_1g/w-d-xo.html
いろんな人のを見ているけど他の人のTH-camは時間が長く、見ていてきつい。 短いがまとまりがあるこれがいい。全然 ”てぬき” ではない💧 また別のも見たいって気になります。えがお
なんと嬉しいコメント。。ありがとうございます！！そう言っていただけるとまた頑張れます😢
確かにプレゼンや研修資料は黒100%じゃない色が使われていました。 長く見ていて疲れなかったです。
そうだったんですね！濃い黒も95％くらいにするといい感じになるかと思うのでぜひやってみてください！
動画の長さとしては、10分くらいが、次も見たいな⭐️と思う長さだと思いますよ。 最近のは長い💧 私は長々と見るのがあまり好きではないからそう思うのかもしれませんけどね。
貴重なご意見ありがとうございます！自分も長い動画は相当好きな人の動画でないと見きれなくて、特に私みたいな解説系の動画は長いと疲れてしまいますよね、💦 今後参考にさせていただきます！！
プレミアプロとかナイトもあるけど、もっといろんなのがどんどん出ればいいのにネ💧
自分が学生だったころは無料のaviutlなどが全盛期でしたね、！シンプルで扱いやすいツールもっと増えてほしいです！
今までみんなが作ったチラシがうまいと感じたことがなかったので、修正したのを見てこれならバッチリ！！と思いました。
わーうれしいです！ありがとうございます！！
ユニクロデザインって言葉いいですね👍
わーうれしいです！なんかキャッチーな言葉を作りたくて、サウナで思いつきました、！
パワーポイントやりたい人必見動画ですね😊 滑舌も良く、わかりやすく、久々にノンストレスで最後までサーっと見れた動画。 他の動画も必ず見たいです。
嬉しいコメントありがとうございます！！噛むたびに何度も音声撮り直しして泣きそうになってるのですが、そう言っていただけるとまた頑張れます！本当にありがとうございます🙇
情報の優先順位と文字のブラッシュアップでこんなにも見やすく伝わりやすくなるんだ！ありがとうございます
お役に立ててうれしいです！この情報整理でほとんどのパワポの問題は解決すると思っているのですが、この情報整理がやはり難しいんですよね。。ありがとうございます！
私もいらすとやの画像は使いません。どうしてもポップさが勝ります。 あとTH-camに見えてくるので😂
たしかにTH-camでたくさん使われているので、いらすとや見るとTH-camを想起される方多そうですよね。。イラストはすごくカワイイし種類も多くて使い勝手非常にいいのですが、
ここまで断言してもらえると気持ちいいです windows環境なのでMSPゴシックばかり使ってました これから游ゴシックを使ってみようと思います
ありがとうございます！ディスプレイの解像度が上がってきた影響もあってMSPゴシックも近年かなりキレイに表示できるようになってきたのですが、それ以上にやはり游ゴシックが優秀なのでおすすめです！ぜひ使ってみてください
いまパワポのデザインで悩んでいるところです。とても勉強になりました、ありがとうございます。あとイノシシ可愛い。
ありがとうございます！次の動画がパワポデザインの最終回になる予定なので、よければまた見ていただけたら嬉しいです🙇
すごく有益な内容でした！これから伸びそう！ 情報整理の具体ツール・手法も期待です！（自分はWordで構成案練ってからパワポに落とし込むことが多いのですが、モザイク越しに見た感じマインドマップでしょうか？笑）
ありがとうございます！！次回の動画もよければよろしくお願いいたします🙇 モザイクをかけていた部分は、特定の概念を説明するための１枚物の資料なのですが、ちょっとまだ作成中で中身が変更になる可能性があったのでちょっとぼかしていました、。
これくらいの長さが見やすいです
ありがとうございます！安心しました、参考にさせていただきます！