Skinny skrifttyper gør internettet ulæseligt. Skinny skrifttyper gør internettet ulæseligt. Betingelserne for deltagelse er enkle.

En af de seneste trends inden for webdesign er brugen af billeder i høj opløsning som baggrund. Det er meget vigtigt her, at teksten placeret oven på en sådan baggrund ser tilstrækkelig kontrast ud. Klarhed og nem forståelse er et meget kritisk aspekt af information, der formidles gennem et websted.

Denne Photoshop-tutorial vil lære dig fem måder at optimere kontrasten på, når du placerer tekst over billeder.

1. Farveoverlay
Teksten på billedet nedenfor er meget svær at gennemskue, og det skyldes den komplekse, heterogene baggrund. Baggrunden indeholder en betydelig mængde detaljer, især i menuområdet. På grund af baggrundens detaljer er den interessante tekstur af den anvendte "Buffalo Wings"-skrifttype næsten fuldstændig tabt. Det er tydeligt, at kontrasten i dette billede kræver noget arbejde.

Først og fremmest skal vi oprette et nyt lag og kalde det "Color Overlay". Tag derefter en farveprøve fra overfladen af skjorten vist nedenfor (tryk og hold I-tasten nede for at gøre dette), og brug tastaturgenvejen Shift + F5, fyld det oprettede lag med den valgte farve.

Til sidst skal du reducere opaciteten af det fyldte farvelag til 50 % og flytte det under tekstlaget.

Som du kan se, er kontrasten blevet mærkbart bedre. Derudover er detaljerne og teksturen af "Buffalo Wings"-skrifttypen blevet tydeligere.

2. Skygge
Forestil dig en situation, hvor en klient vil have dig til at placere tynd, elegant tekst oven på et meget detaljeret område af et billede. Det sker også nogle gange, og man skal lede efter måder at opnå en acceptabel kontrast mellem baggrunden og teksten på.

I sådanne tilfælde skal du først og fremmest vælge den rigtige tekstfarve.

Naturligvis vil en lys farve se bedst ud. For eksempel hvid.

Det næste trin er at anvende en lagstil Shadow (Drop shadow). Reducer opaciteten til 52 %. Indstil derefter Spredning: 16% og Størrelse: 10 pixels. Vinklen skal være cirka -144 grader.

Som du kan se, har anvendelsen af en simpel lagstil forbedret kontrasten mærkbart.

3. Linje
Dette er en af de nemmeste måder at forbedre kontrasten på. Du skal blot tilføje to hvide linjer under og over inskriptionen, så teksten og baggrunden visuelt adskilles.

Tilføjet to linjer...

...giver en forbedret opfattelse af to designelementer.

4.Skygning
En anden måde at forbedre opfattelsen af tekst ved at øge kontrasten er at tilføje en skraveret figur under teksten. For at gøre det lettere for dig at forstå, hvad jeg taler om, vil jeg vise dig med et eksempel.

I eksemplet nedenfor er inskriptionen næsten umulig at læse, fordi den falder ind i baggrunden. Adskillelsen mellem tekstlinjer forsvinder blandt detaljerne i bygningen i baggrunden.

For at forbedre tekstens læsbarhed skal du vælge Custom Shapes Tool eller blot trykke på U-tasten. Vælg en hvilken som helst form, du kan lide. Der er ingen regler eller anbefalinger her.

Fyld formen med sort og giv den en 3 px hvid streg.

Flyt laget med formen under lagene med teksten og dets separator, og reducer derefter opaciteten af dette lag til 57 %.

Resultatet ser mere professionelt ud og opleves meget bedre

5. Slør baggrunden
Den femte og sidste måde at forbedre kontrasten på er at anvende en subtil sløringseffekt på baggrunden.

På originalbilledet er teksten ret svær at gennemskue.

For fuldt ud at arbejde med billeder i Microsoft Word 2010 skal du lære, hvordan du arbejder med billedfarveindstillinger. Det vil være nyttigt at vide, hvordan man anvender kunstneriske effekter på en tegning, hvilket betydeligt kan forbedre billedets udseende. Dette er skitseret i denne artikel med illustrative eksempler.

