Motoko/designer

都内勤務のデザイナー / Web制作に関わって四半世紀 / 長い制作会社を経てインハウスデザイナーへ / インターネット老人会 / フォローは同業者中心 / 小学生の子持ち / DMは見ません

[sogitani / baigie inc. @sogitani_baigie]

おっしゃるように、AIが使えるデザイナーはFigmaが使えるデザイナーと、ほぼ同義で、転職の武器としては弱いでしょうね。

私の身近でも最近、転職活動で全戦全勝、一回もお見送りされなかったデザイナーが…（あと359文字）
https://t.co/UCmS88BFMf

[たにぐち まこと／ちゃんとWeb withAI @seltzer]

最近、ページネーションを作るときはこの真ん中をドロップダウンにするスタイルに統一している。どこかのサイトがやられていたのをパクっているのだが（！）

ページ数が増えても、 1 2 ... 5 6 ... 100 みたいなよく分からない省略をしなくてもいいし、そこまでやってもスマホで変に折り返されるとかに悩まされていたので、これがベストな気がする。ありがとう、どこかのサイト！

[sogitani / baigie inc. @sogitani_baigie]

Slackに投稿されたある社員の日報。発注者の心理が滲み出てる。

[TAK @tak_dcxi]

本日リリースされた Chrome 149 からこれが利用できるようになった👐
約1年越しの実装

[水巻き @XclaTYaT5450243]

なんか生成AIといらすとやを比較してどっちもどっち、みたいな投稿を目にしますが…
いらすとやさんは確かに革新的でかなりインパクトがあったし影響力もあったけれど、それはいらすとやさんの中の人が手数と速さとデザイン力とマーケティングが卓越しているだけで何も悪いことしてないんですよね。

[松村文夫（3DCG等） @matu1004]

"ここで見えてくるのは、AIが奪ったのは「仕事」そのものではなく、「経験を積む最初のステップ」だという点です"

ここらへんエンタメでも同じになるので、エンタメ系企業さん気をつけてくださいと言い続けてはや三年……。

いや、気をつけて。
下手すると業界凋落するよ。

[ろこ｜価値を高めるデザイナー💫 @rocomodesign]

「白って200色あんねん」

という有名な言葉がありますが（笑）

先日の個別指導で「グレーなんて全部同じだと思ってました！」という言葉が印象に残りました。

-----
デザインを言語化するトレーニングをしていた時のこと。

ある作品の文字色について話していたのですが、私には少し緑みのあるグレーに見えたものが、生徒さんにはただのグレーに見えていたようです。

そうか、グレーの違いって意外と気づきにくいんだなと、こちらも新しい発見がありました。

デザインを始めると、
レイアウトや余白、
フォント選びには意識が向きます。

でも文字色は意外と見落とされがちです。

👉 黒だとちょっと強いからグレーにしよう
👉 グレーも濃いのと薄いのがあるな
このあたりで思考が止まってしまう。

でも実際には、

青みのあるグレーもあれば、
緑みのあるグレーもあるし、
赤みを感じるグレーもあります。

そしてその違いは、デザイン全体の印象にちゃんと影響しています。

-----
では、その違いはどこから生まれるのか。

デザインでは、
写真やビジュアルの中にある色を手がかりにします。

👉 写真の中にある色を少しだけ文字色に含ませる

そうすると文字だけが浮かず、
自然とその世界観になじむからです。

デザインが上手い人は、特別な色を使っているわけではありません。ただ「グレー」を見ているのではなく「どんなグレーか」を見ています。

ぜひこれから、世の中のグレーにも少し意識を向けてみてください👀一見同じに見えるグレーでも、よく見ると少しずつ違います。

そういう違いに気づけるようになると、デザインを見るのがもっと面白くなりますよ✨

[やも🐸アブラのレタッチ鰤🇯🇵ゲコリノMETAL.psb @yamo74]

ひとつだけ、印刷の場合にのみ注意点があります。
「画像の色」は、いわゆるRGBからCMYKへそのまま置き換えた値になっているため、単純にスポイトして文字色に使うと、印刷でブレる良くない色になりがち。

そこで、Kを上手く使って同じ色のブレにくい数値を指定してやると思い通りに仕上がります

[金 成奎 @seikei_kin]

スウェーデンの公営職業安定所（Arbetsförmedlingen）というところのデザインシステム。イラストがかわいすぎる。インクルーシブデザインキットでも有名な、「恒久的」「一時的」「状況的」の3つのレイヤーで障害・制約を捉えるマトリックス図も。
https://t.co/rWNjLVpRDd

[まい｜通販専門LPデザイナー @petama_fuzakeru]

