Odabir dobrog sistemskog fonta u Windowsu 11 Ne radi se samo o estetici: utiče na čitljivost, pristupačnost i vizuelnu konzistentnost u cijelom interfejsu. U Windowsu, tipografija je vizuelni prikaz jezika, a njena misija je jasno komunicirati bez ometanja sadržaja ili interakcije.
Od Windowsa 11, Microsoft se kladio na Segoe UI varijabla, evolucija klasičnog Segoea koja koristi tehnologiju varijabilnih fontova kako bi se bolje prilagodila malim i velikim veličinama. Ova baza, zajedno s nizom dobre tipografske prakse, upravljanje porodicama fontova za druge jezike i alate specifične za sistem, postavlja standard za ono što dobar sistemski font treba da ima i kako ga konfigurisati i održavati.
Šta bi dobar sistemski font trebao imati u Windowsu 11?
Sistemski font za Windows 11 trebao bi dati prioritet čitljivost i pristupačnost na bilo kojoj veličini i gustoći ekrana. To znači čiste linije, dobar razmak, jasne oblike i podršku za tehnologije renderiranja kao što su ClearType, pored široke jezičke pokrivenosti i konzistentnosti između korisničkog interfejsa i dokumenata.
Osim toga, ključno je da pružite efektivna tipografska hijerarhija (kontrast veličina i težina), koji se automatski integrira sa sistemskim kontrolama i prilagođava se različitim kontekstima (naslovi, tijelo, oznake) bez pribjegavanja različitim porodicama koje narušavaju vizualnu koherentnost.
Segoe UI varijabla: Osnova sistema u Windowsu 11
Segoe UI varijabla je sistemski font za Windows 11. To je revizija klasičnog Segoea koja koristi prednosti tehnologije varijabilnih fontova za optimizirati konture i čitljivost u širokom rasponu veličina.
Ova porodica otkriva dvije glavne ose: težina (wght), inkrementalno od Fine (100) do Bold (700), i optička veličina (opsz), koji automatski djeluje između približno 8 pt i 36 pt za ponovno crtanje proporcija, brojača i otvora kako bi se dao prioritet jasnoća u malim stvarima i značajno poboljšati ličnost.
Prilikom korištenja uobičajenih XAML kontrola, odabir Segoe UI varijable Automatsko je za podržane jezike. U HTML-u se optičko skaliranje također događa automatski, ali je dobra ideja eksplicitno deklarirati Porodica Segoe UI varijabli u CSS-u ako želite garantovati njegovu stvarnu upotrebu na webu.
Najbolje tipografske prakse u Windowsu 11
Windows 11 preporučuje smjernice za održavanje konzistentnosti i pristupačnosti interfejsa, kao što je prikazano na prilagođavanja koja savjetuju profesionalci i stručnjaci. SAD Redovno za tijelo y Semibold za vrijednosne papire; daje prioritet lijevom poravnanju; poštuje minimalne veličine; i primjenjuje skraćivanje elipse kada nema dovoljno prostora.
Konkretno, oni uspostavljaju minimalne vrijednosti kao što su 14 px Semibold i 12 px Regular kako bi se osigurala čitljivost na različitim jezicima. slučaj presude (veliko početno slovo samo gdje je primjenjivo u rečenici) čak i u naslovima korisničkog interfejsa.
Kada tekst ne odgovara, opća preferencija je prikazati Elipsa (…) i skraćivanje prije naglih prekida, osim u vrlo specifičnim slučajevima. Većina tekstualnih kontrola već uključuje ovo ponašanje po zadanim postavkama.
Ako želite vidjeti ove principe u praksi, aplikacija WinUI 3 Galerija Pruža interaktivne primjere stvarnih kontrola, stilova i komponenti, korisne za procjenu težina, veličina i poravnanja u kontekstu.
Veličina, skaliranje i efektivni pikseli
U XAML aplikacijama, veličine fonta se automatski skaliraju između uređaja kako bi se održala čitljivost. Dizajnirate sa efektivni pikseli (nefizički), tako da je font od 24px jednako čitljiv na malom ekranu udaljenom nekoliko centimetara kao i na velikom iz daljine.
Ovaj algoritam vas sprečava da morate ponovo parametrizirati prema gustoći ili veličini ekrana, tako da se možete fokusirati na jedno konzistentna stopa rasta za naslove, podnaslove i tekst kako biste lakše pregledali sadržaj na prvi pogled.
Hijerarhija, tipografska rampa i poravnanje
Setovi za Windows Type Ramp odnosi veličine i težine što olakšava čitanje. Ne morate sve zapamtiti, ali morate održavati jasne proporcije između naslovi, podnaslovi i glavni tekst sa konzistentnim težinama.
Podrazumevano, TextAlignment je Left, što daje uniformno vizualno sidrenje s nepravilnom marginom s desne strane. U jezicima koji se pišu zdesna nalijevo, poštuje smjernice globalizacija za uređenje i izbor izvora.
XAML primjeri: <TextBlock TextAlignment="Left"> za poravnanje lijevo; i za kontrolu izrezivanja ili elipse, <TextBlock TextWrapping="WrapWholeWords" TextTrimming="Clip"/> ovisno o slučaju i površini.
Upravljanje i instaliranje fontova u Windowsu 11
Upravitelj fontova nije samostalna aplikacija: nalazi se u Postavke > Personalizacija > FontoviOdatle možete instalirati, pregledati, sakriti ili deinstalirati porodice, pomoću pregled što pomaže u procjeni varijanti i veličina.
Da biste dodali fontove, prevucite datoteke (.ttf, .otf, itd.) u gornji dio panela ili koristite "Pregledaj i instaliraj fontove". Takođe imate pristup Microsoft Store za preuzimanje novih porodica koje će biti automatski dodane.
Na listi ćete vidjeti ime i vizualni uzorak; svaka kartica ima meni s tri tačke i brzim opcijama za skrivanje ili deinstalaciju. Nakon ulaska u svaki izvor, možete isprobajte stilove (obični, kurziv, podebljano), napišite tekst, promijenite mu veličinu i pogledajte njegov tehnički opis.
Pristupačnost: Promijenite veličinu teksta sistema
Ako trebate uvećati tekst na nivou cijelog sistema, idite na Postavke > Pristupačnost > Veličina tekstaTamo vam klizač omogućava podešavanje od 100% naviše (na primjer, 200%) i trenutnu primjenu.
Nakon pritiska "Prijavite se", prozori će se ažurirati i vidjet ćete novu veličinu. U nekim interfejsima, ako tekst postane prevelik, možete vidjeti Elipsa kada riječi ne stanu u raspoloživi prostor.
Uvijek se možete vratiti i ostaviti ga na 100% da biste se vratili na zadanu veličinu. Ova postavka je idealna za poboljšanje udobnosti i pristupačnosti bez utjecaja na stabilnost ili performanse.
Jezici, globalizacija i preporučeni izvori
Segoe UI varijabla Pokriva engleski, evropske jezike, grčki i ruski. Za ostale sisteme pisanja, Windows 11 nudi specifične porodice i API-je koji olakšavaju tačan izbor po jeziku.
con Font jezika Programski možete dobiti preporučenu porodicu, veličinu, težinu i stil po jeziku za zaglavlja korisničkog interfejsa, obavještenja, tijelo i dokumente koje možete uređivati. Na ovaj način možete osigurati da svaki kategorija sadržaja koristite optimalnu tipografiju.
Fontovi za uobičajene jezike koji nisu latinični u interfejsu: Ebrima (Afrička pisma poput ADLaM, N'Ko, Vai, itd.), Gadugi (Kanađani, Čeroki, Osagi), Leelawadee korisnički interfejs (buginski, kmerski, laoski, tajlandski), Malgun Gothic (Korejski), Microsoft JhengHei (Tradicionalni kineski), Microsoft YaHei (pojednostavljeni kineski), Mjanmarski tekst (rezervacija za Mjanmar), Nirmala korisnički interfejs (Južnoazijski: Devanagari, Gudžaratski, Tamilski, Telugu, itd.), Segoe UI za arapski/armenski/gruzijski/hebrejski, SimSun (naslijeđeni Kinez) i Yu Gothic UI (Japanski).
Porodice i kompatibilnosti Microsoft ekosistema
Segoe UI (interfejs) i Segoe "Brendiranje" nije isto. Segoe UI je humanistički, bez optimizacije za... ClearType; sa omogućenim ClearType-om, čitljivost je odlična; bez njega, vaš rezultat može biti samo prihvatljiv.
Pokrivenost Segoe korisničkog interfejsa uključuje Latinica, grčki, ćirilica i arapskiZa japanski, korejski ili kineski jezik, Windows koristi, između ostalih, Meiryo, Malgun Gothic, Microsoft JhengHei i Microsoft YaHei. Neki ne uključuju pravi kurziv, pa je stil... sintetizira indirektno vertikalno; Meiryo zaista pruža pravi kurziv za latinicu, ali japanski znakovi se ne naginju.
U modernim Win32/WinForms aplikacijama, preporučuje se Segoe UI sa 9 pt ili višeZa WPF, oslonite se na tematske elemente i API-je poput CrtanjeTemeTekstaNa starijim verzijama sistema (XP/2000), imajte na umu pseudo fontove MS Shell Dlg(2) koji se mapiraju na Tahoma ili MS Sans Serif.
Koncepti dizajna: serifni naspram sans fontova, kontrast i dostupnost
Fontovi mogu biti serif ili sans serifU dugim dokumentima, serifni fontovi obično dobro funkcionišu; u korisničkim interfejsima, zbog jasnoće i rezolucije ekrana, oni su poželjniji. bez serif kako bi se smanjila vizualna buka.
Idealni kontrast za čitljivost na glavnoj površini je tamni tekst na svijetloj pozadiniShema svijetlo-tamno funkcionira za sekundarne panele, ali općenito nudi manje jasnoće od sheme tamno-tamno na svijetlom.
u vizuelni tragovi Tekst pomaže u razumijevanju njegove upotrebe: pokazivač u obliku I-bara označava odabir; kurzor označava fokus; okvir označava mogućnost uređivanja; siva označava onemogućeno; plava ili ljubičasta obično označavaju vezu.
Pristupačnost: poštuje korisničke preferencije
Zlatno pravilo je koristite sistemski font, njegove veličine i bojeNemojte fiksno kodirati boje s fiksnim RGB vrijednostima; izvedite svoje iz boja sistemske teme i utakmicu odgovarajući tekst i pozadina (npr. COLOR_STATICTEXT sa COLOR_STATIC).
Prilikom kreiranja varijacija, dio metrike sistemskih fontova za generiranje podebljanih, kurzivnih ili većih/manjih veličina. Kao programer, možete dobiti svojstva sa GetThemeFont i boje sa GetThemeSysColori provjerite ponašanje s temama visokog kontrasta.
Varijable, sans, serif, mono i simboli: istaknute porodice
Među varijablama se ističu sljedeće: željeznička slova (ose težine i širine, s latiničnim/grčkim/ćiriličnim pismom) i Segoe UI varijabla (optička težina i veličina, sa širokom evropskom pokrivenošću). Ove porodice omogućavaju fina kontrola izgleda bez promjene porodice.
Bez serifa pogodnih za UI uključuju Arial, Gauges, candara, Century Gothic, Konzole (monospaced), DejaVu Without, franklin gothic, Gill sans, helvetica, Lucida sans, MS Sans Serif, Optima, Segoe UI, Tahoma, Trebuchet MS y Verdana.
U serifu, opcije poput Cambria, Gruzija, Times New Roman i monospaced Courier New Imaju dobru podršku; najbolje funkcionišu u dugi tekst, dokumenti i kontinuirano čitanje nego interaktivni elementi korisničkog interfejsa.
Za ikonografiju i emotikone, Windows nudi specifične fontove: Segoe MDL2 sredstva (ikone aplikacija), Segoe UI Emoji (emoji) i Segoe UI simbol (simboli), dizajnirani da se integrišu sa Tečan jezik sistema.
Kao otvorena, metrički kompatibilna alternativa Segoe UI-ju, postoji Selawik, korisno u višeplatformskim aplikacijama koje ne žele pakirati Microsoft font, zadržavajući konzistentnost metrike.
Fontovi sigurni za web: kada su važni i šta znače
u fontovi sigurni za web Već su prisutni u većini sistema i preglednika, bez potrebe za učitavanjem eksternih datoteka. Njihova prednost je performanse i kompatibilnost trenutno, smanjujući HTTP zahtjeve i moguće kazne za brzinu.
Google Fontovi nisu po definiciji "sigurni za web" jer preglednik treba upload datoteke od treće strane; međutim, sigurni su za upotrebu i vrlo korisni za dizajn. Cijena je potencijalno najsporija stranica za dodatne zahtjeve.
Postoje liste od preko trideset široko podržanih sigurnih porodica fontova (Arial, Baskerville, Bodoni MT/72, Calibri, Calisto MT, Cambria, Candara, Century Gothic, Consolas, Copperplate, Courier New, DejaVu Sans, Didot, Franklin Gothic, Garamond, Georgia, Gill Sans, Goudy Old Style, Helvetica, Impact, Lucida Bright, Lucida Sans, Microsoft Sans Serif, Optima, Palatino, Perpetua, Rockwell, Segoe UI, Tahoma, Trebuchet MS, Verdana). Kod sigurnih kurziva, raspon je ograničen (Segoe Script, bijes, MT skripta, Snell Roundhand, Lucida Handwriting) i preporučljivo ih je koristiti sa puno umjerenosti radi čitljivosti.
Alati za upravljanje fontovima trećih strana
Pored Windows menadžera, postoje i uslužni programi kao što su FontBase, Poveži se (Sutcase Fusion) y Pismo za organiziranje velikih kolekcija, aktiviranje/deaktiviranje porodica i upravljanje varijantama, što je korisno ako radite sa mnogi izvori u dizajnu ili razvoju.
Rješavanje uobičajenih problema s fontovima u sustavu Windows
Ako font narušava korisnički interfejs ili želite povratak na zadane vrijednosti, koristite Postavke > Personalizacija > Fontovi > Povezane postavke: „Postavke fonta“ i dodirnite "Vrati zadane postavke fonta"Molimo vas da se ponovo prijavite da provjerite.
Za Notepad, font možete resetirati iz same aplikacije ili Resetiraj aplikaciju u Postavke > Aplikacije > Instalirane aplikacije > Bilježnica > Napredne opcije > Resetuj.
Pokrenite čarobnjaka ClearType (Prilagodite ClearType tekst) da biste poboljšali renderiranje rubova, posebno sa Segoe UI i drugim humanističkim sans stilovima. Ako određena porodica uzrokuje konflikte, deinstalirajte ili sakrijte iz Personalizacija > Fontovi ili putem PowerShella i provjerite ima li duplikata.
Smjernice za korištenje atributa i dužine linije
U korisničkom interfejsu, tekst bi trebao biti trezanPodebljano za oznake i specifične reference; kurziv za doslovne reference ili rezervirana mjesta; izbjegavajte podvlačenje osim za linkove; i osigurajte dužina linije oko 65 znakova radi lakšeg čitanja u blokovima.
Mac vs Windows: Percepcije i prilagođavanja
Neki korisnici smatraju da fontovi izgledaju „bolje“ u MacOS nego u Windowsu zbog razlika u renderiranju i antialiasingu. U Windows okruženjima, prelazak na porodice poput između Može dati glatkiji izgled na određenim površinama, iako ne svi sistemi prihvataju varijabilne fontove u starijim interfejsima.
Ako pokušate ručno mijenjanje brzina, procijenite kolateralne utjecaje (npr. búsqueda u određenim aplikacijama ili dijaloškim okvirima) i uvijek imajte pri ruci korake za povratak u prvobitno stanje ako nešto ostane nekonzistentno.
Šta odabrati i kako to primijeniti u projektima?
Za korisnički interfejs Windowsa 11, najsigurniji način je nastavite sa Segoe UI varijablom, sa Regular fontom za tijelo i Semibold fontom za naslove, poravnato lijevo i minimalno 12 px/14 px u zavisnosti od debljine. Na webu, deklarišite porodicu u CSS-u ako želite da je nametnete i razmotrite fontovi sigurni za web ako dajete prioritet performansama.
Za WPF ili XAML aplikacije, oslonite se na teme i API-ji koji automatski prilagođavaju tipografiju. Na Win32/WinForms, koristite Segoe UI veličine 9 pt ili više i DrawThemeText/GetThemeFont kako biste poštovali sistemske metrike i veličinu fonta. korisnička podešavanja (uključujući visoki kontrast).
Uzimajući u obzir sve navedeno, dobar sistemski font u Windowsu 11 trebao bi biti jasan, konzistentan i prilagodljivKompatibilno sa ClearType-om, sa korisnim varijabilnim osama (težina i optička veličina), širokom jezičkom pokrivenošću, hijerarhijom definisanom veličinama i težinama i ponašanjem koje poštuje pristupačnost, globalizaciju i korisničke preferencije; upravljano iz Postavki i, ako je potrebno, dopunjeno uslužnim programima koji olakšavaju rad sa velikim kolekcijama bez gubitka konzistentnosti interfejsa. Podijelite ove informacije i više korisnika će znati kako imati sistemski font u Windowsu 11..