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

Materiaal startpictogram

FontAwesome

FontAwesome-pictogrammen voor externe links

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 en external-link-alt zijn gratis. Hoewel external-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:

  1. Je hoeft mensen niet altijd over externe links te vertellen
  2. Het pictogram is onduidelijk en dubbelzinnig
  3. 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 )

Voorbeeld: voorbeeld

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *