Category: デザイン

ワリ織物の秘密:略奪とアンデス美術の変容

2025-02-14
ワリ織物の秘密:略奪とアンデス美術の変容

ワリ織物は、アンデス織物美術の最も優れた例の一部です。しかし、その研究は、不明瞭な来歴によって妨げられています。多くの作品は違法な手段で世界の収集品に入ってきました。考古学的文脈の欠如は、その本来の機能と意味を理解することを困難にしています。専門家は、切断、トリミング、再縫合など、身体に着用される多感覚のアンサンブルから、西側での消費のための平らな美術品への変換を含む、改変の事例を文書化しています。この操作は、その本来の文化的文脈と目的を曖昧にしています。

恋に迷う:名前を基にした生成アート迷路

2025-02-14
恋に迷う:名前を基にした生成アート迷路

Bèr Kesselsによる「恋に迷う」は、ユーザーが提供した2つの名前を基にユニークな迷路を生成するジェネラティブアートプロジェクトです。再帰的なバックトラッキングアルゴリズムを用いて、迷路生成のプロセスをアニメーションで表示します。迷路のデザインは、名前から生成されたランダムネスによって決定され、カスタマイズオプションはありません。2つの名前のみを基にユニークなアートワークを作成することが目的です。コードはオープンソースで、GitHubで入手できます。

体現されたアルファベット:ルネサンス人文主義から教育的注釈へ

2025-02-13
体現されたアルファベット:ルネサンス人文主義から教育的注釈へ

活字の文字は古くから人体の形と関連付けられてきました。ルカ・パチョーリやジョフロワ・トリなどのルネサンスの人物は、1534年のペーター・フロートナーの木版画「メンシェンアルファベット」に見られるように、文字の比率の基礎として人間の解剖学を使用しました。「The Comical Hotch Potch」(1782年)などの後世の作品は、アルファベットを使って教育の性格形成の側面を微妙に論評し、文字の形を模倣するためにコミカルに体を歪める人物を描写することで、焦点をシフトさせました。

デザイン ルネサンス 人体

YouTubeの微妙なデザイン変更:洗練された赤

2025-02-13
YouTubeの微妙なデザイン変更:洗練された赤

YouTubeは、象徴的な赤に焦点を当てて、ブランドイメージをさりげなく刷新しました。以前の純粋な赤は、一部の画面でオレンジ色に表示されたり、画面焼けの原因になったりするなど、技術的な問題がありました。新しい赤は少し寒色系の色合いで、これらの問題を解決しながら、活気に満ちた親しみやすい雰囲気を維持しています。これは革命的な大改修ではなく、慎重な改良であり、様々なデバイスや画面でのユーザーエクスペリエンスの向上を目指し、ブランドアイデンティティを維持しています。

デザイン ブランド刷新

AIデザインのパラドックス:利便性 vs. クリエイティビティ

2025-02-12
AIデザインのパラドックス:利便性 vs. クリエイティビティ

ベテランデザイナーが、AIデザインツールの両刃の剣を探求しています。AIは迅速なデザイン生成を提供しますが、同時にデザインプロセスを圧縮し、「生産的な空白」—ひらめきが生まれる、待機、探求、反復の重要な瞬間—を排除します。著者は、この「プロセスの崩壊」が、表面的で独創性のないデザインにつながるリスクがあると主張し、AIが人間の創造性を低下させる可能性について懸念を表明しています。彼は、デザイナーに対し、AIを慎重に使用し、創造性を拡大するツールとして捉え、デザインプロセスに固有の摩擦と熟考を重視するよう促しています。

ディズニーの「消えるグリーン」:インフラのカムフラージュ

2025-02-12
ディズニーの「消えるグリーン」:インフラのカムフラージュ

ディズニーパークでは、スピーカー、フェンス、ゴミ箱などのインフラを環境にシームレスに溶け込ませるため、「消えるグリーン」と呼ばれる様々な緑、グレー、ブラウン、ブルーなどの落ち着いた色合いが使用されています。軍事用カラーから着想を得たこの巧妙なカモフラージュ技術は、気を散らすものを最小限に抑え、没入型の体験を向上させ、来場者の注意をパークの機能的な要素ではなくアトラクションに集中させます。この戦略は、大型施設と小規模なインフラの両方に適用されます。

2020年の在宅勤務:macOS 9時代のノスタルジックなワークフロー

