TOPトーク専門家しまやすの「デザインGOGO」画像を配置する時に視線を意識しているか?12:33 5月3日 96再生 問題を報告する 再生する シェアする デザインそのものは違和感をなくすことが超大事というお話AI目次画像を置く際の「視線」の極意角度で変わるデザインの違和感Photoshop新機能「視線」活用術違和感ゼロで魅せるデザイン思考継続的な発信を生むシンプル戦略AI文字起こし(β版) # あいさつ ティマイスのデザイン豪豪、この番組はセンスがなくてもできるデザインの小技を一日一つお送りしていきます。 本日のテーマはですね、デザインにおける視線みたいなお話をしていきます。それでは本日もよろしくお願いします。 # 本編 本日もお聞いていただきまして ありがとうございます。 今日はデザインにおける視線の話を してみようと思います。 今日の話はちょっと目で見たほうが わかるかなと思ったので、 一応この概要欄にインスタのリンクを 貼っておくので、ちょっと見てみてください。 何が言いたいかというと、視線という のが異なるというか、違和感が出ちゃうと 結構デザインって変な感じになっちゃうよ という話ですね。 まず視線、視線と言われてもよくわからないですよね。 目ですよね、目の視線。 この視線というのは、例えば皆さんが、 今仮にパソコンの前にいるとしたら、 座ってパソコンを見ますと、 パソコンは多分斜め上から見てるんですよね。 例えばテーブルの上、机の上に パソコンが置いてあるとして、 パソコンのキーボードが多分見えるじゃないですか。 座ってパソコンを見ていれば。 仮にテーブルがあって、 そのテーブルを椅子に座らずに、 テーブルの高さに視線を合わせると、 多分テーブルの高さに目線を合わせたら、 パソコンは開いていれば見えるとは 思うんですけど、きっと上から見てない。 下の方から見てるんで、 キーボードが見えなかったりするんですよね。 今日の話はこういう話です。 マニアックですね、ゴールデンウィーク中に。 しかも久しぶりなのに。 どういうことかというと、視線が上から見るか、 上からも見る斜めの角度も、それこそ角度も、 本当に上から見るか、 極端に言ってしまえば一番真上から見るですよね。 上から見るのか、斜め上から見るのか、 少し斜め上から見るのかという角度は、 90度までいっぱいあるんですけど、 どこまで厳密に合わせるかというとおいて、 そういった視線、見てる人の視線があって、 それに対して、例えばお皿だったら、 お皿の丸いところが、 上から見ればまんまるですよね。 本当に真上から見たらまんまるですけど、 だんだん見ていくと、 それが楕円というか、 なんかこうなっていって、 最終的に一番真横から見たら、 お皿を横から見る機会がないかもしれない。 三日月みたいになっていく。 これはお皿の形によりますけど。 例えば、何か商品をデザインで配置するときに、 ただ商品だけ置いておくと、 ちょっと寂しいなとか、 何か実際使われてる感じがないなというと、 例えばテーブルの上に置くとか、 何か実際のものを合成して、 どこかに配置するみたいなケースって ちょいちょいあるんですよ。 例えば、僕今、 Adobeでクリエイティブカレッジという講師を、 フォトショップの講師をやってるんですけど、 課題を結構出すんですよ。 そのときに、その課題というのは、 ちょっとおしゃれな言い方で、 コンフィチュールという、 ジャムなんですけど、 コンフィチュールがジャムだというのを、 この課題をやって初めて僕は知った。 別の方からそのコンフィチュールという 素材の名前は考えてくれたんで、 あれなんですけど。 それは置いといて、その配置するときに、 例えば課題を出すと、 それをローズガーデンっていうところから 作ってるっていう前提のお題なんで、 例えばローズガーデンっていう、 公園みたいなところに、 外で配置してるデザインをされる方もいれば、 食卓でテーブルの上に、 ローズガーデンのコンフィチュールがあって、 みたいな感じでやられる方もいるんですよ。 つまり、何が言いたいかというと、 そんな感じで、ある特定の商品を、 特定のシチュエーションとか、 場所に置くみたいなケースって、 ちょいちょいデザインを置いてあるんですよ。 それをやるときに、実際に置くときに、 角度、今はこのHotShopの新機能で、 オブジェクト回転っていうのがあるんですけど、 結構一気に飛び道具に見えるんですけど、 それやると、結構パッと角度が変えやすいんですよね。 今までは、それを無理やり、 角度が合ってそうなやつを配置したりとか、 合ってそうな、例えばテーブルとかを探してきたり、 みたいなことがやってたんですけど、 今も、せいせいAIを使ったら、 ある程度はできるんですけど、 とはいえ、せいせいも、影とか角度とかっていうのが、 うまくいく場合と、 あんまうまくいかないときがあるんですよ。 なので、そうなっているより、 このオブジェクト回転っていうのをやると、 割といい感じにできるんですよね。 明日か明後日かに、影の解説も、 インスタとかでしようと思ってるんですけど、 そんな感じで、実際に、 物がそこにある感じっていうのを出すだけで、 デザインって、全然品質が変わってくるんですよね。 デザインって、違和感をなくす作業だと思っていて、 見てる人が何も引っかからないのがベストなんですよ。 だから、デザインのことをあんま意識しない。 例えば商品だったら、おいしそうだなと思うとか、 スタバの新メニューを見たときに、 この新メニュー飲んでみたい、食べてみたい、 みたいなことがあったとして、 それって別にデザインは意識されないんですよね。 あくまで商品とか、それを買いたいなとか、チェックしようとか、 期間限定なんだとかという認識ができる。 どうでもいいと、例えばスタバの商品を見て、 なんかこれ、影ないな、変だなとか、 影がないなって思って変だなって思う人は、 そこまでマニアックな人はいないかもしれないですけど、 なんかこの商品変だなとかって思わせちゃったら、 負けだと思うんですよね。 ただ、そこの違和感をなくすっていうところは、 結構大事な観点かなと思っていて、 そんな感じで、視線、角度っていうのを意識する。 意識する上で、結構Photoshopの新しい新機能って、 面白いなと思ったんで、 今日はそんな感じで、商品視線の話というのを一つしてみました。 # デザイナー超覚醒コミュニティ「しまらぼ」 お知らせです。本気でプロのデザイナーを目指すなら、シマラボがおすすめです。 もとやふうデザイン責任者のシマヤスが、実践とレビュー、対話を通じて伴奏するデザインのコミュニティになっています。 20日度デザインのレビュー会、実案件の相談も可能です。 また、デザイナー仲間とのつながりで、独学の不安を突破できます。 ベーシック会員は月に980円で、プロフェッショナル会員が月々3000円となります。 初心者でも歓迎しておりますので、AI自体を一人で悩まず、みんなで前進するというところで、ぜひご参加ください。 チャプターのリンクから内容詳細チェックできますので、ぜひご覧ください。 # デザインの解剖図鑑が絶賛発売中!! お知らせをさせてください。私の初めての著書、デザインの解剖図鑑が絶賛発売中です。 全編図解でデザインのティップスやマインドをまとめた一冊丸々図解の書籍となります。 初心者デザイナーの方はもちろん、SNSで図解を作ったり、お仕事で資料を作るようなデザイナー以外の方にもとてもおすすめの書籍となります。 このチャプターにAmazonのリンクをつけておきますので、興味のある方はぜひチェックしてみてください。 # デザイナー初心者向けに無料特典を配布しています!! デザイナーって場所にとらわれずに ノマドで働けるので始める人が とても多いんですけど やることが たくさんあって デザインという 一つの言葉だけでも抽象度が高い ので 例えばウェブデザインとか 紙のデザインとかロゴのデザイン とか いろいろあって それを学ぼう とすると 何から学んでいいか 分からないとか じゃあ実際作って みても これって私はプロとして やっていけるレベルなんだろう かとか これぐらいスキルを身に つけたら 例えば案件受注していいん ですかね みたいなところもなかなか 分かりづらいんですよね 算数 とかだったら1たす1は2みたいな 正解があるんですけど デザイン って正解がないので 何かしらこの 最初のうちというのは 本気でやる 人であればあるほど そういった アドバイスをくれる人っていう のが結構いたほうが絶対に有利で スピード感を持って収益化ができる ようになると思います そんな方に 僕自身がいろいろアドバイスを したりとか あとは動画でそうい ったコツみたいなものをお伝え しています なんで もし良ければ このチャプターに公式ラインの リンクがついてますので ぜひ得点 もつけてますので ご確認ください # おまけ おまけの放送を収録していきます。 もうね、最近インスタのリールを毎日やってるんですよ。 インスタのリール毎日やるとね、何が違うかって言うと大変なんですけど、 やっぱね、物事を成す時には、やっぱりシンプルにするっていうのが一番だなって改めて気づきましたね。 これいろんなところで話してるんですけど、僕本を書いたんですよね。 去年、一昨年くらいか書いて、1万部超えたんですけど、デザインの解剖図鑑という本を書いたんですけど、 その時に、毎日1図鑑、デザインの解剖図鑑というのは図鑑の本なんですよね。 デザインのことを図鑑で解説してるみたいな本なんですけど、 その図鑑を毎日毎日1個ずつ作ってたんですよ。 この1個ずつ作るっていうのが結構大事で、 これがですね、1個ずつ作ることによって、シンプルですよね。 今日1日1個作りゃいいんだっていう。 で、その1個はゼガヒヒでも終わらせるのだって感じですよね。 そこを複雑に捉えちゃうと、何作ろうかな、どうしようかなってなるんですけど、 1個作る、1個投稿するって決めちゃえば、それやるために頑張るんで。 ただ、今のところ投稿時間がバラバラなんですよ。 本当は朝投稿するほうがいいらしいんですけど、 ちょっとそれができてなくて、日によっては夜8時、9時、10時になることもあればなんですけど、 できるだけ、この数日間なんでまだ、 ここから1ヶ月くらいは毎日投稿を続けて、 ちゃんとやれるようにペースを掴んでいきたいなと思っています。 なにせインスタを伸ばすっていうか、 インスタをちゃんとインスタグラマーになるっていうとちょっと違いますけど。 インスタいいところはですね、 動画作って、ショートでYouTubeショートにもアップできて、 あとはTikTokとかにもアップできるんですよね。 ネタの使い回しっていうのもしやすいし、 あと最近はそれをXにポストしたりとか、 数日前にポストしたりとか、結構反応良かったりとか。 やっぱりそのあたりっていうのが、 プラットフォームによる特性の違いも見えて面白いですね。 インスタで伸びるものが、例えばTikTokとかYouTubeショートでは伸びないとかっていうのも出てくるんですよ。 このあたり特性とかっていうのは少しずつ見えつつあるので、 そこら辺もちょっとプラットフォームにベースは変えずとも、 ちょっとだけ変えたりとかしながら伸ばしていくのがいいのかなって感じがしますね。 例えばXなんか数日前ポストしたやつで、 ぐるぐる作家のやつを作って、ポスターみたいなのを作って投稿したんですけど、 それもインスタだと冒頭に僕がフックって言って、 こういうことって危ないよとか危険だよみたいな、 ちょっと煽るような感じで開始するんですけど、 インスタはそれでやったんですけど、 Xは絵で見せた方が多分インパクトあるんだろうなと思って、 僕の顔からスタートせずにですね、 いきなりデザインでこういう動きするよみたいなことで、 最初に冒頭にくぐりって入れたんですよね。 そのあたり結構、たまけんさんっていう結構、 Adobeでお一緒してる方ですごいインフルエンサーさんがいるんですけど、 彼なんかも結構そういう感じで、 最初に動きとかってこうなるよっていう完成度、完成のイメージを見せたりとか、 ちょっと動かしたりとかしながら、 ある程度映えるというかなというか、 そういうところを見せてスタートしてるので、 そんなあたりがですね、 これもインスタと一緒なのかもしれないですけどね、 ちょっと試しながらやってみたいなと思ってますというところです。 そんな感じで、 今日ゴールデンウィークですよね。 ちょっとゴールデンウィークなんて皆さんどれぐらい稼働してるかわからないですけど、 僕はゴールデンウィークも変わらずやっていこうと思います。 それではですね、 今日もここまで聞いていただきましてありがとうございました。 このチャンネルいいねと思ったらいいねボタン、 チャンネル登録もお待ちしております。 それではね、バイバイ。 もっと見る #デザイン #違和感 #視線 #角度 #画像 しまやすの「デザインGOGO」しまやす | Webデザインの先生00:181.あいさつ06:042.本編https://www.instagram.com/reel/DX1dEnwSXYc/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==00:453.デザイナー超覚醒コミュニティ「しまらぼ」https://ringed-haze-c33.notion.site/shimalab00:344.デザインの解剖図鑑が絶賛発売中!!https://amzn.to/3VTJc0e01:155.デザイナー初心者向けに無料特典を配布しています!!https://s.lmes.jp/landing-qr/1656697867-VKGlKa29?uLand=VYX9nm03:406.おまけコメント感想・質問・応援メッセージを書こう
イラレは印刷に向いてない 9分・6月17日・ 163再生AI目次イラレは印刷に向かない?衝撃の事実日本が独自に育んだイラレ文化の謎海外でのDTP標準ツール「InDesign」Adobeが明かすイラレ本来の用途常識を覆すデザインツールの活用術
Adobeオフィスでしまらぼのオフ会やったらエライことになった 10分・6月16日・ 134再生AI目次Adobeオフィスでの特別オフ会潜入AIはデザイナーの仕事を奪うのか独学の不安を突破するしまらぼ初心者必見!書籍と無料特典プロとしての仕事選びと集中戦略
デザインのプロの現場のAI活用現在地 10分・6月12日・ 142再生AI目次AIワークフローの現在地: デザイナーの役割Figmaは中間成果物?最終コードへの道AI導入で直面するデザイナーの心理的ハードルAIを「依頼先」と捉え、対話で成果を出す秘訣AIが変える音作りとデザイン:未来の創造
デザインは逆算で決めろ 9分・6月11日・ 121再生AI目次デザインはなぜ逆算で決めるべきか成果を生むデザイン思考の本質CIが語るブランドの本質とは?デザイナーの学びを加速する道筋「デザインの解剖図鑑」の全貌
デザインにセンスはいらない 15分・6月10日・ 102再生AI目次「デザインにセンスはいらない」の真意デザイン要素はゼロから生み出す必要なし真似とオリジナリティの境界線とは?アートではないデザインの本質に迫る顧客から「引き出す力」がデザイナーの要
久々にWordPressを使ったらクソだったという話 13分・6月9日・ 140再生AI目次WordPressの不便さに直面AIとの比較で露わになる旧世代の限界Web制作工程におけるAIの活用と進化AIが置き換える定型作業と未来ツールに依存しないAI運用戦略
AIはデザイナーの仕事を奪うのか? 13分・5月20日・ 176再生AI目次AIの影響?ウェブデザイナー調査結果AI活用で減少?修正回数の実態AIの活用工程「叩き台」が最多AIがもたらす品質向上とプロの視点AI時代に求められるデザイナーの力
ユーザーに負荷をかけるデザインは絶対にNG 11分・5月19日・ 117再生AI目次Adobe講座で見えたデザインの課題点情報過多が引き起こすユーザー負荷とは購買・選択時のユーザーの心理的負担デザイナーによる情報選定の重要性負荷を担うべきはデザイナーかユーザーか
AI時代は不完全こそ正義 13分・5月18日・ 117再生AI目次AIが変える2026年デザイントレンド純AI生成美学からの脱却とは完璧なAIに宿らない人間の価値デザインに不可欠な感情への考察AIと共創するデザイナーの未来図
デザイナーに必要なMacBookProのスペックは? 12分・5月13日・ 148再生AI目次デザイナーのMacBook Pro買い替え背景M1からM5へ!処理遅延の深刻な問題プロが選ぶMacBook Proの秘密M5 Proと64GBメモリが拓く未来50万円超えの投資がもたらす効果とは?