クロイシヨシユキ / GROWTHデザイン

スマフォサイトのデザイン集のサイトを運営。【書籍】実例200に学ぶ スマートフォンサイトデザインのアイデア帳 / 宇宙兄弟コラボで診断・ジェネレーター作成。キンコン西野さんのレターポットを少しお手伝い。自作アプリがNHK沖縄で紹介されました。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

2013年にカヤックさんと出した書籍。そろそろ新しいスマフォサイトのデザイン集つくりたいな。

実例200に学ぶ スマートフォンサイトデザインのアイデア帳
https://t.co/S2HjruWmby

#スマフォデザイン
#デザイン

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[橋口幸生 @yukio8494]

パーパスやエンゲージメントの大切さが叫ばれてきた広告業界にあって、「パーパスなんかより認知だ！」という、バックラッシュともとれる動きが起きている。

以下は、カンヌライオンズ2026で行われたマーク・リットソンとバイロン・シャープの対談で紹介された「マーケティングの5つの真実」。

①ブランドは「好きになってもらう」より「思い出してもらう」ことが重要。消費者は企業が思っているほど、ブランドのことを考えていない。買い物のときに思い出してもらえれば、それだけで仕事の7〜8割は達成できている。

②「差別化」より「識別性（Distinctiveness）」が重要。競合との違いをアピールするより、ロゴや色、キャラクターなどによって、瞬時にそのブランドだとわかることが大切。

③細かなターゲティングより、幅広いリーチが重要。今すぐ商品を買おうとしている人だけに広告を届けても、ブランドは大きく成長しない。将来の顧客も含めて、幅広い人に知ってもらう必要がある。マス広告は見直されるべきだ。

④ブランドパーパスは、売上にほとんど貢献しない。消費者は歯磨き粉を買うときに、そのブランドが人種平等についてどう考えているかなんて気にしていない。企業が社会的責任を果たすことと、それを購買理由にすることは別の話。

⑤広告はもっと長く続けるべき。企業の担当者や広告クリエイターはすぐに自分たちの広告に飽きてしまうが、一般消費者はそこまで見ていない。優れたキャンペーンは2〜3年続けることで、ようやく効果を最大化できる。

さて、僕個人は、この5つに賛同できるところもあれば、そうでないところもある。

まず、これは販促の話であり、ブランディングの話ではない。また、「悪いパーパス」と「パーパスが悪い」という話が、意図的に混同されている。

人種平等は、歯磨き粉のパーパスとしてシンプルに筋が悪い。でも、「歯がきれいになることで、対人関係に自信を持てる」というパーパスであれば、そこから優れたプロモーションアイデアを導き出すことはいくらでも可能だと思う。

こういう対談や講演では、逆張りをすることでインパクトを出すものなので、ある程度割り引いて受け取る必要があるだろう。

そして、ここで語られていることは、日本の広告業界では当たり前に行われてきたことでもある。日本のテレビCMの大半は、タレントを起用した商品認知型の広告だ。僕が以前から主張している「世界の日本化」というトレンドが、ここでも確認できた。

僕が最も共感したのは、②の「差別化より識別性」という話。

これは似ているようで、まったく違う。

オリエンで「競合との差別化」を求められることは多い。でも、いちいちブランドを比較して、その違いについて考えながら暮らしている生活者なんていない。

競合と何が違うかを理解してもらうことより、ひと目で「あのブランドだ」とわかってもらうこと。

差別化より、識別性。

これは、クリエイティブを考えるときに常に意識しておきたい。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[前田高志 @DESIGN_NASU]

デザインの民主化を歓迎すると言った以上、行動でも示す。

先日ロゴを納品した会社さんは、納品後のデザイン確認も毎回してくれる、本当にありがたいクライアントです。ただ、これからは日常の資料やバナーを、自分たちでChatGPTを使って作る場面も増えていったほうがいい。

だから、そのためのプロンプトをカスタマイズして渡しました。もちろん注意点もセットで。

文字と文字の間隔。余白の量。使う色の数。「安っぽさ」を消す配慮を、言葉にして型にしたものです。（75点までは今のAIでとれる。80点もいけてしまうか？）

自分たちで作る人が増えるほど、「これ、どうですか?」「ここだけ迷ってます」という相談が増える。型を渡せば、迷いのポイントも言語化されていくからです。

作る作業は、どんどん手放す。判断が要るところは、相談してもらう。決め手を決めてあげる。先方にデザイン文化をデザインする。

