ウェブサイト分析: 韓国のウェブサイトの詳細な体験

NAVER (네이버) は、NHN 傘下の有名な韓国のポータル/検索エンジン ウェブサイトです。そのロゴは麦わら帽子で、1999 年 6 月に正式に使用されました。

http://shopping.naver.com/ は最近、ページ全体を再設計しました。改訂されたページは、以前よりもすっきりと、階層化され、リラックスした雰囲気になり、ページ全体の品質が大幅に向上しました。この号から、韓国のウェブサイトの詳細について調査と研究を行い、皆様との議論にも役立てていきます。ウェブサイト自体の視覚的な詳細についてさらに調査を行い、ページのデザイン時にリズムが良くなるようにしたいと考えています。

続きを読む

最初のグリッド

まずはshopping.naverのホームページを見てみましょう

上記のように、ネイバーは固定グリッドに従って拡張されますが、そのブロックの大きさはどれくらいでしょうか?

各ブロックを測定します。

上記で測定したブロック サイズから判断すると、各ブロックは 210 x 290 の標準グリッド ブロックに従って区別されます。

ブロック構造に分割された後、ページ全体のブロックがより明確になり、コンテンツがより整理され明確になるだけでなく、各コンテンツ領域の割合もバランスが取れています。どの画面であっても、強い一貫性があります。同時に、もう1つの非常に明らかな利点があります。それは～～

小さな解像度でページのレイアウトを見てみましょう。

そうですよね。とても柔軟で自然な感じですね。画面解像度がどうなっても、自然に再編成されて並び替えられ、コンテンツに影響はありません。レスポンシブ実装の準備もあまり考えなくていいですし、パフォーマンスも素晴らしいです!!

shopping.naver のグリッドを見た後、皆さんの最初の反応は私たちの Yitao ウェブサイトを思い浮かべることだと思います。現在、Yitao ウェブサイト、特にホームページは、いかなるグリッドにも反応しません。ベースラインの配置と小規模のグリッドのみを実行します。 shopping.naverのグリッド分析を通じて、shopping.naverと同じ標準化されたグリッド実験をYitaoのウェブサイトグリッドでも実施しました。

現在の幅990から計算すると、190も魔法の数字であることがわかります。990以下では、NAVERの幅の比率に基づいて、Yitaoウェブサイトのグリッド比率を想定しています。

190x270を基本グリッドセルとして採用

まず、shopping.naverのレイアウトに合わせてetao.comを幅990のグリッドに分割します。

ご覧のとおり、当社のウェブサイトもNaverのように完璧にグリッド分割できます。

だから〜〜〜

同様に、Naver のようにセクションをスムーズに移動したり、異なる画面解像度で Web サイトの表示構造を処理したりすることもできますか?

さて、この記事は、ネイバー構造のグリッドを翻訳しただけです。ソースファイルは、etaoux\etaoued\j_君沫\個人共有\韓国ウェブサイト詳細体験\グリッド記事に保存されています。何かアイデアがあれば、一緒に議論することができます。

原文: http://ued.alimama.com/posts/373

原題: ウェブサイト分析: 韓国のウェブサイトの詳細な体験

キーワード: ウェブサイトの分類、韓国のウェブサイト、ウェブサイトの詳細、化身、NAVER、NHN、会社、ウェブマスター、ウェブサイトのプロモーション、金儲け