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
FontAwesome
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
undexternal-link-alt
sind frei. Obwohlexternal-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:
- Sie müssen den Leuten nicht immer über externe Links
- Das Symbol ist dunkel und mehrdeutig.
- 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 )