スキン

スキンを「c00」に変更

なかなか良さそうなスキンを見つけたので、それまで使っていた「Gamma」と言うスキンから変更しました。それが今回紹介する「c00」(アルファベットの「o」と数字の「0」(ゼロ)が判別しにくいので説明を加えると、「c」の後ろにあるのは2つとも数字の「0」(ゼロ)です。)と言うスキンです。

以下は、このスキンのスクリーンショットです。

Operaスキン「c00」
Operaスキン「c00」 posted by (C)kyu3

Operaスキン「c00」:パネルあり
Operaスキン「c00」:パネルあり posted by (C)kyu3

気に入っている点は、"タブの視認性が良い点"と"灰色を基調としたデザイン"です。

多くのスキンのタブは、隣り合っているタブが完全にくっついている事が多いですが、このスキンは少し隙間があります。加えて、タブバーのタブ以外の部分が黒色になっているので、更にタブの視認性が良くなっています。

また上記で「灰色を基調としたデザイン」と書きましたが、・・・実はこれは"外観の設定>スキン>配色の設定"で、「システムカラーの配色を利用」に設定しているからです。デフォルトの状態は、下のスクリーンショットのように、"赤色"が特徴のデザインとなっています。

Operaスキン「c00」
Operaスキン「c00」 posted by (C)kyu3

最初はこの"赤色"が気に入って使い始めたのですが、どうも赤色は刺激が強過ぎたので、「システムカラーの配色を利用」に設定を変更しました。

c00(Opera Skins)
http://my.opera.com/community/customize/skins/info/?id=8692

スキンを「Black and White」に変更