Justering af billedets lysstyrke og kontrast

Justering af et billedes lysstyrke involverer at gøre billedet lysere eller mørkere. Når du bruger disse justeringsværktøjer, foretager Word 2010 automatisk ændringer i farveområdet. Det vil sige, at justering af lysstyrke for skygger, højlys og mellemtoner ikke er tilgængelig. Enkelt sagt sker justeringen ved hjælp af specielle mønstre, der har forskellige grader af eksponering. Eksponering bestemmer igen graden af lysning/mørkning.

Kontrast er forholdet mellem de lyseste områder af billedet og de mørkeste. I farvekontrast er det forskellen i farvenuancer. I Word 2010 justeres lysstyrke og kontrast ved hjælp af de samme mønstre. Til gengæld kan skabeloner have nul lysstyrke eller kontrastværdier, hvilket giver dig mulighed for separat at justere niveauet af deres værdier. I tilfælde af finjustering (vinduet "Billedformat") er situationen den samme.

Gør følgende for at justere billedets lysstyrke og kontrast:

1. metode.

Vælg billedet i dit Word 2010-dokument, og gå til fanen Format.
I gruppen "Skift" skal du klikke på knappen "Korrektion", og i det vindue, der åbnes, skal du vælge den ønskede lysstyrkeværdi fra samlingen af prøver. Hvis du har brug for mere finjustering, skal du klikke på knappen "Indstillinger for billedkorrektion". Formatvinduet åbnes på fanen Billedindstillinger.
Indstil den ønskede procentdel i området Lysstyrke, og klik på Luk.

2. metode.

Klik på billedet i Word 2010-vinduet, og vælg Formater billede fra kontekstmenuen.
Gå til fanen "Billedjusteringer" og indstil de ønskede lysstyrkeværdier.

Skarpheden ændres på samme måde. Formindskelse af skarpheden fører til sløring af billedet, og forøgelse øger tværtimod billedets klarhed. Dette resulterer dog i tab af jævne overgange i billedet og øger dets kornethed.

Figur 1. Korrigering af skarphed, lysstyrke og kontrast

Billedfarvejustering

Billedfarvejustering giver Word 2010 mulighed for at justere farve med hensyn til lysstyrke, kontrast, skarphed og mætning. Ved simple manipulationer kan du give billedet et udseende, der svarer til de tildelte opgaver.

Ændring af farvemætning

Farvemætning er styrken, intensiteten af fornemmelsen af farvetone. Det er med andre ord, hvor stærkt en bestemt farve er repræsenteret i paletten, og hvor "ren" den er. "Ren" farve betyder den minimale tilstedeværelse af pixels af andre farver, deres nuancer såvel som nuancer af den primære farve. Mætning viser, hvordan en bestemt farve ser ud under forskellige lysniveauer. Mætning, eller intensiteten af en farve, ændres afhængigt af lysets styrke. Det vil sige, at jo lysere billedet er, desto lysere og mere mættede er farverne i det - og denne regel gælder endda for sort og dens nuancer. Uden at gå ind i detaljerne i farveteori, bemærker vi, at ved at ændre farvemætningen kan du radikalt ændre udseendet af hele billedet. For med en ændring i farvemætning ændres sammensætningen af billedets farvepalet fuldstændigt.

Følg disse trin for at justere farven på et billede:

Vælg det billede, du ønsker i dit Word 2010-dokument.
Klik på fanen Formater, og klik på knappen Farve i gruppen Rediger
I det vindue, der åbnes, i gruppen "Farvemætning" skal du vælge den relevante prøve.

Følg disse trin for mere finjustering:

1. metode.

Højreklik på det ønskede billede og vælg "Formater billede" fra kontekstmenuen.
Klik på fanen "Billedindstillinger" i vinduet "Billedformat", der åbnes, og gå til gruppen "Farvemætning".

2. metode.

