Category: デザイン

ビルボード禁止:都市美観改善のための簡単な解決策

2025-04-07

都市の改善には多額の費用と長年の計画が必要となることが多い。しかし、簡単な変更で都市美観を劇的に改善できる可能性がある。それは、ビルボードの禁止だ。都市のデザインレビュー委員会は建物の設計を綿密に審査する一方、巨大で視覚的に邪魔な広告は、この監督を免れている。これらのビルボードは、非常に目立つ場所に設置され、都市環境の静けさを損なっている。著者は、その禁止は大多数の利益となり、ビルボード所有者の少数だけが反対するだろうと主張している。

88x31ピクセルボタンの不滅の遺産

2025-04-05

この記事では、インターネット上で広く使われている88x31ピクセルボタンの起源と、その人気が続いている理由を掘り下げています。1990年代半ばにまで遡り、Netscapeの「Netscape Now」プログラムがこのボタンサイズを使用していた経緯や、その後Geocitiesなどのプラットフォームで広く採用された経緯を探っています。小さなサイズにもかかわらず、その作成、配布、カスタマイズの容易さから、初期のWeb文化の独特なシンボルとなりました。高解像度ディスプレイが主流となった現在でも、88x31ピクセルボタンは、初期インターネットへのノスタルジアと独特の美学と結びついて、生き続けています。この記事では、代替のボタンサイズについても検討し、88x31ピクセルボタンの将来についても展望を示しています。

デザイン

Nebula Sans:ストリーミングサービスNebulaの新しいブランドフォント

2025-04-05
Nebula Sans:ストリーミングサービスNebulaの新しいブランドフォント

インディペンデントクリエイターによるプレミアムストリーミングサービスNebulaが、新しいブランドフォントNebula Sansをリリースしました。Source Sansをベースに、Whitney SSmの代替として設計されたNebula Sansは、SILオープンフォントライセンスの下で誰でも使用できます。Nebula Sansの背景を語る短いドキュメンタリー映画も公開されています。2つのスタイルと6つのウェイトを備え、インターフェース、印刷、その他あらゆるグラフィック、デジタル、フィジカル、メタフィジカル、メタフォリカル、または寓意的なタイポグラフィニーズに適しています。

デザイン

Sparks:テキストにスパークラインを作成するためのフォント

2025-04-05
Sparks:テキストにスパークラインを作成するためのフォント

デザインコンサルティング会社After the Floodが、OpenTypeのコンテキスト代替機能を利用してテキスト内に直接スパークラインを生成する新しいフォント、Sparksをリリースしました。数字の間に特定のフォーマットでデータポイントを挿入するだけで(例:`123{30,60,90}456`)、スパークラインを作成できます。Sparksは様々なブラウザやソフトウェアと互換性があり、棒グラフ、点グラフ、点線グラフの3種類のスタイルと、5種類の太さのバリエーションを提供しています。基盤となるメカニズムは複雑ですが、データ可視化のための斬新で便利な方法を提供します。

デザイン

色の消失:現代的な美的変化

2025-04-02
色の消失:現代的な美的変化

車やブランドから映画まで、グレーやモノクロームが世界を席巻しています。この記事は、この現象の背景にある理由を探り、それが素材やファッショントレンドだけでなく、西洋哲学における長年の色の低評価に根ざしていることを主張しています。プラトンからカントまで、理性は感覚よりも優先され、色は真実の理解を妨げる感覚的な干渉と見なされてきました。モダニズムは、さらに色を過剰な装飾とみなし、純粋な形態を追求しました。しかし、この記事は、この色の拒絶が、バロック美術の鮮やかな色に見られるように、色と形の調和のとれた統一性を無視していることを主張しています。感情と理性が共存するのです。色を再び受け入れる時が来ました。私たちの生活を豊かにしましょう。

デザイン

完全に円だけで作られた動物イラストが話題に

2025-04-02
完全に円だけで作られた動物イラストが話題に

アーティストのDoriが制作した、円だけで構成された動物イラストが、インターネット上で大きな話題を呼んでいます。シンプルながらも洗練されたデザインは、高解像度の壁紙やプリントへの要望を数多く生み出しました。Doriは制作過程を公開するだけでなく、Smashing Magazineで完全なチュートリアルも公開。創造的なデザインの力と、アーティストと観客との魅力的な交流を示す物語です。

デザイン イラスト

円弧による楕円近似:実用的な製図技法

2025-04-01
円弧による楕円近似:実用的な製図技法

