色相環反転

You are currently viewing 色相環反転

現在準備中のプラグイン販売用サイトデザインです。
色相環というほどのグラデーションではないのですが、
R&Mを強く意識したサイトになっています。

カラーモード:通常(ポジ)
カラーモード:通常(ポジ)
カラーモード:ホバー(ネガ)
カラーモード:ホバー(ネガ)

プラグインごとのイラスト(アイコン、サムネ)の色は、
一度決めたら後からそうそう変更できないため、
現時点で構想段階や未完のものも、すべて並べてあります。

細かいグラデーション=両隣と見分けがつかないため、
これ以上増えたら大変ですが、いつかは増えていくのは避けられないでしょう。
というより、どんどん増えた結果が現在です。
公開前なら色変更が自由にできるわけですね。

「左→右、一段下がって左←右(新表現)を繰り返す」
という当初の構想はすでに崩れていますので、ここは再検討が必要でしょう。

いずれにせよ、意匠は完全に個人の趣味なので、サイトの趣旨とはまったく? 関係ありません。
ですので、

プラグイン販売サイトでなぜ魚?

という解説はしましたが、実装した色に関するギミックをサイト内で声高に語るのはおかしいんですね。
でも語りたい(笑)、だからこそ、このブログの存在価値があるというわけです。

ネガポジ反転なんて、ほぼCSSだけで実現できますし、
誰でも知っているお手軽ギミックですが、あんまり見かけないですよね。

ホバーでよく見るのは、シュリンクやグロー、
色変わりなら不透明度変更か近い色への背景色変更、
画像差し替えによる副産物で色が変わるケースが大半。
その理由は、反転では派手すぎるからだと考察します。
180度真逆の色って、世界観をぶっ壊しちゃうんです。
なのでおそらく、最初から180度真逆の色まであり、
全体でR&Mを狙っているウェブサイトでしか使えない、
ということになるんです(そんなサイトは、当サイトを除いてまずありません)。

グレーモード:通常(ネガ)
グレーモード:通常(ネガ)
グレーモード:ホバー(ポジ)
グレーモード:ホバー(ポジ)

カラフルさが苦手な方のためにグレーモードも用意。
こちらは通常時にネガ、ホバーでポジに設定しました。
その結果、単なるグレースケールではなく、
線画がカラーモードでは黒、グレーモードでは白となり、
これも気に入っていますね。

そもそも国旗もR&M要素です(実はクレカも)。
11ヶ国語対応は本当ですし、厳選した結果ですが、
それをビジュアルに落とし込んだ瞬間に、手段が目的になりました(笑)。

で、これをTシャツデザインに転用する際、

国旗って思想とか政治とかを連想されるのは必然
着用時にそれは面倒でイヤだ

と感じてのレインボーに転換。
自分用に5枚作ってしまいました。

この「11ヶ国転じて…」は、実は別の11色の転用です。
WPデフォのQuicktagsを拡張する、無料変態プラグインのカスタムで、ボタンホバーに使った11色でした。
ネット黎明期の、いわゆる「阿部寛氏のホームページ」っぽい空気を、フォームだけで体現するプラグインへの、さらなる魔改造です(笑)。

コメントを残す