TOPトーク専門家しまやすの「デザインGOGO」#249 デザインを着手するときに一番初めにすべきことは・・10:22 2025年10月27日 111再生 問題を報告する 再生する シェアする デザインの効率が抜群にアップする方法をスペースですかぼうさんに教わりましたAI目次デザイン着手、最初のステップとは?修正コストを劇的に下げる秘策とは?スキマ時間に差がつく、デザイン術とは?売れるデザイン、ABテストの知見を伝授初心者の質問から得た、新たな刺激とは?AI文字起こし(β版) # あいさつ どうも、島屋敦です。 元Yahoo!のデザイン責任者でSNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、 アドビ、ことはじめクリエイティブカレッジの講師や、 デザイナー小学生コミュニティ島ラボを主催したりしております。 ありがた。 この番組はSNSがなくてもできるデザインの小技を一日一つお送りしていきます。 本日のテーマは デザインはまず墨置きから始めろというテーマでお話をしていきます。 それでは本日もよろしくお願いします。 # 本編 それでは本日も聞いていただきまして ありがとうございます 今日はデザイン はまず住み置きから始めろという テーマから始めてお話をしていきます 僕はデザイナーずっと20年以上 やってまして ウェブデザインを 中心にYahooでデザイン責任者を やったりとか あとは今年本を出して 見たりとか あとは去年からAdobeの コミュニティエキスパートという ものをやったり クリエイティブ ガレッジというところで講習を やったりしております そんな感じ で結構いろいろデザインを人に 教えたりとか あとは自分で個人 コンサルでデザイナーを育成したり とか いろいろやってるんですが そんな中でちょうどスカボーさん という中西のデザイナーさんと 先日スペースをやりまして その 話がすごく言語化がやっぱりスカボー さん上手だなと思って いいお話 だなと思ったので 今日はお話を してみます 住み置きという話を 冒頭にしたんですけど これ何か っていうと デザインを最初に そんなに移装職とかをせずに作って いくという作業なんですけど その メリットの言語化が スカボーさん がお見事だったので それを今日 していくという感じなんですけど まず前提として この住み置きっていう のが 僕は黒い状態というか 何も 装飾せずにデザインするっていう のは結構最初にやるんですけど そのときに そこである程度イメージ を固めていくんですけど ここから がスカボーさんが見事だなと思 ったのは その段階である程度デザイン を固めていくと 後々の修正のコスト がかかりづらいんですよね 例えば レイアウトでも画像が左にあって 文字が右にあってみたいなことを 装飾なしでやる場合は 例えば左 ちょっとバランス悪いな 右にしよう かなとかっていうのをやったときに もうそれで簡単に修正ができるん ですけど デザインを完全に作り 上げて 例えば画像を入れて 装飾 をバーッと入れて 文字なんかも ちゃんと文字感とかも含めて 完璧にしつつ 効果とかを入れて いくと そこからデザインの左右 入れ替えるとかってなると 結構 バランス調整が難しいんですよね そういうのっていうのは やって みると 実際に作り上げた状態で やると コストがかかる そのコスト ってのは時間的なコストとか 手間 とかっていうのがかかるんですよ ね 墨置きっていうのをやって 全体 のイメージを最初に決めておけば そこからの流れっていうのは ある 程度 最初のうちにレイアウトとか 画像の折り方とかを大まかに決めて あるので そこで何か修正する っていうのはコストもかかりません し あとは それによって最終的な 手戻りというか 作るときの手間 が圧倒的に削減されるというところ があって スカボーさん曰くは 彼は結構 それでデザインを日に 何本も上げなきゃいけないという ところを 墨置きをやり始めて から 本数が一気に上がったっていう ところで コースの観点でもすごい メリットはあるし 確かに 僕も 無意識にやってたんだけれども そこの調整コストというか 全体 のバランスを整えるっていうコスト が圧倒的に安いっていうのは これは すごい魅力的だなというか そこの 言語化って僕はできてなかった なと思って 本当にスカボーさん すごい素敵だなと思った出来事 だったんですよね 皆さんも 結構 僕もデザインの手順とか デザイン でどうやってやるんですかって よく聞かれるんですけど 最初は 一個一個 結構 シングルタスク で一つ一つのタスクに集中して やるのがお勧めですよって話を よくするんですよ 例えば 文字 とか画像とかレイアウトとか全部 同時にやるというよりは パーソナル 全体像として装飾とかをせずに 作って 作った上で後で何かしら 装飾をしていくみたいなことを やっていくんですけど これが やっぱり 僕は最初の頃っていう のは よく分かんなかったんですよ ね 完成図っていうのをイメージ 化するのがすごい難しくて どう すれば完成図というか 完成を イメージしながら作るってやるん だろうっていうのが 本当にイメージ ができなかったので この話をした ときに 皆さんがこれをパッと持ち 返って パッとできるかっていう と 何とも言えないんですよね なんで なんでその話してるんだって話 なんですけど これはこの全体を 作っていくっていうのは 初心者 の方がよくありがちなのは 一つ 一つの作り込みを途中でパッと しだして 時間がなくなっちゃった りとか あとは最後 作り込みが バランスが悪くなっちゃったり とかっていうか 冒頭にやり始めた ところはすごい丁寧に作り込んで あるんだけれども 後半のほうになる と 全然作り込めてないみたいな ことがあるので そこはバランス を取るっていう意味でも 隅置き というか 最初に黒く作るというか そこに装飾なく作っていくっていう のは すごいメリットがある話なので ぜひ今 デザインに取り組んでる 方 いらっしゃったら ちょっと取り 入れていただいて やっていただける といいのかなというふうに思いました そんなことで 今日はスカボー さん Cマークの隅置きですね その 時にスペースというのはスカ置き なんて言ってたんですけど そんな 素敵な言語化があったので そんな 話をしてみました # デザインの解剖動画絶賛発売中 お知らせです。デザインの解剖動画がリリースされました。 動画のですね、買い切りコンテンツで、デザインの基礎について、デザインの解剖動画というですね、僕の本をベースにですね、さらに分かりやすく解説をしています。 で、これはですね、それに加えてですね、コンテンツがどんどん刺されていきます。 毎月、ちょっと半年くらいやろうと思ってるんですけど、まずですね、最初のうちはですね、デザインってどうやって作ってんだっけみたいなところを、 僕があやこや試行錯誤している過程も含めて、ライブで放送をしています。 特に初心者の方っていうのは、どうやってデザイン作っていけばいいかって結構分かんないですよね。 それをですね、僕の悩みとか、悩み、悩みというか、これ分かんないなとかっていうところも含めて、 話しながらですね、これどうしようとか、できる気がしないとか言いながらですね、いろいろ試行錯誤をしてやっています。 デザインっていうのは、僕今20年以上やってるんですけど、そんな風に長くやってるからといって、 シャローでできるかというとですね、時間短くなっているかもしれないですけど、 とはいえですね、いつも苦労しながら生み出していますので、そんなところも含めてデザインを作る過程というのを見ていただいて、 自分の実際にデザイン作るときに活かしていただければなと思っています。 買い切りコンテンツなので、特に追加料金なくですね、コンテンツがどんどんどんどん追加されていきますので、 こちらもですね、リンクをこのチャプターに追加しておきますので、もしよければご確認ください。 # GEEK CREATORSに登壇しまぁす! 11月3日にギーククリエイターズに登壇しまーす。やったー。 えっとですね、こちらのイベントはですね、無料で参加できるイベントなんですけど、いろんなクリエイターさんがですね、たくさん登壇されます。 僕もですね、今回はですね、売れるデザインというところで、Yahoo!時代にですね、ABテストを散々やってたので、 年間で大体20億円ぐらい分ですね、僕はABテストで改善効果を上げたんですけど、そのですね、ノウハウをですね、すべて惜しみなくですね、 こういった時には、こういったパターンが勝ちましたとか、これ実はこういった仮説を持ってます、みたいなところも含めて、 そのABテストで培ったですね、知見みたいなものをですね、余すことなくお伝えしていきますので、 このAI時代にですね、どういったデザイナーが勝てるかというとですね、一つ確実に価値になるのは売れるだと思います。 この売れるデザイナーのノウハウみたいなところで接していただきたい方、ぜひですね、11月3日、東京ですね、東京で開催しますので、ぜひチェックしてみてください。 詳細はですね、今このチャプターにリンクを貼っておきますので、そちらからご確認ください。 # おまけ それでは、おまけの放送を収録していきます。 この放送は月曜日なんですけど、土曜日ですね、ひぃさんというデザイナー、初心者の方のですね、 一緒に話をスペースでしまして、なんかすごい楽しかったですね。 やっぱり、僕も半端に長い間やってると、初心者の頃の気持ちっていうのは結構忘れてしまうんですよね。 ひぃさんという方は頭がいいんですよね。 質問とかもすごくいい質問というか、いい問いをいただいて、いろいろ考えていくうちに、 そういう悩みってあるよなと思いながら答えてて、すごく楽しかったですね。 やっぱり初心者の方とか、慣れてない方と話すっていうのは、僕にとってはすごく刺激的というか、 キラキラしてるんで、僕もいつまでも頑張っていきたいっていうところがあるので、 そこは負けちゃいられないなっていう気持ちにもなりますし、 一緒にそういうのを頑張って盛り上げていけるといいなと思って、すごくいい夜でした。 そんな感じでですね、月曜日ですね、今週もですね、 僕はバタバタとまた頑張っていかなくちゃいけないことがいろいろあるので、 それをやりつつですね、いしまラボのプラッシュアップ、 あとは解剖動画、ちょっと名前を変えようかなと思ってるので、そこらへんとか、 あとは動画のアップデートみたいなものもやっていこうと思ってるので、 そこらへんをですね、またコツコツとやっていこうと思っております。 そんな感じでですね、今日もここまで聞いていただきまして、ありがとうございました。また明日。 もっと見る #デザイン #ワークフロー #すか置き しまやすの「デザインGOGO」しまやす | Webデザインの先生00:351.あいさつ05:402.本編01:283.デザインの解剖動画絶賛発売中https://ringed-haze-c33.notion.site/d8b4772dc7a143b38c7e71d960fb9559?pvs=7401:134.GEEK CREATORSに登壇しまぁす!https://x.com/geekcreatorsjp01:295.おまけコメント感想・質問・応援メッセージを書こう
イラレは印刷に向いてない 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万円超えの投資がもたらす効果とは?