「Gamma」と言うスキンを使っていたのですが、個性的なボタンがちょっと馴染めず・・・(^^;
そこで今度は「Black and White」と言うスキンを使ってみる事にしました。

以下は、このスキンのスクリーンショットです。

Opera9.6スクリーンショット
Opera9.6スクリーンショット posted by (C)kyu3

Opera9.6スクリーンショット
Opera9.6スクリーンショット posted by (C)kyu3

"黒"と"白"(厳密に言えば"灰色")を基調としたシンプルなデザイン。ボタンアイコンも結構分かりやすく、また形がはっきりしているので判別しやすいです。

ただ「ちょっと変わっているなぁ・・・」と思ったのが、「更新・読み込み停止」ボタンのアイコン。上のスクリーンショットで言うとアドレスバーの左から"3つ目"のそれがそうなのですが、左右異なる方向を向いた矢印が2つ重なった形状をしています。
最初これを見た時は何のアイコンなのかさっぱり分かりませんでしたが、今は慣れて、「これもこれで良いかなぁ・・・」と思っています。

ちなみにこのスキンでは、以前使っていた「Gamma」「Dance 'n' shout」のレビュー記事で絶賛した、読み込み完了時のタブの大きさが変化したり色が変わったりする機能はありません。

Black and White(Opera Skins)
http://my.opera.com/community/customize/skins/info/?id=8287&rtype=skin


追記:
非常に違和感なく使えるので、さっきまで気づかなかった(はっきりと自覚していなかった)のですが・・・(^^; このスキンはアドレスバーのアドレス表示・入力欄の過去の入力履歴を見られる右端のボタン、ほとんどのスキンでは「▽」(下向きの三角)になっているものが多いですが、これが「+」(プラス)になっているのが結構良い点だなと思いました。
その他に同じくアドレスバーにある検索エンジンの切り替えボタンや、スクロールバーの端に表示されるスクロールバーを動かす為のボタンなども、「+」になっています。

スキンを「Gamma」に変更

「Dance 'n' shout」と言うスキンをしばらく使っていました。かなり気に入っていたのですが、ちょっと「不満」・・・と言うか、気になることが。
  • タブやボタン類が大きく、WEBページ表示部分が少し小さくなる。
  • タブの横幅が広いので、すぐ2段目になってしまう。
  • タブとステータスバー、ボタン同士の境界が分かりづらい。
あと抽象的な表現なのですが、「Dance 'n' shout」は豆腐みたいに"柔らかい"感じ。タブ等が少し丸みを帯びている点やタブの大きさが変わったりする点、スキンの表示がちょっと崩れる(具体的にはボタンがデフォルトのものに置き換わってしまう)点などが、私には「柔らかい」と感じられます。

抽象的な例えで言うと、「Dance 'n' shout」が「豆腐」のような"柔らかい四角い塊"なら、今使っている「Gamma」は「プラスチック」のような印象。"硬くて直線的"。「Dance 'n' shout」に比べてタブやボタン類が小さく、タブの横幅が狭いので、WEBページの表示部分は、大きいです。
またタブとステータスバー、そしてステータスバーとメニュー部分の間に境界線があり、はっきりと機能が分かれているので、使いやすいです。

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

それとこのスキンで秀逸だと思うのが、タブの変化です。アクティブなタブとマウスオーバーしているタブの上が"青く"なる他、読み込みが完了してまだ表示していないタブは、上が"緑色"になります。
このようなタブの変化は「Dance 'n' shout」にもあるのですが、「Dance 'n' shout」が"タブの大きさの違い"でそれを表現しているのに対し、「Gamma」は"色の違い"で表現されているので、その点判別しやすいなと思います。

あとこのスキンで一番優れいてると感じるのは、タブの移動時の表現です。下記の画像がそのスクリーンショットなのですが、他のどのスキンもだいたいそうだと思うのですが、タブを特定のタブの間に移動させようとした際、そのタブの境界線に黒い直線が表示されるのが普通です。しかしこのスキンでは、タブの境界線の上に"黒い波線"が表示されます。

Opera9.5 タブ スクリーンショット
Opera9.5 タブ スクリーンショット posted by (C)kyu3

私はこの表現は素晴らしいなと思います。と言うのも、また抽象的な表現ですが、普通のスキンのように境界線に"黒い線"が表示される場合、私にはタブの移動は、きっちりと本が詰まった本棚の本の間に、無理やりファイルを押しこんでいる印象。ちょっとしたことなのですが、非常に詰らないことをやっている感じです。
一方「Gamma」のようにタブの境界線の上に"黒い波線"が表示される場合、本棚にちょうど今入れようとしている本(タブ)と同じ幅の空きがあって、そこに本をスポッと入れる印象。またはファイルをドラック&ドロップでフォルダーに移動させているような、非常に楽で合理的な作業をしている印象。
何が言いたいかと言うと、「Gamma」のようにタブの境界線の上に"黒い波線"が表示される方が、合理的で分かりやすく、操作の心地良さもあると思います。なので今後はこのような表現を他のスキンでも取り入れられたら良いなと思います。

ただこのスキンも完璧とは言えず・・・。(^^;
ボタンのアイコンが少し個性的で、他と比べてそのアイコンが何を表現しているのか、分かりづらいところがあります。その点が改善されたら、本当に素晴らしいスキンになると思います。

Gamma(Opera Skins)
http://my.opera.com/community/customize/skins/info/?id=8295

スキンを「Dance 'n' shout」に変更

しばらく「Simple」と言う名前のとてもシンプルなスキンを使っていたのですが、どうも味気ない感じがしたので、新たなスキンを探していたら、「Dance 'n' shout」と言う見つけました。使ってみたら、これがなかなか良い感じ♪

以下は「Dance 'n' shout」をスキンに設定した、Operaのスクリーンショットです。

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

アイコンの出来の良さや色使いの良さは言うまでもないと思うのですが、タブの表示方法がとても素晴らしいなと思いました。アクティブ(現在表示されている)なタブが大きくなるのは他のスキンでもあったと思いますが、読み込みが完了してまだ見ていないページ(上記の画像で言うと、右端から2番目の「Opera Skin」と書かれたタブ)も、このスキンだと大きく表示されます。またマウスオーバーした時にも、タブが大きく表示されます。
(※上記のスクリーンショットでは、タブにファビコンを表示しない設定にしています。)

これらはちょっとした事ですが、操作性を大きく向上させていると思います。今後このようなやり方が、他のスキンにも広がって欲しいなと思いました。

Dance 'n' shout(Opera Skins)
http://my.opera.com/community/customize/skins/info/?id=6960


PS:
上記のスクリーンショットを撮影した時には、アドレスバーのアドレス表示・入力欄をなくす設定にしていました。ほとんど使わないし、必要ならばタブにマウスオーバーする事で、ステータスバーにアドレスが表示されるので。
しかしそうやってみてしばらく経つと、やっぱり必要だと感じました。極たまにですが、アドレスを直接入力せねばならない時がどうしてもあるので。

なので現在は、アドレス表示・入力欄を表示する設定に戻しています。

ステータスバーを上に移動させ、検索エンジンを追加

先月ブックマークアイコンをステータスバーに移動させたことに関する記事を、このブログで書きました。その後しばらく使っていたのですが、どうも使い勝手がイマイチ良いとは感じられず・・・。 (^^;
そこでステータスバーを上にしてみたら、目線の移動やボタン類が上にまとまって、結構使いやすくなりました。

そして最近パネルを右端に表示したままネットサーフィンをすることが、多くなりました。その際アドレスバーにある検索エンジンが一時的に隠れてしまい、少し不便だと感じました。アドレス部分で検索する方法もありますが、やってみたのですがどうも馴染めず・・・ (^^; 
そこで検索エンジンをステータスバーに移動させたところ、これがかなり使いやすくなりました。

それが以下の画像です。

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

"パネル非表示"にした画像は、以下の画像です。

Opera9.5スクリーンショット
Opera9.5スクリーンショット posted by (C)kyu3

ちなみにスキンは、「Simple」に変更しました。

Simple(Opera Skins)
http://my.opera.com/community/customize/skins/info/?id=5306
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)
  • 「アートアクアリウム展 2018」に行ってきましたぁ〜!(追記あり)