HN 日本語サマリー

← 一覧へ戻る
プログラミング

詳細なロゴ研究

A Deep Logo Study (dannyspina.com)

8 pointsby nate3 コメント

要約

この記事は、筆者が自身のウェブサイトのロゴを刷新する過程を詳細に記録したものです。元々イニシャル「DS」だったロゴを、ドイツのウルム造形大学のデザイン思想(方法、システム、測定)に触発され、機械部品の設計言語(公差、部品番号など)からインスピレーションを得て、数式で生成される幾何学的なマークへと進化させました。最終的には、ピクセルグリッドや製造公差といった技術的制約に基づいてロゴが決定された経緯が語られています。

全文翻訳

02 WRITING / ENTRY DS·LOG 私のロゴは2つの文字、DSでした。絵を描けないすべての開発者と同じように。 2026–07–25 [projects] HUMAN CONTENT 90% [?] — これが何を意味するか読んでください 私の新しいマーク このロゴは研究から始まります。私は純粋なデザイナーではなく、良いロゴをデザインすることはデザイナーができる最も難しいことの一つだと思います。ニッチだが共鳴しないもの、あるいはあまりにも詰め込みすぎたもの、あるいは単に醜いものをデザインすることは非常に簡単です。 私はウルム造形大学(オトル・アイヒャー、マックス・ビルらが在籍)の作品を調べていて、彼がグラフィック作品で行った研究を見つけました。彼らはウルム大学の学校の全体的な考え方に従っていました:技術がデザイン作業をリードするということです。ですから、派手なものを考えるのではなく、データから始めました。 名前の問題 長年、私のロゴはDSでした。私のイニシャルを、当時のサイトのフォントで、ボックスに入れていました。あなたが開発者なら、このロゴを知っているでしょう。おそらく持っているでしょう。それはデザイン上の決定ではなく、決定の不在であり、それがうまくいかなくなる瞬間まで、うまく機能していました。これは、それに取って代わったものの物語であり、新しいマークが、私ではなく、ピクセルグリッドとフライス盤の直径によって決定されることになった経緯です。 ウサギの穴 しばらく前に、機械式カメラの修理を再び始めました。「再び」というのは、それがかつて私の仕事だったからです。ソフトウェアを書く前は、ニコンの修理技術者でした。その後、見習いを経て開発職に移り、何年もノートパソコンしか開いていませんでした。ある時点で、手に機械を持つことをひどく恋しくなり、デスクの隅を片付けてやり直しました。ビジネスとしてではなく、真剣にではなく。実験としてです。 現在、私のすべての作業は、デスクの上にあるニコンFEとFM2で、販売を待っています。しかし、何かを修理するということは、そのサービスマニュアルを読むことを意味し、そこから始まりました。分解図。部品番号。呼び出し。それらが説明しているもののすぐ隣に書かれた公差。ドライバーを持った誰かに機械を説明しなければならなかった産業の視覚言語全体。 私はこれらの文書を何年も見てきましたが、一度も注意を払ったことがありませんでした。マニュアルを使用しているときは、1つの番号を探しており、他のものは何も見ません。ソフトウェアを書くというすべての時間を経て、それに再び戻ったとき、ついにデザインを見ました。私はそれに完全に没頭し、そこから工業デザインへと進みました。そしてインテリアデザインへ、それは意図的なものでした。 私のホームオフィスを整理する必要があり、しばらくの間それを延期していました。主に、それが実際にはどのように見えるべきかを言うことができなかったからです。そして、その中で何かがクリックしました。それはカメラとは関係のないことでした。 すでに持っていた味の名前を見つける 私は常に特定の種類のオブジェクトを気に入っていましたが、その理由を言うことができませんでした。調べてみると、それに名前があることがわかり、私は何年もそれに気づかずに周りを回っていました:ウルム造形大学。 1953年から1968年までのHochschule für Gestaltungは、バウハウスが始めたものを引き継ぎ、芸術的な部分を方法、システム、測定に置き換えた学校です。ウルムはブラウンのデザイン言語の源泉でした。1970年代のニコンと1970年代のブラウンのラジオが、そうではなかったにもかかわらず、同じ人々によって作られたように感じられる理由です。 それについて読むことは、良い意味で不快でした。なぜなら、私はこれまで見たことのない場所で、自分の好みを認識したからです。また、私は13年間ドイツに住んでいました。それが私の味覚に何らかの影響を与えたと思いますが、誰かがラベルを貼るまでそれに気づきませんでした。 とにかく:今、私はそのことの名前と、たくさんのエネルギーを得ました。 サイト、そして問題 それで、私は自分のサイトを再設計しました。古いものが壊れていたからではなく、それがもはや私の頭の中にある場所のように見えなくなったからです。新しいものはその言語に基づいています:グリッド、仕様書、部品番号、バズワードのリストではなく、サービス手順。 ArchivoとJetBrains Monoを使用しました。そのすべてを楽しみました。 そしてヘッダーにたどり着き、そこにありました。DS。 他のすべての決定が意図的に行われたページで、ロゴだけがプレースホルダーとしてそこに座っている要素でした。あなたは2週間グリッドに費やして、ボックスにイニシャルを入れて「完了」と呼ぶことはできません。それは残された唯一の怠惰なものであり、それは明らかでした。 だから、実際の研究です。そして、始めるべき明白な場所は名前です。 私の姓は機械部品です 私の姓はSpinaで、私はそれを特に気に入ったことはありませんでした。私はこれを探しに行ったわけではありません。それは、AIにアイデアを投げかける長いセッションの途中で、2つの悪いアイデアの間に浮かび上がりました。 spina elasticaはスプリングピンです:2つの部品を位置合わせするピンです。それは2つの種類があり、どちらも標準化されています:スロット付きスプリングピン(ISO 8752)、スロットが全長に沿って走る中空C字型の円筒。コイル状スプリングピン(ISO 8750)、より細いストリップかららせん状に巻かれたもの。 どちらも同じように機能します。外径は穴よりもわずかに大きいので、押し込むときに圧縮され、外側に押し付けることで保持され、永久的に固定されます。それらは閉じられていないため、保持されます。スロットはピンがグリップできるようにする公差です。 私はしばらくその文を見つめていました。 マークは機能です 私は描く代わりにマークを作成しました。それはコードの小さな断片、spina(turns, band, gap)であり、ロゴのすべてのバージョンは異なる数値を持つその関数です。ゼロターンはスロット付きピンを与えます。ターンを追加すると、ストリップはらせんに巻かれます。 これは見せびらかしのようですが、この投稿の残りの部分が存在する唯一の理由です。見ることしかできない絵、意見しか持てない絵。生成できる絵、テストできる絵。 家族 私は1.45ターンでそれを凍結しました。実際のコイル状ピンは約2¼コイルです。私のものは1.45です。ピクセルがその議論に勝ちました、後でわかるでしょう。 アヒル 小さいサイズでは、私の非常に真面目な機械的なマークはドナルドダックのように見えました。ストリップが終わるステップはくちばしとして読まれ、コイル間の隙間は目になります。一度見ると忘れられず、私が見ることができれば、他の誰もが見ることができるでしょう。 ルールがここにあると思います。すべてのマークには二次的な読み取りがあり、それらをすべて排除することはできません。ナイキのスウッシュは意味のないチェックマークです。フェデックスの矢印は、誰もそれに気づかないという理由で有名です。だから、無害な読み取りを維持し、ばかげたものを排除します。アヒルはばかげています。 アヒルは行かなければなりませんでした。 修正は回転でした。 私は同じマークを8つの角度で生成し、ファビコンサイズでそれぞれを見ました。顔には水平な口が必要であり、対角線ではくちばしは何も支えるものがありません。 すべての回転角度。 135°です。 ボーナスとして、その角度では少し「d」のように読めます。だから、すべての後で、私はイニシャルに戻りました。書かれていないだけです。 数えられるもの 「24ピクセルでもまだ良く見えるか?」というのは、味に関する質問です。味で反復することはできません、少なくとも私はできません。そして、私は4つの候補となる形状を持っていましたが、選択する方法がありませんでした。だから、数えられるものを探しました。そしてトポロジーがそれを与えてくれました:囲まれた空隙を数えることです。 囲まれた空隙とは、外部に接続されなくなった背景のポケットのことです。フルサイズでは、私のマークには空隙がゼロです。らせんのチャネルは、外側から中心まで一直線に伸びる単一の溝です。それは開いています。 これは、マークが縮小するにつれて現れるすべての囲まれた空隙が、私に1つの正確なことを教えてくれることを意味します:チャネルが閉じて pinch されたということです。それは、らせんがらせんであることをやめ、リングになる瞬間です。 囲まれた空隙、サイズ別: これは私が意味した空隙です geometry 200 px 32 px 24 px 16 px base 0 0 2 3 narrow gap 0 6 5 3 thick band 0 0 3 4 wide gap 0 0 0 2 slotted 0 0 0 0 このことから2つのことがわかりました。 最初のことは、「narrow gap」が32pxで崩壊することです。そしてそれは私が最も気に入ったバリアントでした。それは実際のコンポーネントに最も近いものでもあります。なぜなら、実際のコイル状ピンでは、コイルは接触するからです。200pxでは美しいですが、最初に消えました。 2番目はさらに悪いです。16ピクセルでは、最も良いものでさえ、らせんは生き残りません。 2つのピン、2つのロゴではない 私はマークを生き残るまで単純化できたかもしれません。代わりに、カタログに戻り、コンポーネントがすでに私の問題を解決しているのを見つけました。それらを製造しているSPIROLは、