新サイト『PLROG』を公開！＋苦労話

新サイト『PLROG』を公開しました。

白をテーマとして、高級感あふれるデザインに

今回作成したサイト『PLROG』は、とにかく“見やすさ”を重視したデザインにしました。背景は白で文字の色は濃い灰色、十分なホワイトスペースをとり、派手なグラデーションを使っていません。
正直なところ、当サイト『Moxbit』の記事は読みやすいとは思えません。あまり行間をとっていないからです。その点をふまえて、あくまで“見やすさ”にこだわったデザインにしました。

また“表示速度”にも気を遣ってみました。できる限り画像を使わずにデザインを組んだ結果、『Moxbit』の3分の1程度の画像数にまで抑えました。
画像を使う場合は高画質を保ちつつ、できるかぎり容量を圧縮してみました。『iPad』や『iPhone』などのモバイル端末でストレスを感じることなく、『PLROG』を閲覧できるでしょう。

Apple製端末に完全対応、『Retinaディスプレイ』にも対応！

『Moxbit』で実現したかったことが、今回の『PLROG』にたくさんあります。

そのうちの1つが、『iPad』や『iPhone』などのモバイル端末での閲覧に対応すること。『iPad』ではPC版とほぼ同じデザインで閲覧することができます。『iPhone』では『iPhone』に適したデザインで閲覧することができます。
また『PLROG』は『Retinaディスプレイ』に対応しています。第4世代以降の『iPod touch』、『iPhone4』以降のiPhone、『新しいiPad』で『PLROG』にアクセスすると美しい画質で閲覧を体験できるでしょう。

記事内の画像を除いたすべての画像が通常の2倍のサイズで作られており、『Retinaディスプレイ』搭載端末で『PLROG』にアクセスすると、その2倍サイズの画像が圧縮して表示されます。そのため『Retinaディスプレイ』に対応していないサイトにありがちな「画像がギザギザしていて汚い」という現象はなくなります。

“ただ2倍サイズの画像を用意する”といっても、なかなか大変なのです。

『iPhone』用デザインも作ったのですが、意外とこれに時間がかかりましてね…。

そもそも、いかにも『iPhone』を意識したデザインってあまり好きじゃないんです。なので「PC版と操作性が変わらない、それでいて『iPhone』でも快適に閲覧できるデザイン」を考える必要がありました。
シンプルなデザインは流用がききます。『PLROG』はシンプルなデザインなので、スムーズにコンテンツの最適表示レイアウトを組むことができました。しかし『iPhone』は画面サイズが小さいので、不要なパーツは除かなければいけません。完全にPC版を『iPhone』版として移植したデザインではありませんが、コンテンツは基本的にPC版と同じ位置に配置しています。PC版での閲覧になれた人でも、『iPhone』での閲覧に困らないはずです。

ま、企画倒れになることもなく無事に公開できたので、ホッとしています。

「1年で月間10万アクセスに達しなければ閉鎖」宣言をだしていますので、応援してくださる人は宣伝をお願いします（苦笑）