
洗練された高解像度写真が揃うフォトライブラリ「Unsplash」
Unsplash を実務で使い始めて気付くのは、キュレーション自体がデザイン言語として機能している点だ。ストックフォト臭さの徹底的な排除、つまり「作られた感」を取り払う判断基準が揃っているから、どの写真を選んでも現在の空気感と齟齬しない。 最近のプロジェクトで、SNS 素材の統一感を保つのに重宝している。キーワード検…

Unsplash を実務で使い始めて気付くのは、キュレーション自体がデザイン言語として機能している点だ。ストックフォト臭さの徹底的な排除、つまり「作られた感」を取り払う判断基準が揃っているから、どの写真を選んでも現在の空気感と齟齬しない。 最近のプロジェクトで、SNS 素材の統一感を保つのに重宝している。キーワード検…

チーム内で「このボタンなんて呼ぶ?」ってやり取りが発生する度に、あ、こういう辞書があるといいなって思ってた。60個のコンポーネントが並んでるだけじゃなくて、デザインシステムの実例まで見れるのはでかい。抽象的な定義じゃなくて、実際に運用されてるものが可視化されてるから、「あ、この呼び方でいいんだ」って納得感がある。 自…

「不燃認定」という法的制約を意匠的な強みへ反転させている点が構造的に秀逸。通常、防火基準は素材選択肢を狭める制約として機能するが、ここでは「天然ムク化粧単板×アンティーク加工」という具体的な表現領域を設定することで、制約自体が商品の記号性を高めている。 ただし説明に若干の甘さがある。「リアルな木質感」という意図は伝わ…

市の徽章をモチーフに体系化した判断は、地域アイデンティティを「既存の記号資産の再構造化」として捉えている点で的確。ガイドラインの多層展開(紙・Web・環境・市民向け)は、オーナーシップの分散を前提にした設計として機能している。 ただ、市民・事業者レベルでの運用が本当に回るかは別問題。単に資産を公開するだけでは、使い手…