Klik på knappen "Farve", og klik på "Billedfarveindstillinger" i vinduet, der åbnes.
Brug ruderne Forudindstillinger og Mætning i gruppen Farvemætning til at indstille de ønskede indstillinger.

Figur 2. Billedfarveindstillinger

Farve nuance

Ændring af nuancen af en farve giver dig mulighed for at sænke eller øge "temperaturen" på billedet. Kort sagt, reducer eller øg mætningen af varme eller kølige farvenuancer. Et eksempel på varme farver er nuancer af rød, gul, orange, og kølige farver er nuancer af blå, turkis og grå.

Følg disse trin for at ændre farvetonen på et billede:

Klik på fanen Formater, og klik på knappen Farve i gruppen Rediger.
I det vindue, der åbnes, skal du gå til gruppen "Farvefarve" og vælge en af farveprøverne.

For mere finjustering skal du gå til vinduet "Billedformat" og i gruppen "Farvetone" indstille de ønskede værdier.

Omfarvning af et billede

Hvis du vil helt omfarve et billede, det vil sige give det en bestemt farve (farveskema), skal du følge disse trin:

1. metode.

Klik på knappen Farve på fanen Format i gruppen Rediger.
I vinduet, der åbnes, skal du gå til gruppen "Recolor" og vælge en af prøverne.

2. metode.

Klik på fanen Billedfarve i vinduet Formater billede.
I gruppen "Omfarv" skal du klikke på knappen "Genfarv" i området "Blanker", og i vinduet, der åbnes, skal du vælge den relevante prøve.

Kunstneriske tegneeffekter

Ved hjælp af kunstneriske effekter kan du forbedre udseendet af et billede betydeligt uden at ty til hjælp fra specielle grafiske redaktører. Der er i alt 23 effektprøver tilgængelige. Desværre er det ikke muligt at arbejde med lag.

For at give din tegning en kunstnerisk effekt skal du gøre følgende:

1. metode.

Klik på det ønskede billede i det åbne dokumentvindue.
Gå til fanen "Format" i gruppen "Rediger", og klik på knappen "Kunstneriske effekter".
I det vindue, der åbnes, skal du vælge den relevante prøve.

2. metode.

Højreklik på billedet og vælg Formater billede fra kontekstmenuen.
I vinduet, der åbnes, skal du åbne fanen "Kunstneriske effekter", klik derefter på knappen "Kunstneriske effekter" og vælg den relevante prøve.

Figur 3. Kunstneriske effekter

For mere finjustering skal du bruge mulighederne for kunstnerisk effekt gennemsigtighed og størrelse.

"Transparency" - giver dig mulighed for at justere gennemsigtighedsniveauet for den anvendte effekt. Jo større gennemsigtighed, jo færre ændringer, der foretages på tegningen, når effekten anvendes, vil blive afspejlet og omvendt.
"Størrelse" - bestemmer "densiteten" af den anvendte effekt. Så for "Watercolor"-effekten er dette børstestørrelsen, for "Light Screen"-effekten er dette gitterstørrelsen osv. Jo lavere værdien er, jo mere nøjagtige er ændringerne foretaget og omvendt - det hele afhænger af, hvilken type du vil indstille til tegningen.

Bemærk venligst, at indstillingsparametre kun er tilgængelige, når effekten er påført tegningen.

Gennemsigtighed af individuelle farvepixels

For at give et billede en speciel effekt kan du "blege" pixels af en bestemt farve. En lignende tilgang kan fx bruges, hvis man ønsker at en del af teksten skal være synlig gennem tegningen.

Sådan indstiller du gennemsigtigheden af pixels af en bestemt farve:

Klik på "Indstil gennemsigtig farve" i vinduet for at ændre farven på billedet - markøren vil have form af en blyant med en pil.
Vælg et område af billedet med den ønskede farve, og venstreklik - pixels i den angivne farve bliver helt gennemsigtige.

Figur 4. Endelig version af tegningen efter indstillinger

Konklusion