デザイナーの仕事は「作ること」から「相談される存在になること」へ。配慮の型を渡すことは、その入口になると思っています。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[こぎそ @kgsi]

https://t.co/a5Zf5fZUFq

[クロイシヨシユキ / GROWTHデザイン @yopi813]

iPhone Duoに対応するの大変そうだな🥹

[クロイシヨシユキ / GROWTHデザイン @yopi813]

検証用に欲しいな。

[usagimaru ⌘ @usagimaruma]

iPhone Duoのデザインなんとなく理解した。
「タブバー」「ナビバー」と呼んでいた奴らはタテの時に「App Controls」としてアイコンで扱われるので、形態変化の恩恵を受けるならばしっかりと標準コントロールで実装しておかないと厳しそう。右列が基本っぽいけど左列もある。

https://t.co/8zi8uDireG

[クロイシヨシユキ / GROWTHデザイン @yopi813]

これは、気になる！！

[Joe Ishii ／ Studio @ytk141]

AI時代の新プロダクト「Studio.Drop」をリリースしました！！
URLを入力するだけで、既存サイトをそのまま再現しAI Readyな状態を実現します。

作成されたサイトはAIによる編集はもちろん、見たまま編集できるデザインモードも搭載。
AIによる効率化と細部まで調整出来るNoCodeの良さを兼ね備えています。

さらに記事を管理するための Article機能も搭載。CMSだと思われる箇所は、インポート時に自動でArticle化されます。

MCPも標準装備しているので、人間とはもちろんAIとのコラボレーションにも対応。

Closed Betaはここから登録できるので、ぜひ試してみてください！！↓
https://t.co/bH9rYJlTmw

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[Dreameryanyan @yanliudreamer]

我开始做自己的Design Skills 了🎨
今天在Demo day上分享了3个，大家都很喜欢！

先发一个我特别喜欢的：Mono-color Skill。
它不是简单地“把图片变成单色”，而是把一整套编辑设计语言 + 复古印刷质感 + 克制的视觉规则，封装成了一个可以反复调用的 Skill。

它会自动遵循这些设计原则👇
👉 默认使用一种油墨色，必要时加入克制的双色套印
👉 大量，有意识的留白
👉 强烈的Typography和编辑排版感
👉 Halftone/颗粒/套印偏移等复古印刷质感
👉 图片/文字/版式作为一个完整视觉系统重新构图

你可以直接告诉它：
“帮我做一张关于城市骑行的海报。”
也可以上传自己的照片，让它转换成这种带有复古印刷感的Editorial Visual。

它的使用场景也特别多👇
📌 活动海报 / Event Poster
输入活动主题，时间和地点，快速生成一套有设计感的宣传视觉。
📌 社交媒体 / 小红书 / X 配图
不想每次发内容都用千篇一律的 AI 图，可以快速做出有统一风格的视觉。
📌 品牌branding探索
用更克制的色彩与编辑感视觉，快速建立品牌的高级感与独特气质。
📌 音乐 / 播客 / Playlist 封面
这种单色 + Editorial的语言特别适合做带情绪和文化感的 Cover
📌 Zine / Magazine / Editorial
文章头图, 杂志跨页，都可以用同一套语言延展。
📌 个人照片再创作
直接上传自己的照片，把普通摄影转换成复古印刷海报。
📌 Moodboard / 概念探索
设计前期不用急着做完整方案，先快速生成一组视觉方向，看哪一种感觉最对。

为了保证生成效果稳定
我还加入了很多design system来约束：颜色/字体/组件/构图/风格，欢迎大家试试看，给我反馈！

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

デザインの引き出しが広がる！50の主要デザインスタイル総まとめ デザイン会社 ビートラックス: ブログ https://t.co/pctRqHCdOz

[クロイシヨシユキ / GROWTHデザイン @yopi813]

いい！！

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

Before Afterの比較画像、作るの結構大変じゃないですか。そんな比較画像・動画を簡単に作成できるサイトを公開しました。その名も "ビフォーアフター工房" です。
https://t.co/7yjVKhCoWg

[クロイシヨシユキ / GROWTHデザイン @yopi813]

gemini sparkが利用できなくなってかなしい。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

AIでFigmaのプラグインを作るとめっちゃ便利。グラフ作るの面倒だからグラフ作成プラグイン作ったけどいいなこれ。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[ムラマツヒデキ｜クオートワークス @muuuuu_chang]

