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

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

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、会社、ウェブマスター、ウェブサイトのプロモーション、金儲け

<<:  GatherContentを使用すると、プログラミングなしで完全なWebサイトを作成できます

>>:  医療業界における男性科病院の最適化戦略の分析

推薦する

BitCloudは産業用ソフトウェアのデジタル配信を加速します

「製造業とインターネットの融合と発展の深化に関する国務院の指導意見」では、コンピュータ支援設計シミュ...

簡潔な分析:百度の物流ウェブサイトランキング調整

2013年9月10日は教師の日です。午前中、私は習慣的にウェブサイトのランキングをチェックしていまし...

ガートナー:世界のパブリッククラウド支出は2021年に3,323億ドルに達する

海外メディアは、市場調査会社ガートナーが発表した最新のレポートによると、世界のパブリッククラウド支出...

精密プロモーションにおいて誰もが無視する重要なポイントの1つは、自分のウェブサイトのコンテンツを組み合わせることです。

オンライン マーケティングが Web サイトのキーワード ランキングに与える影響はますます大きくなり...

電子商取引時代の代替アプローチ:ファンがいてこそ未来がある

まず、電子商取引の概念、つまり 3 つのステップについてお話しします。電子商取引1.0の時代は、検索...

iPhone 6がサファイアスクリーンを採用しない理由

iPhone 6とiPhone 6 Plusが発売される前、Appleが新世代のスマートフォンにサフ...

エッジで生活し、エッジ コンピューティング ビジネスを行っていますか?

コンピューティング能力の限界化により、現代ではより多くのビジネスチャンスが生まれています。従来のクラ...

SEO初心者のための外部リンクの貼り方

現在までに、私のウェブサイトはほぼ 5 か月間オンラインになっています。SEO に関わり始めた当初は...

あなたは本当に JVM を理解していますか? JVM のメモリ領域とその機能は何ですか?

1.0 序文前回は、.class ファイルが jvm にロードされる方法について説明しました。しかし...

zxhost - 年間 17 ポンド / 460gDDoS 保護 / KVM / 1g メモリ / 120g ハードディスク / 6T トラフィック / OVH

安価で安定しており、ハード ドライブが大きく、トラフィックが多い VPS として、zxhost をお...

buyvmはオンラインで利用可能で、250GのストレージVPSが月額7ドルです。

buyvm がまた入荷しました。ラスベガスに引っ越してから、コンピュータールームの停電などのトラブル...

高品質な広告チャネルを選択するにはどうすればよいでしょうか?

今日はブランド広告のロジックについてお話しします。 1. ユーザーの購入決定プロセスの簡単な分析1....

IaaS = クラウドコンピューティングを有効活用する?いいえ! Xinzhi Cloud クラウドコンピューティング Care+ はあなたを空へ飛ばすお手伝いをします

垂直型ソーシャルアプリが中秋節の期間中にイベントを企画しました。話題は斬新、プレゼントも豊富、インタ...

7つの電子商取引大手が3枚のチケットを奪い合う:テンセントの電子商取引帝国が出現

電子商取引業界に携わるDangdang.comのCEO、李国清氏は、3年後には中国の電子商取引業界に...