På dette stadium af udviklingen af Word 2010 er det nødvendigt at kunne ændre billedet med hensyn til farvemætning, lysstyrke, kontrast osv. Dette giver dig mulighed for hurtigt og effektivt at justere billedet uden at ty til hjælp fra specialiserede grafiske redaktører. Heldigvis er der nu mere end nok muligheder for at arbejde med billeder i Word 2010, som i skala kan sammenlignes med individuelle grafiske redaktører. Men selvom du ikke står over for opgaven med at blive specialist i grafikbehandling, skal du kende de grundlæggende begreber. Faktisk blev de vigtigste måder at justere billeder på skitseret i denne artikel.

Der er masser af muligheder for hurtigt at forstørre skrifttypen på din skærm. Det operativsystem, der er installeret på din computer, og flere yderligere faktorer vil påvirke valget af den passende metode. Det kan for eksempel være, at du vil arbejde med skrifttyperne i dit yndlingsprogram eller tværtimod ændre skrifttyperne i alle pop-up-vinduer uden undtagelse.

Metode 1: Brug forstørrelsesglas

Åbn Kontrolpanel ved at klikke på Start. Gå til menuen, find "Programmer", stop ved kategorien "Standard". En undermenu åbnes, hvor vi er interesserede i "Skærmforstørrelsesglas". Vær opmærksom på det øverste område af skærmen, hvor et vindue vil dukke op. Den del af skærmen ved siden af musemarkøren vil straks se større ud end før. Flyt musen hen over en hvilken som helst del af teksten, og bogstaverne forstørres automatisk.

Metode 2. Sådan forstørres alle vinduer

Denne indstilling er beregnet til Windows XP-brugere. Se dig omkring på skrivebordet efter ledig plads, og højreklik derefter i det område. Hvis du klikker på knappen "Egenskaber", dukker et vindue op med indstillinger på skærmen med det samme. Vælg fanen "Design" for at gå til det nederste område af vinduet, hvor der ved siden af indskriften "Skriftstørrelse" er en liste med tre størrelser; Blandt dem skal du vælge den, du har brug for, og bekræfte din beslutning ved at klikke på knappen "Anvend".

Metode 3: Sådan øges udvalgte elementer

For at justere skrifttypen i selektive elementer skal du arbejde med "Design"-fanen, som i den forrige mulighed, og finde kategorien "Avanceret". Find derefter den del af vinduet, du vil forstørre, og klik på den. Formateringsindstillinger vil dukke op i det nederste område, hvor du kan gennemgå de foreslåede størrelser for at vælge den ideelle mulighed for dig.

Metode 4: Installer skrifttypen vha

"Personliggørelse"

Arbejdet begynder med at trykke på knappen "Start", hvormed du igen skal have adgang til kontrolpanelet, så en undermenu popper op. Du skal bruge fanen "Udseende og personalisering", af alle de kategorier, som du bør fokusere på "Tilpasning". Indskriften "Skift skriftstørrelse" afspejlet til venstre bekræfter rigtigheden af dine handlinger. Husk, at for at ændre indstillinger skal administratoren indtaste deres indstillinger. Ændring af størrelsen mod forstørrelse sker på følgende måde: vælg "Stor skala" - den er 150% - og bekræft beslutningen ved at klikke på "OK". Vigtigt: brugen af denne skala bliver kun mulig ved en bestemt opløsning på mindst 1200 gange 900 pixels.

Vi anbefaler også at downloade programmet - . Det er designet til at løse problemet med ulejligheden ved at gemme alle skrifttypevarianter på en almindelig computer. Med dette program vil hver bruger være i stand til at placere forskellige skrifttyper i udvalgte mapper efter eget skøn.

Video: Sådan øger du skriftstørrelsen

Eksperter har fundet ud af, at internettet er ved at blive ulæseligt på grund af en evolutionær tendens til "magre" skrifttyper, som forringer synligheden af ord på skærmen for ældre mennesker eller personer med nedsat syn.

Mens tekst før var fed og mørk og kontrasterede godt med en overvejende hvid baggrund, skifter mange websteder nu til lysegrå eller lyseblå skrifttyper.

