Wikipedia‐ノート:メインページの改訂/2012/新デザイン案一覧

メインページの改訂第三回（2012年）

意見・要望 - デザイン案一覧 - 予選投票 - 決選投票 - 決定後の検討・調整 - 新デザイン - 今後への意見・要望

ノート

「各エントリへの要望（？）感想（？）」として、こっちに書くべきか「Wikipedia:メインページの改訂/2012/意見・要望」側に書くべきか迷いましたが一応。

珍庵さん案 - フォントサイズが他の方に比べて若干小さい気がするのですが、気のせいでしょうか。シンプルさの追究に感銘を受けました。検索資料の部分が、コンパクトながら充実してて非常に分かりやすいです。
重陽さん案 - 新着・強化を2段組でなく横幅いっぱいなのは、個人的には残念な気がします（一行が長いと視線を行頭に戻すのがつらいため）。でも、背景色のチョイス（特集・新着・強化の長文部分には薄い暖色）は見やすくて絶妙と思います。
miyaさん案 - 重要度は不明ながら、{{強化記事}}が無い（Penn Stationさん案に近い配色なのに気にならないのは、長文部分が少ないという、このせい？）という点だけが、ちょっと心配でした。
Penn Stationさん案 - （白ではない）緑と水色の背景色だけが気になりました。でも、とても良いレイアウトと思います。狭幅ウインドウにおいては、左側の項目のみが狭まるシステムのようです。
Degueulasseさん案 - アイコン（「今日の一枚」ならFile:HSBild.svgなど）が、めちゃめちゃ分かりやすいです。（大フォント狭ウインドウでは）~~右下が空いているのがもったいないです~~。旧すぎるブラウザでは画像の読み込みが遅い（原因不明）気もしますが、問題までは至らないと思います。
Cllackrさん案 Latent Grid - カテゴリ一覧の表示を従来通り残しているのは唯一で、親切だと思います。そしてデザインが新鮮で画期的です。新着記事（→他の新しい記事 / 投票・推薦）のリンクが無いのが気になりました。

重陽さん、miyaさん、Penn Stationさん案 - {{最近の出来事}}復活は良いと思います。
miyaさん、Penn Stationさん、Cllackrさん案 - 既存の{{ウィキメディアプロジェクト}}などを用いない、他の言語・姉妹プロジェクトの表示が、従来よりとても分かりやすいです。
miyaさん、Penn Stationさん案、Cllackrさん案 - 主要ポータルへのリンクが最上部にある（英語版からの導入）のは、親切と思いました。
Cllackrさん案（Degueulasseさん、Penn Stationさん案は若干） - 横幅指定度が高いので、幅狭のウインドウを使ってる人には厳しい？

追記 Cllackrさん案の2012年12月7日 (金) 17:28‎版をIEOperaで拝見しましたところ、ウインドウ幅にあわせて変化するため全く問題ない（特集写真部分のみ変わらずながら）と思います。IEだと変わらなかったようです。とても洗練されたレイアウトだと思いますので、個人的には今後を是非期待いたします。

追々記 利用者:Cllackr/メインページのデザイン案 (2012)#狭幅・レガシーブラウザにおける制約を拝見しました。修正可能とのことです。大変失礼いたしました。

生意気を書き、大変申し訳ございませんでした。--Benzoyl（会話） 2012年12月5日 (水) 01:58 (UTC)--Benzoyl（会話） 2012年12月5日 (水) 02:06 (UTC)重複部分再訂正--Benzoyl（会話） 2012年12月5日 (水) 02:16 (UTC)--Benzoyl（会話） 2012年12月5日 (水) 02:19 (UTC)--Benzoyl（会話） 2012年12月6日 (木) 00:13 (UTC) Cllackrさん案の追記--Benzoyl（会話） 2012年12月8日 (土) 06:33 (UTC)--Benzoyl（会話） 2012年12月8日 (土) 23:30 (UTC)--Benzoyl（会話） 2012年12月15日 (土) 00:46 (UTC)--Benzoyl（会話） 2012年12月15日 (土) 00:50 (UTC)--Benzoyl（会話） 2012年12月15日 (土) 00:53 (UTC)--Benzoyl（会話） 2012年12月15日 (土) 01:05 (UTC)[返信]

最近iPadを購入したのですが、どうやら最低幅が縦向きで768px、横向きで1024pxらしいです[1]。この手のデバイスを考慮すると皆様のレイアウトもかなり引っ掛かるということに最近気づきました。iPhoneならモバイル版でも良いかもしれませんが、iPadはPC版での閲覧を想定することになるかと思います。一応参考までに。--Marine-Blue^{talk✿contribs✿mail} 2012年12月5日 (水) 14:27 (UTC)[返信]

コメント その問題についてはたしかに仰るとおりで、非Retinaの画面解像度が1024x768ですから、~~規定のviewportでは等倍表示となるこのサイズが適用されている~~viewportが指定されていないときはlandscape/portraitに関わらず幅980px程度で描画されるようです。しかしながら横幅768pxを前提にしたデザインにしてしまうとそれはそれで横幅ディスプレイで見たときに目も当てられなくなってしまいます。そこでひとつの提案ですが、viewportのmin-widthを1280に指定するとか、media queryを使用しiPad限定とした上でbodyのmin-widthを1280にするとか、表示側を制御することで解決するのが望ましいのではないかと思います。もちろん逆手にとってmedia queryを使ってコンテンツを適宜縮小することも可能ですが、これはインラインCSSでは対応できませんので、投票前の段階で実例を示すのは難しいかと思います（なお私のデザインにおいてはできれば後者の解決策（デバイスごとにコンテンツのサイズを調整）で対応したい所存です） -- (cllackr)^TALK 2012年12月6日 (木) 02:05 (UTC) - 訂正 -- (cllackr)^TALK 2012年12月6日 (木) 06:06 (UTC)[返信]