Webの演出アニメーションをディレクションするために、見る目を鍛えるための優良モーション例。良いものを見て目を鍛えるのが何より重要。

① Ordinary Folk（最優先）
世界トップクラスのモーションスタジオ。Web・ブランディング・SaaS系の動きを学ぶならここ。GoogleやWebflowなどの仕事も多数あります。

https://t.co/hoNqJiHAL4
https://t.co/CUm5TN9TQy
https://t.co/DQzXBog9lP

⸻

② BUCK

映像・アニメーション・UIまで、モーションデザインの教科書。

https://t.co/JOqyZYNBcX
https://t.co/7Zwv8UhtCe

⸻

③ Giant Ant

「動き」ではなく「演出」を学べる。

https://t.co/xMFDNSepO3

⸻

④ ManvsMachine

3D、カメラワーク、質感。

https://t.co/07ZFON02Qm

⸻

⑤ FutureDeluxe

Appleっぽい世界観。

https://t.co/8MW5oJfBsT

⸻

⑥ WOW inc.

日本最高峰。

https://t.co/jpOUFahSZh

⸻

⑦ Ben Marriott

作品を見る目を育てながら、なぜその動きが良いのかも学べる。School of Motionでも特集される代表的な教育者。

https://t.co/tGUrAGX1hq

⸻

⑧ School of Motion

プロが何を見ているのかを学ぶ場所。Ordinary Folkとのコラボや作品解説も充実。

https://t.co/bR9MDk13PM

⸻

⑨ Jake In Motion

After Effectsの辞書的存在。Graph Editorやイージングの理解に最適です。

https://t.co/81pY905udW

⸻

⑩ Apple

Appleのイベント映像は、情報量を増やさず魅せるモーションの最高峰。

https://t.co/YPE2KovGdi

⸻

[クロイシヨシユキ / GROWTHデザイン @yopi813]

figmaすごいアップデートされてる！！

[クロイシヨシユキ / GROWTHデザイン @yopi813]

@hi_sa_ko__ おめでとうございます🎉

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[佐藤航陽（さとうかつあき） @ka2aki86]

AnthropicがついにClaude Fable 5を公開。これにより発生するサイバーセキュリティリスクからAIガバナンスまで、スタートアップや行政機関に求められる事柄を整理してます。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

自分にはまったくない視点で、めちゃくちゃ良い内容だった！！

[株式会社NASU @NASUCoLtd]

NASUのビジネスパーソン向けメールマガジン「デザインが良くなったらどうなるの？」の47号は明日6/9（火）の朝7時に配信！トピックをご紹介します。

01 | 前田高志がデザインの考え方・視点を伝える：
「光を放つ」デザインとは？/AI時代だからこそ、脳と向き合う

02 | 世の中のデザインを深掘りする：
ほっかほっか亭の50周年企画から、いいPRの条件を考えた

03 | NASUのデザイン、その意図と狙い：
「フォントはグラフィックデザインへの興味の扉を開く鍵」を伝えるデザイン　FONT BAR（フォントバー）

04 | デザインの疑問に一問一答！：
Q：若い頃、社内にベテランデザイナーやベテラン社員がいる中で、自分の武器をどう見つけていきましたか？

登録はこちらから。無料で読めます。
https://t.co/VAbOoxe4XB

＜迷惑メールフォルダご確認のお願い＞
メールマガジンが迷惑メールフォルダに入ってしまう場合があります。受信できていない読者の方はお手数ですが、迷惑メールボックスもご確認ください。

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ
ありがたい！

[sogitani / baigie inc. @sogitani_baigie]

【採用サイト診断をリリース！】
URLと軽微な情報を入力するだけで約200項目から問題点を指摘し、改善点を提案してくれる診断ツールを公開しました。自画自賛ですが、かなりの精度です。もちろん無料。皆様の採用サイトの分析や社内での議論材料としてお使いください！
https://t.co/v9IJxAv9hI

[クロイシヨシユキ / GROWTHデザイン @yopi813]

ウェブを作る人のためのLLMO/AIO入門 https://t.co/8COdI0zlbE

[クロイシヨシユキ / GROWTHデザイン @yopi813]

#メモ

[佐藤航陽（さとうかつあき） @ka2aki86]

https://t.co/M7dwAcQPRh

[前田高志 @DESIGN_NASU]

【あと3日で販売終了】
すごいことやで、ほんま！
ありがとうございます。