2025-02-10
2020年の在宅勤務:macOS 9時代のノスタルジックなワークフロー

この記事は、著者が2020年のCOVID-19パンデミック中に在宅勤務をした経験を振り返り、当時のワークフローを今日のツールと比較しています。不安定なインターネット、限られたディスク容量、macOS 9など、当時の制約も考慮し、ノスタルジックな「Mac(os)talgia」体験を描いています。

デザイン

シェーダーで驚きのポストプロセス効果を生み出す

2025-02-09
シェーダーで驚きのポストプロセス効果を生み出す

この記事では、著者が2024年にシェーダー技術を学び、ポストプロセス処理に適用した経験について詳しく説明しています。@samdapeや@hahajohnxなどのアーティストの作品にインスピレーションを得て、複雑なピクセルパターン、錯視効果、インタラクティブなポストプロセス効果を作成しました。記事では、ピクセル化、SDFと閾値行列を使用したパターンの作成、LEDパネル、織物、レゴブロック、フロストガラスなどの効果を実現する技術の詳細を説明し、コードスニペットとデモを提供しています。

デザイン ポストプロセス

データ視覚化:イラストレーションを超えて、解明へ

2025-02-07
データ視覚化:イラストレーションを超えて、解明へ

この記事は、数学の式を視覚的に説明する革新的な手法を称賛しています。 ダニエル・フライシュのMaxwell方程式に関する本を例に、従来の学術論文における数式はしばしば難解である一方、優れた視覚化は複雑な情報を明確に提示し、「説明」ではなく「解明」を実現すると主張しています。 これは、エドワード・タフテの「視覚的説明」という概念と一致し、複雑な情報を容易に理解できるようにするためのデータ視覚化の力を提唱しています。

デザイン 科学的視覚化

ライトのパラドックス:有機建築 vs. マイル高層ビル

2025-02-06
ライトのパラドックス:有機建築 vs. マイル高層ビル

建築界では、密度に関して2つの対立する見解があります。高密度を支持する側と、低密度を支持する側です。有機的なアプローチで知られる建築家、フランク・ロイド・ライトは後者に属していました。彼のブロードアクリシティはその哲学の典型例です。皮肉なことに、ライトはマイルの高層ビル「イリノイ」も設計しており、彼の有機的な原則と真っ向から対立しています。これにより、有機建築と高層ビルの両立性について考えさせられます。

240行のコードで描くリック:驚異のGLSLアニメーション

2025-02-06
240行のコードで描くリック:驚異のGLSLアニメーション

この記事では、作者が8ヶ月かけて、ライブラリや画像を一切使用せず、わずか240行のGLSLコードのみで作成した、息を呑むようなリックのアニメーションについて詳細に説明しています。記事内にはライブコーディングエディタが埋め込まれており、読者も独自のアニメーションをプログラミングできます。プロセスは、基本的な色の塗りつぶしから、ベジェ曲線、星型、角丸長方形などの符号付き距離関数(SDF)を使用してリックの特徴と髪を丹念に描くことまで、段階的に説明されています。ノイズ関数と時間領域のワーピングにより、リックの髪にダイナミックな効果が加わり、ランダムな目の動きが追加されます。作者は、ループ値、描画内容の切り替え、ノイズモーションなど、さまざまなアニメーション技術を共有し、完全なコードと説明を提供することで、読者が独自のGLSLアニメーションを作成できるように支援しています。

デザイン コードアート

六角形タイルを用いた米国郡地図の再考:革新的なデータ視覚化アプローチ

2025-02-05

この記事では、革新的なデータ視覚化手法を紹介します。それは、米国の全郡を均一な六角形グリッドでタイル状に配置するというものです。このアプローチは、従来の地図における郡の面積のばらつきによって生じるバイアスを克服し、人口密度、社会経済変数などをより明確に表現することを可能にします。六角形の独自の隙間のないタイル配置は、正方形グリッドの「エッジ効果」を回避し、郡間の隣接関係をより正確に示します。色の濃淡やサイズ調整などの視覚的な手がかりにより、郡間の様々な指標(人口密度、経済指標、公衆衛生データなど)の違いを強調します。州や地域によるフィルタリングにより、集中的な分析が可能になり、このツールは意思決定や地域開発に役立つ汎用性の高いツールとなります。

デザイン 六角形

