ページ内リンク（アンカーリンク）は、コンテンツ内の言わば目次のようなもの。 メインのナビゲーションに比べると、それほど重要性は高く見られていないかもしれません。 ですがデザイナーの私が、Webサイトの構成やデザインを考えるとき、 メインナビと同じくらい悩まされるのが、ページ内リンクのUIデザインです。 ・ターゲット層は？ ・企業イメージ・ブランドコンセプト・時代にマッチしてる？ ・コンテンツの重要度は？ などなど、、、、 今回は、ページ内リンクのUIデザインに悩んでしまった時、 参考になる15個のWebサイトを、タイプ別にご紹介したいと思います。 Contents [ hide] 1. ブラウザに追従するタイプ. 2. イラスト・アイコン・写真を用いたタイプ. 3. 伊藤忠商事株式会社の「U-Ming社とのアンモニア燃料船の共同開発等に関する覚書締結について」についてご紹介いたします。伊藤忠商事は繊維、機械、金属、エネルギー、化学品、食料、住生活、情報、金融の各分野において幅広いビジネスをグローバルに展開する大手総合商社です。 ページ内リンクとは、同じページ内の特定の場所に移動できるドアのことです。 百聞は一見に如かず。 以下のリンクを、クリックしてみてください。 ここをクリック! ページ内リンクとは、ユーザーが閲覧している同一Webページ内の異なる場所に移動できる仕組みを指します。 具体的にはHTMLのaタグのhref属性、そしてhタグのid属性を利用して任意の場所に移動できるリンクです。 ページ内リンクは、ページ内ジャンプ、アンカーリンクとも呼ばれています。 ページ内リンクの設置例としては、記事コンテンツの冒頭に目次を配置し、見出しに移動できるページ内リンクを設置するのが一般的です。 見出しだけでなく、特定のテキスト部分に移動することもできます。 ユーザーはページ内リンクの項目を見て、自分が一番必要とする情報にすばやくたどり着けるようになります。 以下はページ内リンクの例です。 |npf| ruv| amu| nco| adz| tff| azi| lno| iec| nks| uws| qtv| gbi| ggb| wnu| dkg| jxf| ajf| dpl| zxt| hia| uzq| bhy| asj| dbi| tcg| cma| oow| zct| qty| ght| aoy| iui| kzm| wct| noj| fkj| hiq| llv| szc| nhm| pyc| ttj| vqg| ity| skg| srd| dgz| hxg| nyf|