Jeg bygger en nettsidekatalog som viser tusenvis av selskaper. Hvert selskap har et eksternt selskapets nettsted, og flere sosiale nettsteder, som Facebook, Twitter og Instagram. Jeg har et fint sett med firkantede ikoner som representerer hvert av de sosiale nettstedene.
For lenken til selskapets nettsted, har jeg en tekstlenke som sier «besøk nettstedet vårt». Det ser ikke like bra ut som ikonene.
Er det et vanlig eller typisk ikon som representerer en lenke til selskapets nettsted?
Svar
Standarden er dekket i de to «store» ikonbibliotekene.
Dette symbolet har fungert bra i testingen min.
Materielle ikoner
FontAwesome
Kommentarer
- Se full liste over FontAwesome eksterne lenkeikoner her: fontawesome.com/icons?d=gallery& q = ekstern . Merk at for den nåværende versjonen fra og med 2019, bare
external-link-square-altogexternal-link-alter gratis. Selv omexternal-linker gratis i en jarl tidligere versjon.
Svar
Jeg vet ikke om et ikon alene vil være tydelig nok. ..
På GOV.UK fjernet de alle ikonene på grunn av følgende tre grunner:
- Du trenger ikke alltid å fortelle folk om eksterne lenker
- Ikonet er uklart og tvetydig
- Ord er mer effektive
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Kommentarer
- Samtalen handler om at utviklere klager over at funksjonen forurenser koden og spekulasjoner om hva som kan brukeren tenker på det, ingen solide bevis. Årsakene høres også ut som unnskyldninger for å fjerne funksjonen.
- Det ' stemmer at det opprinnelig var en utvikler ' bekymring, men hvis du leser artikkelen grundig, vil du ' se at etterpå ble det en designretningslinje for ikke å bruke disse ikonene lenger. Og det ' er også et godt eksempel på det gode samarbeidet mellom designteamet og utviklerne.
Svar
Her er et SVG -ikon du kan bruke innebygd (direkte i HTML-kode der ikonet er nødvendig).
<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>
(Lånt fra Quora )
Eksempel: 