従来の楕円の描画方法は、実際的な応用において限界があります。この記事では、固定半径の複数の円弧を用いて楕円を近似する手法を紹介します。この手法は、CADソフトウェアで楕円を描画し、それを等角度のセグメントに分割し、これらのセグメントの弦と半径を楕円上にマッピングすることで、近似楕円を形成する一連の円弧を作成します。このアプローチは、建築設計などの分野で特に有用であり、円弧の数と角度を調整することで、柔軟に曲線の形状を制御し、実用的で美しい形状を得ることができます。

デザイン 幾何学的製図

AIウェブサイトビルダー対決:高速でプロフェッショナルなランディングページ、しかし魔法はない

2025-03-30
AIウェブサイトビルダー対決:高速でプロフェッショナルなランディングページ、しかし魔法はない

ベテランデザイナーが、CodeYamソフトウェアのランディングページのプロトタイプ作成のために、Cursor、v0、Lovable、Boltの4つのAIウェブサイトビルダーをテストしました。結果は?Cursorを除くすべてのツールは使いやすく、シンプルでプロフェッショナルな結果を生み出しましたが、画期的なデザインはありませんでした。Cursorは強力でしたが複雑すぎました。v0は優れたUIと使いやすさを誇っていました。Lovableはコンテンツ生成に優れていました。Boltはあまりにも基本的なものでした。全体として、これらのツールは高速でプロフェッショナルなランディングページを提供しますが、画期的なデザインは期待しないでください。

デヴィッド・リンチのCM:アートと商業の融合

2025-03-29
デヴィッド・リンチのCM:アートと商業の融合

『イレイザーヘッド』や『ブルーベルベット』などのシュールリアリスティックな映画で知られるデヴィッド・リンチ監督が、驚くべきことにその独特な芸術性をCMの世界にも提供しています。カルバン・クラインの香水広告からジョージアコーヒーのキャンペーン、ニューヨーク市の反ゴミキャンペーンまで、リンチのCMは、彼独特の不穏な雰囲気と商業目的が見事に融合しています。興味深いことに、これらのCMの一部は主に欧州とアジアで放送されており、彼の独特なスタイルに対する世界的な評価の高さを示唆しています。

デザイン CM

ピラネージの透視トリックの再発見:忘れられた芸術技法

2025-03-27
ピラネージの透視トリックの再発見:忘れられた芸術技法

この記事では、18世紀の芸術家ジョバンニ・バティスタ・ピラネージによって用いられた独自の透視技法を掘り下げています。伝統的な透視図法とは異なり、ピラネージのトリックは、同様の物体の連続を描写する際に、遠近法による収縮ではなく、近いものは大きく、遠いものは小さく表現するという比率を用いています。この技法は、透視図法のルールに反するものの、画像の可読性と理解を向上させます。この記事では、この技法の数学的原理を分析し、伝統的な透視図法との比較を通して、画像処理や地図作成における潜在的な応用を示しています。著者は、この技法を画像編集ソフトウェアに適用するためのアルゴリズムを開発し、画像操作に対する新しい視点を与えています。

デザイン 透視図法

パッチワークキルト物語:衣料品の品質に関する神話を解体する

2025-03-26
パッチワークキルト物語:衣料品の品質に関する神話を解体する

この記事では、友人や家族の古着を使ってパッチワークキルトを作った様子が語られ、大量生産された衣料品の品質について考察しています。著者は、衣料品の品質は産地や製造者だけでなく、ブランドによるコストと生産プロセスの管理によって決まる、と主張しています。安価なファストファッションは、ブランドのコスト削減策を反映しており、労働者の技能とは関係ない、としています。また、東アジア女性の縫製能力に関するステレオタイプにも疑問を呈し、ブランドとサプライチェーンの責任に焦点を当てるべきだと訴えています。

エンダッシュとエムダッシュの微妙な芸術

2025-03-26
エンダッシュとエムダッシュの微妙な芸術

この記事では、エンダッシュとエムダッシュの使用方法の違いと、WordやGoogle Docsで効率的に挿入する方法を明確に説明しています。著者は、エンダッシュは範囲(例:時間範囲7~10時)に使用され、エムダッシュは強調、補足説明の挿入、または会話の突然の中断に使用されることを、分かりやすい例を使って説明しています。また、ハイフンとの違いについても比較し、いくつかのショートカットキーと手動挿入方法を提供することで、読者が句読点の誤用によるあいまいさを回避するのに役立ちます。

デザイン 句読点

カイリー・ミノーグのフォントに関するマイナーなテクノポップ・アンセム

2025-03-25
カイリー・ミノーグのフォントに関するマイナーなテクノポップ・アンセム

