MozillaZine.jp

Mozilla 関連情報の提供、啓蒙活動を行っているオンラインマガジン「MozillaZine」の日本語訳を提供しています。
リリース版 |    Firefox 125.0 ESR 115.10.0 Android 125.0 Focus 125.0 iOS 125.1 | Thunderbird 115.10.1 | SeaMonkey 2.53.18.2 |
プレビュー版 | Firefox Nightly Developer Edition Beta Android Nightly Beta | Thunderbird Nightly Beta | SeaMonkey Beta |
相互サポート | Firefox | Thunderbird | SeaMonkey | Lightning | Android | Firefox OS | iOS

Firefox の新しいタブ: 外観の更新


Mozilla Labs の記事 “Firefox New Tab: Visual Update” の日本語訳をお届けする。

ここ 2 週間、Firefox の新しいタブについてだいぶ仕様がかたまってきた。「新しいタブ」を将来的に Firefox に搭載できるようにする 2 つの事柄にとりかかっていた。ひとつ目は、パフォーマンスとセキュリティの問題を含めた、アドオンのデザインの概要についてである。新しいタブの実装をごらんになりたい方はぜひともチェックしてほしい。もうひとつの事項は、Firefox に調和するようなビジュアルデザインの検討である。

Chris Stone が提示してくれた横長のサムネイルを使ったデザイン案に着想を得て、我々は最近の 36 案で得たものを合わせたようなデザインに行き着き、新しいタブはずっと Firefox っぽい感触になった。残念ながら、この最新デザインはまだ実装されていないので、今回は外観だけを紹介する。

新しいタブ最新デザイン 1

ページのトップから切り取った横長のサムネイルを使うことで、サイトのロゴとタイトルをサムネイルに入れている。この部分は、ひと目でサイトが判別できる、最も特徴的な部分だ。見た目がごちゃごちゃしないように、デフォルトではトップの 2 サイトだけにこの処理を施しているが、小さな「編集」アイコンをクリックすることで、他のサイトにもこの効果を有効にすることができる。ここでは、スペースをなるべく有効活用できるように、2 カラムの構成をとっているが、幅の広いモニタをお使いの場合は、もっとカラムの多い構成にすることもできる。

以前のデザインの特徴は、全部ここに含まれている。今回は、それらをスッキリさせただけだ。

「新しいタブ」チームの Edi Lee, Sean Martell, Aza Raskin より

コメントを投稿

XHTML: これらのタグが使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>