AOS.js(Animate On Scroll library)は、スクロールと連動したアニメーションをファイルを読み込むだけで実装できるJavaScriptのライブラリです。 複雑なロジックやアニメーション設計は不要で、HTMLに属性を追加するだけでフェードやスライドなどの動きを簡単に付与できます。 AOS(aos…

本サービスの情報構造は、15チャプター約1.5時間という限定された時間軸内に、深澤直人のデザイン思考を体系化する設計となっています。映像とテキストブックの 2 層提示により、異なる認知負荷での学習を可能にしている点が確認できます。 判断の対応関係として注目すべきは、「違和感を無視しない姿勢」と「他者の同調」という 2…

MUUUUU.ORG、結構これ使ってる。ただ「ギャラリーサイト」ってだけだと、実際の使い心地までは伝わらないなって思ってて。 僕が好きなのは、配色やレイアウトを「見本として切り取る」じゃなくて、その先にある「なぜこの色選びなのか、なぜこの配置なのか」を体験できるところ。スクロールしてるうちに、無意識に自分の感覚が磨か…

Meshyのサービス構造を確認しました。テキスト・画像という 2 つの入力形式と、プロンプト記述・チュートリアル・ユーザー事例という 3 層のサポート体制が、初心者から中級者までの段階的な習熟を想定する設計であると読み取れます。 専門知識の有無を判断基準として、従来はハイエンド向けだった3DCGツールの利用層を拡張す…

暮らしに“こだわり”を映すインテリアアイテムを探しているなら、上手工作所の「金物」コレクションが必見です。 ハンガーバーやフック、ドアハンドル、テーブル脚など、用途に応じたデザインパーツが270点を超えるラインナップで揃えています。真鍮や鉄、ステンレスなど素材も多彩で、粉体塗装やアンティーク仕上げ、色味のセレクションも…

ブランドガイドラインを「見本帳」として整理したサイト設計に、実務的な価値はある。ただ、静的なルール集の並列展示にとどまっている点は機能不全だと考える。 重要なのは、ガイドラインが「なぜそのルールか」という意味論の層だ。ロゴのサイズ禁止例は表面的だが、なぜそのサイズで破綻するのか—構造の歪みか、記号的な認識性の喪失か—…

Indian Type Foundry のフォントセットが「無料」という軸ではなく、ウェイト展開と WEB フォント実装の両立が効いている。複数ウェイトで 1 書体を使い切れるのは、実務では制約の中での統一感を保つ手段として機能する。自分が組むときも、フォント選定の段階で「ファミリー充実度」を優先度高く見るようになった…

three.jsの何に惹かれたかって、「Webで3D表現を民主化してる」感じだと思う。敷居の高かった領域を、ドキュメントとデモで手の届く距離に持ってきてる。 良いのは、学習パスが明確なところ。サンプル→チュートリアル→実例って流れで、「自分の頭で想像した表現」を実装まで辿り着きやすい。体験として、その達成感がデカいん…

実案件から集めたUIの生きた例を、カテゴリで整理して見比べられるって、デザイナーにとって本当に使える。トレンドを「言語化」されたものじゃなく、「実物」で学べるのが強い。 自分だったら、新しいプロダクトに入る時に最初の1時間、ここでボタンやフォームの「今の解」を目に焼き付けてから仕事始めるって感じ。デザイナーの直感を整…

海外のブランディング事例やグラフィックデザインが多く掲載されているサイト。 シンプルなものやミニマルなデザインが多く、日々の業務の参考になるのはもちろん、 デザイントレンドなども知ることができます。 作品の魅せ方も様々なため、多方面でのインプットに役立ちそうです。

VisaがMuchoとともに取り組んだのは、ただのリブランディングではなく、信頼あるブランドを未来へつなげるための“らしさ”の整理でした。 信頼・アクセシビリティ・柔軟性をキーワードに、新たなビジュアルシステムを構築。社会の誰にとっても親しみやすいデザインを追求しています。

「CSS Stock」は、HTML・CSSのデザインやパーツを「コピペだけで使える」便利なサイトです。 「Web制作をもっと楽に」をテーマにしており、色やアイコンの有無など、細かなデザイン調整も簡単。あとは完成したHTML・CSSをコピーするだけで使えます。 デザインの参考やアイデア出しにも最適。 CSS Stock …

トヨタウェイを「デザイン活用できる哲学」と位置付けるのは悪くないが、このフレーミングは既に機能していない。なぜなら、「ユーザー視点」「細部へのこだわり」といった要素は、デザイン領域では20年前から自明だからだ。 構造として見れば、製造業の問題解決プロセスとデザインプロセスは階層が異なる。トヨタウェイは「反復と改善の循…

プラグインなしでこのレベルの液体感が出せるって、素直に嬉しい。ブラーとブレンドモードだけで「やわらかく馴染む」体験を作れるんだ、って気づかせてくれる。 何より良いのは、ツールの制約を逆手に取ってる感じ。凝ったプラグイン使うより、基本機能をどう組み合わせるかで差が出るって、デザインの本質に近い気がする。 自分だったら…

吹き出し素材の専門化という判断が効いている。実務では UI パーツとして必要な要素が散在するほど探索コストが増すから、この徹底が実用的だ。ただ自分が注目したのは、カスタマイズ機能の手加減。色やサイズ変更、簡易的な文字入れで留めている点が良い。過度に編集機能を詰め込まず、素材の品質そのものに注力する姿勢が見える。AI ツ…

バナーブラインドネスとか認知負荷って、実務では「ユーザーが見てくれない」「判断に時間かかる」くらいの感覚で扱ってたんだけど、この記事は心理学的な根拠を通して「なぜそうなるのか」を言語化してくれてる。 自分だったら、クライアント提案の説得材料として使いたい。「これはデザインの問題じゃなくて、人間の認知の話なんです」って…

「すべての創造者のための器」というコンセプト自体は過度に抽象的で、ブランド上の差別化要因として機能しているか疑問がある。ノーコードツール市場で同様の謳い文句は飽和状態だからだ。 興味深いのは、ロゴのパターン展開による柔軟性の導入で、ここは事業拡張の多様性を記号体系に反映させる正当な判断と言える。ただ、「使用場面に応じ…

バリエーションに富んだアイコンのデータをダウンロードできる「icons8」では、Appleのemojiに似たアイコンや「UI」「3D」「手書き」など多彩なテイストのデータがダウンロード可能。カラーの編集も可能で、特徴的なアイコンを探している時に便利です。 PNG、Favicon、HTML挿入用のリンクは無料でダウンロー…

「高級お出汁」という比喩、絶妙だと思う。つまり、素材を選ぶのはあくまで使い手で、プラグイン自体は過度に主張しない。むしろ背後で支える静かな力強さ。 ノーコードツールって往々にして「これでできます!」感が強くて、逆に制約を感じさせることが多いんだけど、Snow Monkeyはその逆。試用版で先に体験させるアプローチも、…

クレジット表記の有無で利用体験を分ける仕組みが効いている。実務では、プロトタイプ段階と本実装で素材の扱いを切り替える場面が多い。無料会員で試行錯誤し、方向性が固まったら有料で表記を外すフロー。この段階的な選択肢が明確だと、実装の判断が立てやすい。 同時に、いまのプロジェクトでは AI 生成素材との並列利用が増えている…