1997年、ポップアイコンのカイリー・ミノーグはプロデューサーのtowa teiと組んで、「GBI (German Bold Italic)」という驚くほどキャッチーな曲を制作しました。この曲は、フォントの視点から歌われるというユニークな特徴を持っています。これは単なる曲ではなく、創造的なフォントデザインの実験でした。アーティストのHiro Sugiyamaは、この曲に合わせてGBIフォントを作成し、teiのアルバムにデータトラックとして収録され、ダウンロードも可能でした。90年代後半のテクノとポップカルチャーを融合したこのシングルとフォントデザインは、今日では比較的知られていませんが、デザインと音楽の歴史において独特の地位を占めており、一部のアーティストによって時折使用されています。

デザイン

データ可視化におけるイノベーションの停滞:黄金時代から停滞期へ

2025-03-25
データ可視化におけるイノベーションの停滞:黄金時代から停滞期へ

この記事は、データ可視化分野におけるイノベーションの停滞の理由を探っています。著者は、2010年頃、数多くの革新的なインタラクティブなチャートが登場したデータ可視化分野の急速な発展を振り返ります。しかし、10年後、イノベーションは停滞しているように見え、スクロリーテリングのような一般的なインタラクティブ形式が支配的になり、視覚的な疲労につながっています。この記事では、モバイルファーストの閲覧習慣、容易に理解できるコンテンツへの需要、経済低迷期における保守的な投資戦略が、この現象に寄与したと主張しています。イノベーションの減速にもかかわらず、著者はこれがイノベーションサイクルにおける自然な段階であり、将来、新たなブレークスルーが期待できると考えています。

デザイン

ノスタルジックなカラーバーペーパー:ウェブシミュレーションと歴史

2025-03-24

この記事では、1990年代後半まで人気だったカラーバーペーパーを取り上げています。このペーパーは、読みやすさを向上させるために色のついた水平線を使用していました。著者は、ウェブページ上で様々な色(緑、青、黄など)のバーペーパー効果をシミュレートし、最新のソフトウェアやウェブデザインでこのスタイルをどのように模倣できるかを説明しています。この記事では、歴史的背景と、さまざまなソフトウェアやウェブ環境でこの効果をシミュレートするためのさまざまなアプローチについても触れています。

逆絵画のモダニズム復興

2025-03-23
逆絵画のモダニズム復興

1900年代初頭、逆絵画、またはアメリカにおけるその変形である金銀箔絵画は廃れており、女性的な工芸、時代遅れなものと考えられていました。しかし、1910年代から、マースデン・ハートリーやレベッカ・サルズベリー・ジェームズといった芸術家たちがこの技法を復活させ、伝統的な主題を拡張し、新しい色彩、線、空間へのアプローチを探求することで、この古い技法にモダニズムの息吹を与えました。これは、ポーランドのヤノシャンカによる同様の作品と時を同じくしており、伝統的な技法を再解釈する芸術的革新の力を示しています。

デザイン 逆絵画 モダニズム

Krita領域エクスポートプラグイン:キャンバス領域を簡単にエクスポート

2025-03-22
Krita領域エクスポートプラグイン:キャンバス領域を簡単にエクスポート

このKritaプラグインを使用すると、キャンバスの任意の領域を、オプションでサイズ変更してエクスポートできます。インストール:`region_exporter`フォルダをKritaのリソースフォルダの`pykrita`サブフォルダに配置します。`region_exporter.desktop`をKritaのリソースフォルダのルートに、`region_exporter.action`を`actions`サブフォルダに配置します。使用方法:Ctrl+Shift+Eショートカットまたはツールメニューを使用します。座標、サイズ、回転、レイヤー選択オプションを入力して画像をエクスポートします。

純粋なCSSによるレスポンシブな六角形グリッド:floatを使ったアプローチ

2025-03-20
純粋なCSSによるレスポンシブな六角形グリッド:floatを使ったアプローチ

この記事では、メディアクエリ、JavaScript、過剰なハックなしで、完全にレスポンシブな六角形グリッドを作成する方法を示します。`clip-path`、`float`、`shape-outside`を巧みに使用し、CSS変数でサイズと間隔を制御することで、柔軟なレイアウトを実現します。このテクニックは、菱形、八角形などのグリッドの作成にも拡張され、CSS Gridを使用して中央揃えとオーバーフロー制御を行うことで、レスポンシブで適応性の高い、カスタマイズ可能な形状のグリッドシステムが実現します。

デスクトップUIデザインの過去、現在、そして不確かな未来

2025-03-18

