Ik bouw een websitemap met duizenden bedrijven. Elk bedrijf heeft een externe bedrijfswebsite en verschillende sociale sites, zoals Facebook, Twitter en Instagram. Ik heb een mooie set vierkante pictogrammen die elk van de sociale sites vertegenwoordigen.
Voor de link naar de website van het bedrijf heb ik een tekstlink met de tekst “bezoek onze website”. Dat ziet er echter niet zo goed uit als de pictogrammen.
Is er een algemeen of typisch pictogram dat een link naar de website van een bedrijf vertegenwoordigt?
Antwoord
De norm is gedekt in de twee “grote” pictogrambibliotheken.
Dit symbool heeft goed gewerkt tijdens mijn tests.
Materiaalsymbolen
FontAwesome
Opmerkingen
- Bekijk hier de volledige lijst met FontAwesome-pictogrammen voor externe links: fontawesome.com/icons?d=gallery& q = external . Houd er rekening mee dat voor de huidige versie vanaf 2019 alleen
external-link-square-alt
enexternal-link-alt
zijn gratis. Hoewelexternal-link
gratis is in een graaf ier versie.
Antwoord
Ik weet niet of een pictogram alleen duidelijk genoeg zal zijn. ..
Bij GOV.UK hebben ze al die pictogrammen verwijderd vanwege de volgende 3 redenen:
- Je hoeft mensen niet altijd over externe links te vertellen
- Het pictogram is onduidelijk en dubbelzinnig
- Woorden zijn effectiever
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Reacties
- Het gesprek gaat over ontwikkelaars die klagen over de functie die de code vervuilt en speculeren over wat de gebruiker denkt erover na, geen solide bewijs. De redenen klinken ook als excuses om de functie te verwijderen.
- Het is ' waar dat het oorspronkelijk een ontwikkelaar was ' s zorg, maar als je het artikel grondig leest, zul je ' zien dat het later een ontwerprichtlijn werd om die pictogrammen niet meer te gebruiken. En het ' is ook een goed voorbeeld van de goede samenwerking tussen het ontwerpteam en de ontwikkelaars.
Antwoord
Hier “is een SVG -pictogram dat u inline kunt gebruiken (rechtstreeks in HTML-code waar het pictogram nodig is).
<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>
(Geleend van Quora )