Den prisvindende blogger Kevin Marks, grundlægger af Microformats og tidligere vicepræsident for webtjenester hos , besluttede at undersøge problemet efter at have bemærket, at han havde tiltagende svært ved at læse tekst på skærmen.

Jeg opfordrer designere og softwareudviklere: forlad dine dikkedarer og vend tilbage til de typografiske principper for trykning.
Kevin Marks

Kevin opdagede en "udbredt bevægelse" for at reducere kontrasten mellem tekst og baggrund, hvor teknologigiganterne Apple, Google og Twitter alle ændrede deres typografiske retningslinjer.

Ren sort tekst på en hvid baggrund har det højest opnåelige kontrastforhold på 21:1. De fleste teknologivirksomheder anser det for god praksis, at skrifttyper har et kontrastforhold på mindst 7:1, hvilket gør, at teksten kan ses af personer med nedsat syn.

Men Mr. Marks opdagede, at selv Apples egne typografiske retningslinjer, som anbefaler et kontrastforhold på 7:1, er skrevet i et forhold på 5,5:1.

Mange ældre bruger internettet til at holde kontakten med pårørende

Marks, som af The Telegraph blev udnævnt til en af Storbritanniens 50 mest indflydelsesrige personer inden for moderne teknologi, sagde, at ændringerne risikerede at underminere universel adgang til internettet. "Typografivalgene fra virksomheder som Apple og Google sætter effektivt standarddesignet for store dele af internettet, og disse to designdrivere fungerer på kanten af tekstlæsbarhed," advarer han i en note på Backchannel.

”Hvis nettet er domineret af tekst, der er svær at læse, begrænser det adgangen til nettet, og udelukker et stort antal mennesker såsom ældre, personer med synshandicap eller dem, der bruger dårligt fremstillede skærme.

"Da vi er afhængige af computere ikke kun for at hente nogle lagrede oplysninger, men også for at få adgang til og skabe tjenester, der nogle gange er kritiske for vores liv, bliver det, der sker, tilgængeligt for bogstaveligt talt alle, alt mere og mere vigtigt."

I 2008 introducerede Web Accessibility Initiative (WAI) kontrastforholdet for at hjælpe webdesignere med at skabe meget læsbare websteder.

Hvis tekst og baggrund har samme farve, for eksempel hvid på hvid, så er forholdet 1:1.
For sort tekst på hvid baggrund eller hvid tekst på sort baggrund er det maksimale forhold 21:1.
Sort tekst på en grå baggrund og omvendt har et forhold på 13:1; meget lys grå på hvidt - 3:1.
Men når skrifttypen bliver tyndere eller mere let, bliver teksten sværere at læse.

Ændringer i typografi kom, fordi efterhånden som webdesign udviklede sig, begyndte skrifttyper, farver og baggrunde at afvige fra det originale sæt af "sikre standarder", der blev anset for at være læselige for alle brugere.

Udviklingen af LCD-teknologi og højopløselige skærme har også givet designere mulighed for at bruge stadigt tyndere skrifttyper, der fungerer fint på stationære computere, men som ofte er praktisk talt umulige at læse på smartphones eller tablets.

I de senere år har opslagsbøger som The Typography Guide også frarådet designere at bruge høj kontrast, idet de hævder, at det traditionelle sort-på-hvid-arrangement belaster øjnene unødigt og især generer folk med ordblindhed.

Derudover bruger mange computere nu dæmpning, når lysniveauet er lavt, for at undgå at udsende stærkt lys, der kan forhindre folk i at falde i søvn.

Men det USA-baserede Web Accessibility Initiative (WAI), som kom med den originale forholdsformel, sagde i 2008 som en guide til designere, at for lidt kontrast på websider "forstyrrer folk og frustrerer dem." deres.

Lettere skrifttyper kan fungere godt på stationære computere med høj opløsning, men ikke på smartphones eller i relativt høje lysmiljøer.

"At vælge et farveskema med lav kontrast gør navigation, læsning og interaktion til en rigtig smerte," sagde en talsmand for organisationen.

