Construiesc un director de site-uri web care listează mii de companii. Fiecare companie are un site web al companiei externe și mai multe site-uri sociale, cum ar fi Facebook, Twitter și Instagram. Am un set frumos de icoane pătrate care reprezintă fiecare dintre site-urile sociale.
Pentru linkul către site-ul web al companiei, am un link text care spune „vizitați site-ul nostru web”. Dar nu arată la fel de bine ca pictogramele.
Există o pictogramă comună sau tipică care să reprezinte un link către site-ul web al unei companii?
Răspuns
Standardul este acoperit în cele două biblioteci de pictograme „majore”.
Acest simbol a funcționat bine în testarea mea.
Pictograme materiale
FontAwesome
Comentarii
- Vezi lista completă a pictogramelor FontAwesome pentru linkuri externe aici: fontawesome.com/icons?d=gallery& q = external . Rețineți că pentru versiunea curentă începând cu 2019, numai
external-link-square-altșiexternal-link-altsunt gratuite. Deșiexternal-linkeste gratuit într-un earl versiunea ier.
Răspuns
Nu știu dacă o singură pictogramă va fi suficient de clară. ..
La GOV.UK au eliminat toate acele pictograme din următoarele 3 motive:
- Nu trebuie întotdeauna să le spui oamenilor despre linkurile externe
- Pictograma este obscură și ambiguă
- Cuvintele sunt mai eficiente
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Comentarii
- Conversația este despre dezvoltatorii care se plâng de caracteristica care poluează codul și speculații despre ce ar putea utilizatorul se gândește la asta, nu există dovezi solide. Motivele par, de asemenea, ca niște scuze pentru eliminarea funcției.
- Este adevărat că a fost inițial un dezvoltator ' Îngrijorarea, dar dacă citiți articolul cu atenție, ' veți vedea că ulterior a devenit un ghid de proiectare pentru a nu mai folosi aceste pictograme. Și ' este, de asemenea, un bun exemplu al bunei colaborări dintre echipa de proiectare și dezvoltatori.
Răspuns
Aici este o pictogramă SVG pe care o puteți utiliza în linie (direct în codul HTML acolo unde este necesară pictograma).
<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>
(Împrumutat de la Quora )
Exemplu: 