1968年のエンゲルバートによる「すべてのデモの母」から、今日のタッチスクリーンの普及まで、この記事はデスクトップユーザーインターフェースデザインの進化をたどります。Xerox AltoやSun Starfireなどの象徴的な例を調べ、タッチ、音声制御、無限キャンバスなど、将来のUIに関するビジョンを探ります。しかし、著者は多くのイノベーションが真の改善ではなく、摩擦を増大させていると主張しています。この記事は、デスクトップUIの未来は抜本的な改革ではなく、既存デザインの段階的な改良であり、目新しさよりも一貫性と親しみやすさを重視すると結論づけています。

液体形状歪み:無料サイケデリックアニメーションジェネレーター

2025-03-17
液体形状歪み:無料サイケデリックアニメーションジェネレーター

Liquid Shape Distortionsは、ブラウザベースの無料サイケデリックアニメーションジェネレーターで、液体モーション、歪み、影、光を使用してサイケデリックアートを作成します。ドラム&ベース/アシッドテクノミュージックと90年代のレイブポスターからインスピレーションを得ており、ミュージックビデオ、コンサートポスター、クリエイティブプロジェクトのスタイリッシュなアニメーションの作成、または単に音楽と一緒に楽しむために使用できます。ユーザーは、ランダム化、一時停止/再生、スクリーンショット、ビデオエクスポート、音楽再生、キャンバスサイズ、アニメーション速度、パターン、色のカスタマイズのためのホットキーとコントロールメニューを使用できます。アニメーションはWebGLシェーダーを使用して作成され、実行するたびにユニークなアートワークが生成されます。このオープンソースプロジェクトは、個人および商業利用のために無料で提供されています。

私たちのフラットなインターフェースは感覚を失った

2025-03-16

パンチカードからタッチスクリーンまで、人間とコンピューターのインタラクションは劇的に進化しました。しかし、今日のフラットなインターフェースは、テキスト入力と視覚要素に過度に依存しており、触覚、聴覚などの他の感覚入力を無視しているため、ユーザーエクスペリエンスの豊かさと没入感が低下しています。この記事では、テキスト、ビジュアル、サウンド、ハプティクスなどの複数のインタラクションモダリティを統合したインターフェースの再設計を提唱し、より没入感があり効率的な人間とコンピューターのインタラクションを実現します。著者は、音声入力とジェスチャーを組み合わせてマルチセンサリーなコラボレーションを実現することを提案しています。

デザイン

困難なカーニング:GSUBとストライプフォントの物語

2025-03-14

この記事では、縦縞の文字形を持つユニークなフォントのカーニングにおける著者の苦労とその解決策について詳しく説明しています。標準的なGPOSカーニング手法は、文字パーツの重なり合いのために失敗しました。独創的な解決策は、文字を左右のコンポーネントに分割し、重なり合うセクションをカスタムジョイナーで置き換えるGSUBルックアップを使用することでした。この複雑なプロセスは、fontToolsとfontFeaturesライブラリを使用したカスタムPythonスクリプトに大きく依存していました。フォントはまだ完成していませんが、カーニングの中心的な課題は克服されており、型破りなフォントのデザインに新しいアプローチを提供しています。

ハリウッドの知られざる建築家:ポール・R・ウィリアムズ物語

2025-03-14
ハリウッドの知られざる建築家:ポール・R・ウィリアムズ物語

ドキュメンタリー「ハリウッドの建築家:ポール・R・ウィリアムズ物語」は、アメリカ建築家協会の最初の黒人会員であるポール・リヴァー・ウィリアムズの人生を描いています。ウィリアムズは、人種差別という大きな壁を乗り越え、LAXやハリウッドのスターたちの家を設計するなど、象徴的な建物を設計しました。この映画は、彼の並外れた才能を称えるだけでなく、建築における多様性の欠如と彼の遺産を保存することの重要性を強調し、人種平等と文化遺産の保護について省みるきっかけを与えてくれます。

デザイン 人種平等

AIイラストジェネレーター:ビジュアルをレベルアップ

2025-03-14
AIイラストジェネレーター:ビジュアルをレベルアップ

アプリ、ウェブサイト、ソーシャルメディアに魅力的なイラストレーションが必要ですか?このAI搭載ツールは、アプリインターフェースやオンボーディング画面から、ウェブサイトのヒーロー画像やソーシャルメディア投稿まで、あらゆるものに対してカスタムグラフィックを作成します。ユーザーガイド、チュートリアル、記事、オンラインストア、教育プラットフォーム全体で一貫性のあるブランドイメージを構築し、ビジュアルを向上させましょう。コンテンツをより魅力的に、ブランドをより記憶に残るものにします。

劉家琨氏、2025年プリツカー賞受賞

2025-03-14

