何千もの企業を一覧表示するWebサイトディレクトリを構築しています。各企業には、外部の企業Webサイトと、Facebook、Twitter、Instagramなどのいくつかのソーシャルサイトがあります。私は、各ソーシャルサイトを表す正方形のアイコンの素敵なセットを持っています。

会社のWebサイトへのリンクとして、「当社のWebサイトにアクセスしてください」というテキストリンクがありますが、アイコンほど見栄えがよくありません。

会社のウェブサイトへのリンクを表す一般的または典型的なアイコンはありますか?

回答

標準はカバーされています2つの「メジャー」アイコンライブラリにあります。
このシンボルは私のテストでうまく機能しました。

マテリアルアイコン

マテリアル起動アイコン

FontAwesome

FontAwesome外部リンクアイコン

コメント

  • FontAwesome外部リンクアイコンの完全なリストはこちらからご覧ください: fontawesome.com/icons?d=gallery& q = external 。2019年現在のバージョンでは、 external-link-square-altexternal-link-altは無料ですが、external-linkは無料です。

回答

アイコンだけで十分に明確になるかどうかはわかりません。 ..

GOV.UKでは、次の3つの理由により、これらのアイコンをすべて削除しました。

  1. 外部リンクについて常にユーザーに伝える必要はありません
  2. アイコンがあいまいで曖昧です
  3. 言葉の方が効果的です

https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/

コメント

  • 会話は、開発者がコードを汚染する機能について不平を言い、何が起こるかについての推測についてです。ユーザーはそれについて考えますが、確かな証拠はありません。理由は、機能を削除する言い訳のようにも聞こえます。
  • '元々は開発者だったのは事実です'懸念がありますが、記事をよく読むと、'後で、これらのアイコンを使用しないことが設計ガイドラインになっていることがわかります。また、'は、設計チームと開発者の間の優れたコラボレーションの良い例でもあります。

回答

ここに、インラインで使用できる SVG アイコンがあります(アイコンが必要なHTMLコード内で直接)。

<svg width="24px" height="24px" viewBox="0 0 24 24" style="cursor:pointer"><g stroke-width="2.1" stroke="#666" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline><path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path></g></svg>

Quora から借用)

例: 例

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です