“Godt design betyder at have tilstrækkelig kontrast mellem forgrunds- og baggrundselementer. Dette er især vigtigt for personer med nedsat kontrastfølsomhed, som bliver mere udtalt med alderen."

Men hr. Marks mener, at den reducerede kontrast kan slå nogle brugere fra.

"At vilkårligt reducere kontrasten i jagten på mode, hvilket resulterer i et godt billede på mit smukke display på mit veloplyste kontor, betyder en abdikation af designerens forpligtelser over for de mange mennesker, for hvem han skaber," siger han.

"Du skal designe bedre til folk, der læser på små, dunkle skærme med ældre øjne. Det er måske ikke på mode, men du skal se, hvem der er udeladt på grund af din idé om æstetik."

Dr. Simon Harper, en erfaren computerforsker, der studerer menneske-computer-interaktion og informationssystemer ved University of Manchester: "Sort tekst på en hvid baggrund kan skabe en følelse af en vis stivhed; samtidig kan grå tekst skabe en blødere og venligere fornemmelse."

"Men for nogle mennesker kommer disse designvalg på bekostning af reduceret læsbarhed, forståelse og øget brugertræthed. Det kalder vi situationel svækkelse - hvor brugerens ydeevne er forringet på grund af enheden, designet, miljøet eller brugskonteksten."

»Hvis man skal anstrenge sig for at se teksten, så stopper interaktionen. I den nye verden af avanceret digitalt design bliver vi alle sårbare på en eller anden måde.”

"At give brugeren et middel til at tilpasse et bestemt design i stedet for at tvinge brugeren til at tilpasse sig (hvilket nogle gange simpelthen ikke er muligt), er den eneste levedygtige mulighed." - Kevin Marks afslutter.

Et almindeligt spørgsmål fra brugere: hvorfor virker alle skrifttyper uklare og klodsede på computerens eller bærbare computers skærm? I denne artikel vil vi tale om mulige årsager og måder at eliminere dette problem på.

Når du kalder denne funktion, skal meddelelsen vises på displayet Auto-tuning eller Kalibrering.

Hvis, når du forsøger at udføre auto-tuning, vises en meddelelse på skærmen som f.eks Ikke tilgængelig, betyder det, at din skærm ikke er tilsluttet VGA, men for eksempel ved hjælp af DVI. Ved tilslutning via DVI er auto-tuning ikke nødvendig. Og som vi skrev ovenfor, er det også i bærbare computere Ikke påkrævet.

2. Skærmopløsningen er ikke indstillet til den oprindelige.

Moderne LCD-skærme er designet til at fungere med kun én opløsning. Hvis du angiver en ikke-native opløsning i videoadapterindstillingerne, vil skrifttyperne være skæve og slørede. Det kan være forskelligt for forskellige skærmmodeller, selvom de fysisk har samme størrelse.

Tip: Genstart din computer med skærmen tilsluttet og tændt. Vælg den korrekte indgang i dine skærmindstillinger (DVI, VGA, HDMI). Indtast videokortindstillingerne i operativsystemet og indstil den korrekte skærmopløsning i pixels.

Højreklik på skrivebordet

I de fleste tilfælde, for at vælge den korrekte opløsning, skal du vælge det maksimale af alle tilgængelige:

Vælg den korrekte opløsning, og klik på OK

Deaktiver skalering i grafikkortværktøjet. For at gøre dette skal du køre et proprietært hjælpeprogram fra AMD, nVidia eller Intel:

Find Indstillinger for skalering, indstil den til 0 % og klik ansøge:

3. Problem med videoadapterdriveren

Hvis der bruges en standard eller universel driver i stedet for den officielle, så er den skærmopløsning, der er indbygget i din overvåge, er muligvis simpelthen ikke tilgængelig i indstillingerne videokort.

Tip: Kontroller, om videoadapterdriveren er installeret korrekt. Installer driveren fra den officielle hjemmeside for den bærbare computer eller computerproducenten, eller bedst af alt, fra hjemmesiden for producenten af selve videoadapteren.