リーンデザインとサイバネティクスが交わる:ユーザーが目的を定義する

2025-02-05
リーンデザインとサイバネティクスが交わる:ユーザーが目的を定義する

この記事は、アシュビーやビールなどの理論家のアイデアを参考に、サイバネティクスの観点からデザインを探求しています。アシュビーの必要十分な多様性の法則について議論し、システムレギュレータが摂動に対処するために十分な多様性を必要とすることを強調しています。著者は「ユーザー目的仮説」と「反作用仮説」を紹介し、ユーザーが最終的にデバイスの目的を決定し、その知覚された複雑さに基づいて簡素化または複雑化を求めることを主張しています。この記事では、リーンの原則におけるポカヨケ(エラープルーフィング)、デザインにおける多様性の費用、そして即時フィードバックの重要性についても探求しており、コストとユーザーエクスペリエンスのバランスを取るケーススタディとしてUSBのデザインを使用しています。最後に、著者はクリッペンドルフの言葉を引用し、アーティファクトの意味は固有のものではなく、ユーザーがインタラクションを通じて割り当てるものであり、デザイナーは特定の製品を設計するのではなく、ユーザーをエンパワーすることに焦点を当てるべきであると強調しています。

CSSホバーアニメーション:反転半径シェイプの巧妙な活用

2025-02-02
CSSホバーアニメーション:反転半径シェイプの巧妙な活用

この記事では、CSSを使ってクールなホバーアニメーション効果を作成する方法を紹介しています。反転半径シェイプ、CSS変数、`@property`を巧みに組み合わせることで、マウスオーバー時にテキストが徐々に表示されるアニメーションを実現します。コードは簡潔で効率的で、CSSマスクとグラデーションを利用して視覚的に素晴らしい効果を生み出します。CSSの基礎知識のある開発者にとって学ぶ価値のあるCSSテクニックです。

デザイン CSSテクニック

写真家がiPhoneで巡る世界:ニューススタンドNFTコレクション完売

2025-02-01
写真家がiPhoneで巡る世界:ニューススタンドNFTコレクション完売

写真家のTrevor Traynorは2012年から、iPhoneのみを使って世界中の活気のあるニューススタンドを記録するグローバルな旅に出ました。2022年、彼はこれらの画像を100個のユニークなNFTコレクションに変え、数ヶ月で完売しました。このプロジェクトは、ロサンゼルスでの物理的な展示会でクライマックスを迎え、オンラインとオフラインの体験を融合させました。これは、写真、NFTテクノロジー、そしてアートの成功した融合を示しています。

デザイン

Webデザイン:テンプレートから表現へ

2025-01-31
Webデザイン:テンプレートから表現へ

2010年、カスタムWebサイトはデザイナーのデジタル名刺でした。開発者はHTML5の機能を活用して、想像力豊かなWebサイトを作成しました。しかし、テンプレートと自動化ツールの台頭により、均質化が進みました。現在、ブラウザテクノロジーは大幅に進歩していますが、多くのデザイナーはまだ古いパラダイムにとらわれています。この記事では、HSLやOKLCHなどの新しいCSS機能やコンテナクエリなどを活用し、テンプレートの制約を打ち破り、より表現力豊かなWebサイトを作成するよう、デザイナーに呼びかけています。Webサイトは単なる情報コンテナではなく、創造的な表現の場であるべきです。

デザイン 創造的表現

Great Questionがリードプロダクトデザイナーを募集

2025-01-30
Great Questionがリードプロダクトデザイナーを募集

Y CombinatorとFunders Clubから資金提供を受けているシードステージのスタートアップであるGreat Questionが、リードプロダクトデザイナーを募集しています。彼らは、Gusto、Experian、Canva、Brexなどの企業が利用するオールインワンの顧客調査プラットフォームを構築しています。この役割には、ソフトウェア製品デザインの7〜12年の経験、B2B SaaSとエンタープライズクライアントへの重点が必要です。理想的な候補者は、優れたUXデザインスキルを持つ強力なリーダーであり、複雑な製品領域の設計を構想から立ち上げまで独立して主導することができます。

デザイン

偶然の革命:Gorillazの象徴的ミュージックビデオ「Clint Eastwood」の制作秘話

2025-01-29
偶然の革命:Gorillazの象徴的ミュージックビデオ「Clint Eastwood」の制作秘話