中国成都の建築家、劉家琨氏が、建築界最高の栄誉である2025年プリツカー賞を受賞しました。彼の作品は、ユートピアと日常生活、歴史と現代性、集団主義と個人主義といった一見相反する要素を見事に融合させ、文化の歴史を尊重しながらも、一般市民の生活に深く根ざした建築を生み出しています。人口密度の高い都市において、彼は公共空間を重視し、密度と開放空間のバランスを巧みに保ち、建物がインフラ、景観、公共空間として都市生活にシームレスに統合されるように設計しています。彼の作品は、文化、歴史、自然への敬意を示しており、古典的な中国建築の要素と現代的なデザイン感覚を融合させています。例えば、蘇州博物館の緩やかな軒や、成都の鷺島湿地公園の窓壁などは、伝統と革新を同時に表現しています。

最高のフォントジェネレーター:SNSであなたのテキストを際立たせましょう

2025-03-14
最高のフォントジェネレーター:SNSであなたのテキストを際立たせましょう

Font Generatorは、シンプルなテキストを入力して180種類以上のファッショナブルなテキストスタイルに変換できるオンラインツールです。あなたのテキストを楽しくスタイリッシュに見せるために、Unicodeの何千ものクールな記号を利用し、それらを組み合わせてフォントを作成します。これにより、通常はフォーマットが不可能なプラットフォームでも、太字、下線、筆記体、イタリック体で書くことができます。テキストを入力し、お気に入りのフォントを選択してコピー&ペーストするだけです。

骸骨、モンスター、そして死:メキシコの版画家ホセ・グアダルーペ・ポサーダを再考する

2025-03-10
骸骨、モンスター、そして死:メキシコの版画家ホセ・グアダルーペ・ポサーダを再考する

文化評論家イラン・スタヴァンスは、ポサーダの作品を、ゴシック、グロテスク、魔法、そして奇妙な出来事が起こる宇宙への旅だと描写しています。そこでは死が主要なテーマであり、それは存在論的な苦痛の死ではなく、不可逆的な、社会的な、そして平等な死です。彼の世界は、コウモリ、グリフォン、骸骨、動物のハイブリッド、ヘビ、爆発、ピストル、悪魔、幽霊、奇形に満ち溢れています。これらの恐ろしい要素を脚注として見るのではなく、それらのもつ固有の意味を考えるべきです。

ハマースホイのロンドンでの成功:ウィンプルストリートから批評家の称賛まで

2025-03-09
ハマースホイのロンドンでの成功:ウィンプルストリートから批評家の称賛まで

ヴィルヘルム・ハマースホイは1912年の冬から1913年の春にかけてイギリスに滞在し、そこで成功した展覧会を開催しました。彼の成功は、有名なピアニストであるレオナルド・ボロウィックとのつながりから始まりました。ボロウィックはハマースホイの作品を発見した後、彼の芸術を擁護しました。ヴィクトリア女王のお気に入りであったボロウィックは、ギルドホールやヴァン・ウィスリンゲギャラリーなど、ロンドンの権威ある会場での展覧会を実現させました。展覧会は批評家から絶賛され、ハマースホイは「今シーズンの発見」と呼ばれ、彼の絵画は「控えめさとクールさ」で称賛されました。ハマースホイの音楽への個人的な愛情は、彼の子供時代のスケッチや妻の記述から明らかで、彼の芸術的ビジョンに影響を与えた可能性があります。

デザイン 展覧会 デンマーク

SVG:ウェブデザインのためのスケーラブルベクターグラフィックス

2025-03-09
SVG:ウェブデザインのためのスケーラブルベクターグラフィックス

この記事では、SVG(スケーラブルベクターグラフィックス)に関するよくある質問に答えます。SVGの定義、画像変換方法、PNGやJPEGなどの他の形式との比較優位性、無料リソースの入手方法、HTMLでの使用方法、アニメーションテクニック、レスポンシブデザインの実装、最適化、編集ツールなどを網羅しています。ウェブデザイナーや開発者は、SVGの使い方に関する実践的な情報を見つけることができます。

AIアート:夢のような銀髪のプリンセス

2025-03-08
AIアート:夢のような銀髪のプリンセス

AIによって生成されたこのアートワークは、流れるような銀髪と紫色の瞳を持つプリンセスを描いています。彼女は魔法のように輝く池に優雅に座り、華やかな白と紫のドレスに花の装飾をまとっています。蝶や花びらに囲まれたこの画像は、細部まで美しく描写され、夢のような幻想的な雰囲気を醸し出しています。複雑な陰影と照明は、高度なAIアート技術を際立たせています。

デザイン 夢想的 プリンセス
← Previous 1 3 4