AI制作物に対して「非デザイナー感でしかない」論争のやつ
そんな言い方しちゃダメ🙅‍♀️の意見はわかるけど
1番びっくりしてるのは多分業界の人が、何がダメなのか言ってみろ、細部なんか気にしない、デザイナーしか気にしないところだろ、これだからデザイナーのプライドは〜系の意見

エッてなってる笑

[金 成奎 @seikei_kin]

函館市が車体広告のデザインガイドラインを策定。車体広告のガイドライン、って珍しいけど、こういう普及啓発活動がどんどん広まるとよいですね。

函館市電車体広告デザインガイドラインを策定いたしました | 函館市 https://t.co/CiSSfrawxJ

[深津 貴之 / THE GUILD, note @fladdict]

「神が細部に宿ったデザイン」と「神は細部に宿ったが、特にビジネス上のご利益のないデザイン」と「神は細部に宿ったが、神のお世話コストが地獄なデザイン」は、ちゃんと見極めて議論すべき。

[Eiji Kitamura / えーじ @agektmr]

GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する https://t.co/uC9SGuZ36O

[ToonHive @ToonHive]

Google announces it will now prioritize AI-generated answers in search results over human-written website articles.

A move that could make it significantly harder for independent websites to gain organic traffic starting next Tuesday.

[しりとり協会（一般社団法人日本しりとり協会） @Shiritori_SRTR]

@yutaslogan こちらのポストのおかげで、しりとりに最適な地図帳を発見できました。
ありがとうございます！
（オシリトールはかせ）

[アキユキ@Web制作 @akiyuki_gm]

コードが書けることは必要技術だけど、
書くより確認する時間の方が長くなってしまった今、コードを書くこと自体が好きだったコーダーは中々気持ち的にしんどいと思う。

なんていうか、、
AIに書いてもらうこと自体はすごく気持ち良いと感じるんだけど、その後に待っている確認地獄を面白いと思えるかつまらないと思うか。

少なくとも、コードをあまり書けない人はこの確認地獄は本当の地獄ですよ。

だからやっぱり勉強必要なんだ☺️

[なつみかん🍊川上奈津美 @natsu_tech_mom]

AI時代、基礎を知らないまま子どもたちがあっという間にゲームやアプリのようなものを作れてしまうのを見ると、この順番でいいのだろうかと思う瞬間もあるかもしれない。けれどAIだけで完全なものは作れない。では、この先のブラッシュアップや改善はどうするのか。そこにこそ学びが発生するのだと思う。

昔から、サンプルコードをコピペして動いたところで終わる人もいれば、どうしてこれが動いているのかを掘り下げて学ぶ人もいた。AIで子どもたちがゲームを作れることも、基礎を飛ばす話ではなく、作ったものをより良くする過程で基礎に触れていく話なのかもしれない。

まず動くものができる。そこから、なぜ思った通りに動かないのか、なぜ動作が重いのか、なぜ遊んでいて面白くないのか、なぜ見た目がしっくりこないのか、どうすればもっと伝わるのかを考え始める。その時に、数学やエンジニアリングとつながっていったりする。そういう意味ではむしろ間口が広がったのだと思う。

だから個人的には、どんどんAIを活用すればよいと思っている。作って終わるのか、作ったものを教材にして磨いていくのか。その分岐の話はいつの時代も変わらない

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

明後日のFindyCSSで紹介するOKLCHを使ったグラデーション。補間の仕方で中央の色が変わる。

👎linear-gradient(90deg, blue, red);
sRGB補間 → 中央が暗い灰紫に沈む
👍linear-gradient(in oklab 90deg, blue, red);
OKLab補間 → 中央が少しくすむ
👍linear-gradient(in oklch 90deg, blue, red);
OKLCH補間 → 中央まで鮮やかに繋がる
OKLCHは人間の目に自然に見える色空間。L(明度)・C(彩度)・H(色相)で色を表すので、2色の間を補間しても途中で色がくすまない。
OKとは英語のokayそのもの。OKなLCHという意味で、オーケーなストアみたいなもの。

デモ
https://t.co/1v5GdyZLRG
Findy CSSの最新トレンド Ver.2026
https://t.co/vb5Y2XhC8U

#CSS_findy #イマドキCSS

[金 成奎 @seikei_kin]

> デザイナーは画面を作る人から、AIを信頼し、監督し、修正できる関係を作る人へ。AIに仕事を奪われるかどうかより、昨日の自分の仕事を今日の自分がAIで奪えるかどうか。

エンジニア、PM、デザイナーはどうこの先生きのこるか｜深津 貴之 (fladdict) https://t.co/XQQhYrnWgt

[深津 貴之 / THE GUILD, note @fladdict]

これからの時代「参加に代金」がかかる設計にすると、ポン出しでゴミ送ってくる人の大半は脱落するので、デポジットとかつけるとええと思うで。