この記事では、Gorillazの画期的なミュージックビデオ「Clint Eastwood」の監督を務めたPete Candelandへのインタビューを紹介しています。Candelandは、制作中の課題や偶然の出来事を語っており、限られた予算の中で、2Dの手描きアニメーションと3DのCGI技術を巧みに組み合わせた方法を詳しく説明しています。「ナチュラル・ボーン・キラーズ」、「パルプ・フィクション」、「マトリックス」などの映画からインスピレーションを得て、実験とポストプロダクション編集を通じて、今もなお影響を与え続ける独特の視覚スタイルを生み出しました。これは単なるミュージックビデオの舞台裏ではありません。革新、創造的な飛躍、そして芸術的融合の物語です。

2025年にDelicious Libraryを再現する?

2025-01-29

2000年代初頭からDelicious Libraryのデザインを長く愛してきた著者は、ウェブアプリとしてその機能を再現するための複数の試みを振り返ります。Code Helperのような内部ツールから、catalog.imのような独立プロジェクト、そして様々なデザインコンセプトに至るまで、著者の道のりは粘り強い追求を反映しています。この記事は、新しいウェブベースのDelicious Libraryの提案で締めくくり、読者のフィードバックを求め、ノスタルジックなソフトウェアデザインと現代的なウェブアプリケーションの融合に関する議論を促します。

デザイン

タマラ・ド・レンピッカと1920年代の芸術パーティー:退廃の一瞥

2025-01-26
タマラ・ド・レンピッカと1920年代の芸術パーティー:退廃の一瞥

象徴的なタマラ・ド・レンピッカが主催する華やかな1920年代のパーティーを想像してみてください。この記事は、レンピッカの芸術とパーティー出席者の描写を通して、その時代を鮮やかに描いています。緑のブガッティで到着するレンピッカ自身から、ゆったりとしたドレスを着たファッショナブルなフラッパーたち、青いサテンのドレスを着たギター奏者、赤い帽子をかぶってささやき合う女性たち、ラ・サール公爵夫人などのアンドロジナスな人物まで、この記事は1920年代特有のファッション、芸術、社会雰囲気をとらえています。レンピッカの芸術様式は物語に織り込まれており、古典的な参考文献の使用方法と、現代女性の独特な描写が強調されています。

Krita用3Dペイント効果のためのオープンソースブラシツールキット

2025-01-25
Krita用3Dペイント効果のためのオープンソースブラシツールキット

Draneriaは、金属効果を模倣したブラシと独自のRGBA消しゴムを含む無料のKritaブラシツールキットをリリースしました。この消しゴムは、任意の筆致に普遍的なRGBAを追加したり、既存のペイントを平坦化したりできます。インストールは簡単で、.bundleファイルをインポートするだけです。ツールキットには、最適な使用方法に関する追加のヒントとメモも含まれています。

デザイン ブラシ 3D効果

Snap Scope:お気に入りの焦点距離を発見

2025-01-24
Snap Scope:お気に入りの焦点距離を発見

Snap Scopeは、あなたのお気に入りの焦点距離を見つけるのに役立つアプリです。既存の写真を分析することで、一般的に使用している焦点距離範囲をインテリジェントに特定し、気に入る可能性のあるレンズを推奨します。焦点距離の選択で迷うことはもうありません。Snap Scopeは、最適な撮影角度を簡単に探し出し、写真撮影のスキルを向上させるのに役立ちます。

デザイン 焦点距離

遠隔操作の風:大陸を繋ぐアートインスタレーション

2025-01-24

デビッド・ボウエンの芸術作品「遠隔操作の風」は、屋外に設置された植物の茎に接続された加速度計と、ギャラリー内の126個の機械装置を用いて、リアルタイムで風の動きをシミュレートするものです。スペインのビルバオやモスクワなど、設置場所に関わらず、ミネソタ大学視覚化・デジタルイメージング研究所近郊の場所から数千キロ離れた場所の風の変化を正確に捉え、表示します。技術と自然の融合が見事に表現された、環境の力を示す力強い芸術作品です。

デザイン 遠隔操作 センサー

cs16.css:Counter-Strike 1.6をモチーフとしたCSSライブラリ

2025-01-24
cs16.css:Counter-Strike 1.6をモチーフとしたCSSライブラリ

