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サイトを作成できます
Changeip は長い間登場していないようです。Shark Data Center の VPS は...
[[250357]]フェイフェイ・リー氏は去り、グーグルAI中国センターのリー・ジア所長も去った。今...
インターネットが日常生活に浸透し、人々の生活習慣を変えるにつれて、多くの企業がインターネットの力にま...
1. 概要Elasticsearch は Lucene をベースにした検索エンジンです。 HTTP ...
デジタルへの移行により、デバイス、センサー、電話、ネットワーク、相互接続されたインフラストラクチャが...
2019年のドラマ業界は分裂した。視聴者にとって、今年の国内ドラマには素晴らしい「ハイライト」がたく...
かつて友人が私にこの質問をしました...しかし、クラウド コンピューティングがどれだけ大きく発展した...
2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っています企業にとっ...
[51CTO.com クイック翻訳] Kubespray は、Kubernetes クラスターの展開...
Namecheap の .me ドメイン名プロモーションは終了しましたが、今度は Namecheap...
本日、「SAP 自閉症人材就職準備スキルスクール」プロジェクトが正式に開始され、社会に出て就職の準備...
多くの人が「seo」というキーワードのランキングに注目していると思います。ウェブサイト「seowhy...
新浪科技報、北京時間5月7日正午のニュースによると、アメリカのウェブサイト作成・ホスティングサービス...
さまざまなタイプのブランドが、さまざまな形態のストリートファイトを行っています。 01 2012年か...
ブロックチェーン技術の開発、研究、テストには複数のシステムが関わってきます。時間や金銭コストなどの問...