Ich erstelle ein Website-Verzeichnis, in dem Tausende von Unternehmen aufgelistet sind. Jedes Unternehmen verfügt über eine externe Unternehmenswebsite und mehrere soziale Websites wie Facebook, Twitter und Instagram. Ich habe eine schöne Reihe von quadratischen Symbolen, die jede der sozialen Websites darstellen.

Für den Link zur Website des Unternehmens habe ich einen Textlink mit der Aufschrift „Besuchen Sie unsere Website“. Dieser sieht jedoch nicht so gut aus wie die Symbole.

Gibt es ein allgemeines oder typisches Symbol, das einen Link zur Website eines Unternehmens darstellt?

Antwort

Der Standard wird behandelt in den beiden „großen“ Symbolbibliotheken.
Dieses Symbol hat in meinen Tests gut funktioniert.

Materialsymbole

Materialstart-Symbol

FontAwesome

FontAwesome-Symbole für externe Links

Kommentare

  • Die vollständige Liste der Symbole für externe FontAwesome-Links finden Sie hier: fontawesome.com/icons?d=gallery& q = external . Beachten Sie, dass dies nur für die aktuelle Version ab 2019 gilt external-link-square-alt und external-link-alt sind frei. Obwohl external-link in einem Earl frei ist ier version.

Antwort

Ich weiß nicht, ob ein Symbol allein klar genug sein wird. ..

Bei GOV.UK haben sie alle diese Symbole aus den folgenden drei Gründen entfernt:

  1. Sie müssen den Leuten nicht immer über externe Links
  2. Das Symbol ist dunkel und mehrdeutig.
  3. Wörter sind effektiver.

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

Kommentare

  • In der Konversation geht es um Entwickler, die sich über die Funktion beschweren, die den Code verschmutzt, und über mögliche Spekulationen Der Benutzer denkt darüber nach, keine soliden Beweise. Die Gründe klingen auch nach Ausreden, um die Funktion zu entfernen.
  • ' ist wahr, dass es ursprünglich ein Entwickler war ' s Anliegen, aber wenn Sie den Artikel gründlich lesen, werden Sie ' feststellen, dass es später zu einer Designrichtlinie wurde, diese Symbole nicht mehr zu verwenden. Und ' ist auch ein gutes Beispiel für die gute Zusammenarbeit zwischen dem Designteam und den Entwicklern.

Antwort

Hier ist ein SVG -Symbol, das Sie inline verwenden können (direkt im HTML-Code, wo das Symbol benötigt wird).

<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>

(Ausgeliehen von Quora )

Beispiel: Beispiel

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.