cs16.cssは、Counter-Strike 1.6のユーザーインターフェースをモチーフとしたCSSライブラリです。ボタン、チェックボックス、入力欄、ドロップダウンメニュー、ラジオボタン、スライダー、ダイアログ、ツールチップ、プログレスバー、タブなど、様々な一般的なコンポーネントに対して、シンプルで使いやすいスタイルを提供します。HTMLの``タグにCSSリンクを追加するだけで簡単に使用できます。このライブラリはMITライセンスの下、GitHubで公開されています。

デザイン CSSライブラリ

UI 地獄:4 機能電卓の場合

2025-01-24
UI 地獄:4 機能電卓の場合

この記事では、一見単純な4機能電卓の驚くほど複雑なUIデザインについて掘り下げて考察しています。基本的な構成要素である10個の数字キー、演算子、イコール記号から出発し、著者は隠れた複雑さを明らかにします。連続演算の処理、負数の入力、暗黙的なイコール、そしてレガシーな「K定数」機能といった問題が探求されます。これらの一見些細な詳細は、矛盾やユーザーの混乱につながり、最も単純なデバイスの設計における課題を浮き彫りにしています。著者はユーモアと図解を用いて、電卓UIの複雑な論理と歴史的進化を説明し、日常生活にある物において見過ごされがちなデザインのニュアンスについて省みるきっかけを与えてくれます。

デザイン

Ben Penceのポートフォリオ:デザインと開発スキルの洗練されたショーケース

2025-01-23

Ben Penceのウェブサイトは、デザイナー兼開発者としての彼のスキルを明確に示す、洗練されたポートフォリオです。ミニマリストなデザインは彼の作品を際立たせ、ウェブデザイン、ブランディング、インタラクティブエクスペリエンスなど、幅広いプロジェクトを紹介しています。厳選された事例研究は、ビジュアルデザインとUXにおける専門性を示しており、容易にアクセスできる連絡先情報は、潜在的なクライアントや協力者からの連絡を容易にします。全体として、非常に効果的で印象的な個人ポートフォリオであり、プロ意識と細部へのこだわりを反映しています。

在宅勤務による目の疲れを解消:最適な照明環境を作る

2025-01-22
在宅勤務による目の疲れを解消:最適な照明環境を作る

在宅勤務で目の疲れに悩んでいませんか?ブロガーのRussell Baylisが、最適な照明環境を作るための経験を共有します。均一で柔らかな光が目の疲れを軽減する鍵だと強調し、フロアランプや調光可能な照明器具を使って、影やコントラストを解消しました。自然光は光を通すカーテンで柔らかくし、高品質でフリッカーフリーの照明を優先しています。20-20-20ルールと定期的な休憩も、目の健康のために重要だと述べています。

デザイン 在宅勤務 目の疲れ

別の光の中の生命:2024年赤外線写真コンテスト受賞作品

2025-01-22
別の光の中の生命:2024年赤外線写真コンテスト受賞作品

アトランティック誌は、「別の光の中の生命」という2年ごとの赤外線写真コンテストの受賞作品を紹介しています。世界中の写真家から3000点以上の応募があり、11のカテゴリーで審査されました。赤外線写真のユニークな視点を見せる受賞作品は、自然と人間の魅力的な一面を垣間見せてくれます。受賞作品は風景、ポートレート、天体写真など幅広く、この技法の多様性を示しています。

イェンス・クイストゴーのダンскペッパーミル決定版ガイド

2025-01-21

このウェブサイトは、イェンス・クイストゴーがダンскデザインズのためにデザインしたペッパーミルのコレクションに関する包括的なガイドです。それぞれのミルは、そのユニークな形状、モデル番号、グラインダーの種類、生産履歴などを詳細に記載して綿密に記録されています。このサイトは、これらの象徴的なデザインの背景にあるストーリーを解き明かし、その形状と製造プロセスの進化を明らかにします。初期の全金属製グラインダーから後のプラスチック製バリエーションまで、このリソースはコレクターとデザイン愛好家の両方にとって必携です。

Webring:アーティストと開発者のための協調ネットワーク

2025-01-21

このWebringは、アーティストと開発者がウェブサイトを作成し、トラフィックを共有することを促すことを目的としています。個人ブログやウィキからオンラインポートフォリオまで、さまざまなサイトのコレクションです。参加は簡単です。プルリクエストを送信するだけです。

デザイン アーティスト
1 2 3 4 5 6 8 10