De checklist voor de decorateur. Aangepaste lettertypen gebruiken

Er zijn duizenden ontwerpers op de markt (ontwerpstudio's, particuliere ontwerpers, freelancers). Het is niet duidelijk hoe je uit deze hoop een professionele en geschikte ontwerper moet kiezen.

Wat zijn de eisen voor een ontwerper?

(1) Beter om te kiezen gespecialiseerd ontwerper. Voor een gespecialiseerde ontwerper is 70-80% van zijn werk gewijd aan een specifiek onderwerp (website-ontwerp, landingspagina's, boekjes, banners, visitekaartjes, enz.).

(2) Elke ontwerper heeft dat portefeuille. De vraag is wat is het? Een ontwerper moet veel werk hebben, tientallen voltooide projecten. Maar ontwerpers strijken soms de eer op voor het werk van anderen.

Hoe controleer je de integriteit van een ontwerper?
  • Zoek naar zijn werk in Google/Yandex-afbeeldingen. Als de links van de werken naar het portfolio van uw ontwerper leiden, is alles in orde.
  • Praat indien mogelijk met de klanten van de ontwerper die beoordelingen hebben achtergelaten.

(3) De ontwerper maakt lay-outs met behulp van een raster en lagen. Lagen zijn gegroepeerd in mappen. Om dit te controleren, vraagt ​​u de ontwerper om lay-outs aan te leveren met een getekend raster, evenals een screenshot van de lagenstructuur uit Photoshop.

Hieronder staan ​​voorbeelden van een lay-out met een getekend raster en een screenshot van de lagenstructuur.

Landingspagina-indeling met getekend raster

Screenshot van de lagenstructuur uit Photoshop

Waarom zijn rasters en lagen belangrijk in een lay-out?
  • Een lay-out die op een raster is ontworpen, is dan gemakkelijker voor de programmeur om te lay-outen.
  • Een lay-out die in lagen is gegroepeerd, is gemakkelijker aan te passen en kleine wijzigingen aan te brengen.

Het zou geweldig zijn als de ontwerper extra vaardigheden heeft:

❶ Programmeren - heeft inzicht in hyperteksttaal HTML-opmaak en JavaScript. Dit is nodig omdat de ontwerper moet begrijpen hoe gemakkelijk of moeilijk het is om zijn creativiteit te verzinnen.

❷ Geïnteresseerd in het onderwerp website-bruikbaarheid. Denkt vooraf na over het gebruiksgemak van de site en handige navigatie.

Checklist voor het kiezen van een ontwerper

Let bij het controleren van het werk van de ontwerper niet op de inhoud van de lay-outs (teksten en kopjes). IN in dit geval de inhoud is niet zo belangrijk. Het belangrijkste is om het ontwerp te evalueren.

❒ 70-80% van de werken is gewijd aan één onderwerp dat bij je past

❒ Er zijn beoordelingen van eerdere klanten

❒ Lay-outs worden op een raster opgemaakt met behulp van lagen

❒ Afbeeldingen illustreren of vullen de hoofdgedachte aan

❒ Afbeeldingen leiden niet af van de inhoud

❒ Minimale aanvullende visuele elementen die de tekst niet aanvullen

❒ Bekijk voorbeelden van ontworpen sites voor laadsnelheid

❒ Er worden niet meer dan 5 kleuren gebruikt

❒ Er zijn niet meer dan 2-3 lettertypen gebruikt

❒ CAPS LOCK wordt nauwelijks gebruikt. Er mogen niet meer dan 3 regels met CAPS LOCK worden geschreven. Het is raadzaam om CAPS LOCK alleen in een aanbieding te gebruiken.

Wenselijk:

❒ Ervaring hebben met het opmaken van websites

❒ Kan een lay-outversie van de site leveren

❒ Afbeeldingen zijn niet afkomstig van stockfoto's. Op de afbeeldingen zijn mensen te zien die lijken op de doelgroep (zonder buitenlanders).

Het belangrijkste voor een ontwerper is om de taak correct in te stellen. Om dit te doen, moet je correct componeren technische taak. Hoe u technische specificaties opstelt, vertellen wij u in een apart artikel.

Waar vind je een ontwerper?

Als je basisdingen nodig hebt, zoek dan een freelancer. Websites voor het vinden van freelancers: FL.ru, Freelance.ru.

Als je besluit om met een freelancer samen te werken, let dan op hoe hij je vragen beantwoordt en in welk formaat, of hij de prijs en deadlines duidelijk bepaalt.

Als u al een geschikte ontwerper voor uw website heeft gevonden, vindt u de checklist voor het accepteren van het voltooide websiteontwerp nuttig. Sluit je aan bij de groep, we zullen het binnenkort posten.

Is het vaak voorgekomen dat het resultaat dat u van een 3D-visualizer kreeg, niet aan uw verwachtingen voldeed? De foto zag er niet levend uit en het was moeilijk om aan de visualisator uit te leggen wat er precies mis was. Bovendien heeft u vóór aanvang van de werkzaamheden niet duidelijk de kwaliteitsnormen besproken die u accepteert.


Zoals je misschien al geraden hebt, vandaag we zullen praten over kwaliteitsnormen.

Waarom hebben we kwaliteitsnormen nodig voor 3D-visualisatie?

  1. Door uw kwaliteitsnormen te definiëren, kunt u specifieke dingen van uw medewerker eisen.
  2. Voordat u met de visualisator aan de slag gaat, kunt u standaarden definiëren. Het zal u dus helpen de kwaliteit te krijgen die u nodig heeft.
  3. De kwaliteit van de beelden kun je zelf duidelijk bepalen door op basis van het portfolio een visualisator te kiezen.

In dit artikel zal ik kwaliteitsnormen beschrijven, misschien gebruikt u de onze en voegt u misschien toe aan de lijst.

Dus laten we beginnen:

1) Afbeeldingsgrootte

Om het eindresultaat in een album af te drukken en aan de klant te geven, gebruiken wij een beeldformaat in een verhouding van 1,5:1. Bijvoorbeeld voorbeeldafbeeldingen we maken ze 1500x1000 groot, en de laatste zijn 3000x2000. Dit is het minimum waarbij de afbeelding op A4-formaat kan worden afgedrukt.

2) Modelleringskwaliteit en detail

Wat wordt bedoeld met modelleringskwaliteit:

  • kamer modellering. Er mogen geen fouten zijn. Modelleringsfouten verschijnen in de regel wanneer de ene geometrie de andere overlapt donkere plekken. Er zouden geen plekken als deze moeten zijn;
  • kroonlijst- en plintprofielen worden zelden met de hand getekend. Het is beter om het kant-en-klaar te nemen. In de regel worden de schalen en verhoudingen daar al goed nageleefd. Als het profiel niet mooi getekend is, kan dit de hele indruk onmiddellijk verpesten;
  • afmetingen en schaal kleine deeltjes. Deurklinken dienen bijvoorbeeld op de juiste hoogte vanaf de vloer te zitten en niet kleiner of groter dan ze in werkelijkheid zijn;
  • kwaliteit en detail van modellen. Er mogen geen modellen van lage kwaliteit in de scène zijn. Een bank met identieke vierkante stoelen verpest meteen het hele plaatje. Hetzelfde geldt voor kleine dingen. Accessoires die in de scène worden geplaatst, mogen hun 3D-oorsprong niet onthullen.

Wees voorzichtig bij het kiezen van modellen.

2) Textuur

  • Het eerste dat u moet onthouden over texturen is schaal. De textuurschaal moet overeenkomen met de echte wereld. De textuur van hout mag bijvoorbeeld niet te veel worden uitgerekt;
  • De textuurkwaliteit moet optimaal zijn. De afbeelding mag niet erg groot zijn om de weergavetijd niet te verlengen. En het mag niet erg klein zijn, zodat het niet op de afbeelding wordt uitgesmeerd;
  • tegels. Elke foto heeft zijn grenzen. Wanneer we het op een object aanbrengen, kan onze textuur meerdere keren op het object worden herhaald. Het is erg belangrijk om naden tussen herhaalde afbeeldingen te vermijden.

Deze momenten mogen niet voorkomen (in beide gevallen zie je de herhaling van de textuur op de vloer):

4) Verlichting

  • Het daglicht moet enigszins koel zijn. Meestal is de verlichting warmer aan de zuidkant en koeler aan de noordkant. In ieder geval is het beter om het een beetje koud te maken, en kunstlicht- warm. Dit lichtcontrast brengt het beeld tot leven;
  • Het is raadzaam om niet alle lichten in de kamer aan te doen - het risico bestaat dat het beeld plat wordt. Het is noodzakelijk om de lichten aan te doen op die plaatsen waar het licht uit het raam minder reikt. Dit zorgt voor contrast in de afbeelding en deze zal niet vlak zijn. Het is belangrijk om het spel van schaduw en licht in stand te houden;
  • nachtverlichting. Bij nachtverlichting moet er nog steeds licht uit het raam komen - een lichtblauwe gloed, zoals in de onderstaande afbeelding. Het raamkozijn moet voorzien zijn van reflecterend glas, zodat, zoals in echte wereld het interieur werd weerspiegeld in de ramen als de lichten aan waren. Het licht gaat helemaal aan en zorgt voor een maximaal contrast in het beeld. Het is belangrijk dat het nachtbeeld niet overdag is, met een blauwe tint. Het moet tenslotte nacht zijn. Alle lichtbronnen uitschakelen behalve het raam. We zouden bijna duisternis moeten krijgen met een lichte gloed uit het raam.

5) Verhoudingen en schaal

  • We hebben hier gedeeltelijk over gesproken in de modelleringsfase. Het is belangrijk dat alle objecten - inclusief kleine deurklinken, kroonlijsten, plinten - de afmetingen hebben, zoals in de echte wereld. De handgreep mag niet klein zijn ten opzichte van de gehele deur. De bank mag niet klein zijn en de tv-standaard mag niet hoger zijn dan de achterkant van de bank. Alles moet proportioneel zijn;
  • als de schaal van het model in de scène verandert, gebruik dan het schalingscommando (het uitrekken van het hele model is alleen toegestaan ​​binnen 20%). Dit is belangrijk omdat door simpelweg het hele model te vergroten of te verkleinen met behulp van het schaalcommando (bijvoorbeeld door een deur uit te rekken van 2100 naar 2400 hoog), je de verhoudingen van het model kunt verstoren (in het geval van een deur met een paneel of een fotobaguette, de bovenste en onderste frames zijn breder dan de zijkanten). + samen met het schalen wordt de textuurgrootte geschaald. Die. de afmetingen die in de textuur en in het model zijn gespecificeerd, komen niet langer overeen met de echte wereld.

6) Cameraplaatsing en framecompositie

  • Het is belangrijk om de basisprincipes van compositie in het kader te volgen. Het is het beste om samen met de visualisator de camerapositie te kiezen;
  • de camera moet op een hoogte van 1600-1650 mm van de vloer worden geplaatst. Dit is de standaard. Je kunt de camera alleen hoger of lager plaatsen als de compositie van de opname dit vereist, zoals in het onderstaande voorbeeld (artistieke opname). In dit geval is het acceptabel om de camera te laten zakken. In de regel zijn dergelijke typen aanvullend - artistiek, maar niet primair informatief;

Ontwerpers maken vaak dezelfde fouten in lay-outs: klein, maar onvergeeflijk. Dit gebeurt meestal vanwege onoplettendheid of omdat ze niet genoeg aandacht besteden aan details. Hoewel het belangrijk is om in deze kwestie pedant te zijn.

We hebben een checklist samengesteld met basisregels waarmee u dergelijke fouten kunt voorkomen. U kunt dit controleren voordat u de lay-out voor werk indient.

We hebben niets nieuws bedacht: we hebben eenvoudigweg uit de algemeen aanvaarde standaarden de standaarden geselecteerd die specifiek nodig zijn voor e-mailnieuwsbrieven. Ze garanderen u niet de perfecte sjabloon, maar ze helpen de beoordelingstijd te verkorten en de uitvoering te verbeteren.

1. Meeteenheid is altijd pixels (px)

Pixel is de basismaateenheid in webdesign en wordt ook gebruikt door onze lay-outontwerpers. Als je gebruikt verschillende eenheden, dan worden onze 14 punten door de lay-outontwerpers weergegeven als 14,22 pixels. Mee eens, werken met veelvouden is veel handiger.

2. Volg het modulaire raster

De lay-out moet een modulair raster volgen. Het heeft een verticale en horizontale richting en het snijpunt van deze lijnen is de module.


Een voorbeeld van een modulair raster uit het boek van Yuri Gordon« Over de taal van compositie»

Het is nodig om het maken van een lay-out, of het nu een e-mailnieuwsbrief is, te versnellen en te vereenvoudigen landingspagina. Hiermee hoeft u niet na te denken over welke inkeping u moet maken of hoe u objecten harmonieus kunt rangschikken.

Het raster zal een uniforme standaard stellen voor de rangschikking van objecten en de mogelijkheid van vreemde inkepingen elimineren. Bovendien is het veel eenvoudiger om adaptief ontwerp te maken op basis van een grid.

Bekijk hoe letters zijn gemaakt met behulp van modulair raster en zonder haar. Het verschil is duidelijk:


Lay-out gemaakt zonder raster

Hier zijn de diensten die het werken met het elektriciteitsnet zullen vereenvoudigen:

14. Aanpassing van de Retina-indeling

IN definitieve bestand alles is nodig vectorillustratie, evenals het verdubbelen van de hoofdelementen om het mogelijk te maken de lay-out voor Retina-displays aan te passen. Dit is nodig om ervoor te zorgen dat gebruikers van smartphones met een hoge pixeldichtheid (bijvoorbeeld iPhone) geen wazige beelden krijgen.

15. Verwijder rommel in uw lay-out

Verwijder alle onnodige lagen uit de lay-out. Dit zal helpen de bestandsgrootte te optimaliseren. En hoe minder het weegt, hoe gemakkelijker het is om het over te dragen voor lay-out en in de toekomst op te slaan.

Het is ook noodzakelijk om alle lagen logisch in mappen te ordenen en ze met duidelijke namen te noemen. Dit maakt het werk van lay-outontwerpers eenvoudiger wanneer ze afbeeldingen uit Photoshop exporteren.

22.06.2018 Lees het in 3 minuten.

Moderne stijl in interieurdesign – reflectie modetrends en geavanceerde technische prestaties, die met elkaar zijn verbonden en belichaamd in het ontwerp van een appartement of huis met een unieke stijl, textuur, meubilair en andere elementen. Vooral loft-, industriële, scandi-, minimalisme- en hi-tech trends zijn in de huidige omgeving erg gewild. De decoratie in elk van de variaties vereist specifieke subtiliteiten en individuele accenten, maar als we het over moderne stijl in het algemeen hebben, kan deze worden gecreëerd met behulp van verschillende eenvoudige regels.

Organisatie van de ruimte

De woonruimte mag niet de indruk wekken van een opslagruimte of een rommelige ruimte. Minder dingen, meer bruikbare ruimte - dit is de wet van de moderne stijl, waar vrije ruimte in prioriteit. Idealiter blokkeert meubilair geen doorgangen, gangen, holtes en hoeken, tenzij het een aantal rationele functies vervult. Handige optie– groepsopstelling van meubilair. Leegstaande ruimtes in het huis blijven onaangeroerd, omdat hun aanwezigheid ook een moderne decoratie vormt.

Een andere nuance zijn de heldere stromen natuurlijk licht in de kamers. Dit betekent dat je zware gordijnen moet overslaan ten gunste van praktische, lichtgekleurde gordijnen. Het is raadzaam dat zonnestralen speelde overdag de rol van het belangrijkste "verlichtingsapparaat" en compenseerde het gebrek ervan niet. Als de woning zich bevindt op schaduw kant U kunt lampen gebruiken met een zachte en veilige gloed in de juiste hoeveelheid.

Kleurenpalet

Op de foto: Woonkamerinterieur in een appartement in moderne stijl

Geometrische vormen en lijnen

Het is onmogelijk om hier ingewikkelde en sierlijke patronen te zien. De voorkeur gaat uit naar correcte en proportionele cijfers. Symmetrie domineert de voortreffelijke parafernalia, alle details zijn laconiek en logisch verantwoord.

Ondanks het bescheiden aanbod aan ornamenten kan het ontwerp van appartementen gemakkelijk worden verlevendigd met behulp van goedgekozen motieven. Voor deze doeleinden is een tapijt met een origineel patroon, verstandig op de vloer gegooid in de woonkamer, of een kroonluchter opgehangen aan een klassiek plafond geschikt. grote maat.

De lijnen van meubels, decoratieve elementen en afbeeldingen op de muren moeten recht en duidelijk zijn, zonder gladheid of afgeronde uiteinden, evenals verhoogde contouren.

Op de foto: Slaapkamerinterieur in een appartement in moderne stijl

Soorten materialen

Alle oppervlakken zijn glad, glanzend en gelijkmatig. Relevant is de chroomtextuur, die afzonderlijk of in combinatie met andere materialen kan worden gebruikt. Het gelakte oppervlak heeft een verbazingwekkende eigenschap: het reflecteert licht, waardoor het een glanzende afwerking krijgt. omgeving en benadrukt op positieve wijze de verdiensten van het hoofdidee.

Kortom, voor een moderne stijl worden producten gekozen uit: metaal, kunststof, hout, glas, natuursteen.

Vergeet bovendien de behoefte aan matte oppervlakken niet. De contrastregel elimineert overkill en evenwicht verschijning appartementen.

Op de foto: Woonkamerinterieur in een appartement in moderne stijl

Meubilair

De opkomst van de moderne stijl wordt grotendeels bepaald door trends in hightechoplossingen. Deze modetrend wordt ook geassocieerd met het inrichten van de kamers met het nodige meubilair. Luxe sets en dure gebruiksvoorwerpen zijn hier simpelweg niet op hun plaats. Bij het kiezen van decoratie ligt de nadruk op maximaal voordeel elk item dat nuttig is in het dagelijks leven.

Geleid door opportunisme, moet u het huis inrichten. Waar je kunt rondkomen met hangende planken, heb je geen kast nodig. Als het attribuut bijvoorbeeld van een stoel in een bed wordt getransformeerd, is het overbodig om een ​​analoog van een slaapbed te kopen.

Meubelfabrikanten komen met geavanceerde opties die meerdere functies tegelijk kunnen uitvoeren voor gemak en gemak. En dit is precies wat de moderne stijl nodig heeft voor zelfexpressie.

Op de foto: Woonkamerinterieur in een appartement in moderne stijl

Decorelement

Over het algemeen is de overvloed aan souvenirs, snuisterijen en accessoires die gewoonlijk worden gebruikt om een ​​huis te versieren, onaanvaardbaar in een modern interieur.

De artistieke stijl wordt ingebracht door: sneeuwwitte sculpturen, porseleinen vazen, strenge lampen en staande lampen, grafische afbeeldingen, boomtakken in een groot vat, Wandklok.

Decoratieve elementen ontworpen om een ​​saaie sfeer te verdunnen, elegant te maken en ook de aandacht van de gasten te vestigen. Het accessoire moet betekenis hebben en de aanwezigheid ervan in het huis verklaren, misschien wel het beroep of de hobby van de eigenaar.

Op de foto: interieur van een kinderkamer in een appartement in moderne stijl

Moderne kroonluchters

Verlichting zoals belangrijk criterium moderne richting zou natuurlijker moeten zijn. Echter zonder kunstmatig verlichtingsarmaturen ook hier is geen oplossing voor. Je kunt kiezen voor een miniatuurkroonluchter met hangers die het gebrek aan formaat verhullen, of kiezen voor een groot product met een heldere vorm.

Het object hoeft niet boven een meubelstuk te hangen, waar de leden van het huishouden het vaakst samenkomen. In de woonkamer kun je hem boven de eettafel hangen, maar in de studeerkamer is hij uiterst onhandig en verstoken van enige esthetiek. Hetzelfde kan gezegd worden over de slaapkamer: de uitstraling ervan zal een irritante factor zijn als deze rechtstreeks op het echtelijke bed of de wieg wordt gericht.

De traditionele optie is om gewoon glas te gebruiken. Een kroonluchter van gekleurd glas ziet er ongebruikelijk en helder uit in de woonkamer of keuken. Daarnaast kunnen extra lampen in het plafond worden geïnstalleerd. Inbouwverlichting lost juist de problemen op met schaduwrijke hoekjes in huis waar niet genoeg licht binnenkomt.

Op de foto: het interieur van de gang in een appartement in een moderne stijl

Thematisch ontwerp

“Gestreepte” bankbekleding, bloemendecor, een bakstenen muur met uitstekende bedrading – deze unieke details brengen het thema moderne stijl in het interieur terug. Dankzij originele accenten wordt de stijl herkenbaar. Niets karakteriseert een loft meer dan een gedeeltelijk gerenoveerde kamer met een cementvloer en een houten plafond. Je herkent hightech onmiddellijk aan de geavanceerde technische hulpmiddelen en scandi aan de etnische patronen die op kussens, dekens en accessoires zijn gedrukt.

Op de foto: Woonkamerinterieur in een appartement in moderne stijl

Muren, vloer, plafond

De wanddecoratie is eenvoudig. Ze zijn in één kleur geverfd of bedekt met behang met een onopvallend patroon. De textuur is glad en kalm. Laminaatvloeren zijn ook een teken van moderne stijl. De vloer kan van parket zijn, maar mag geen patronen hebben. Passend bij de ingetogen trend zijn plafonds met één en meerdere niveaus met gecombineerde materialen.

Op de foto: Woonkamerinterieur in een appartement in moderne stijl

Spiegels

Ontwerpers worden nooit moe om hulp te zoeken bij spiegels. Ze zijn een win-winsituatie in elke kamer, omdat ze de neiging hebben om licht effectief te reflecteren. De moderne uitstraling van het interieur is a priori ondenkbaar zonder deze symbolische elementen. Spiegels bij juiste locatie zijn in staat om de ruimte te vergroten, een gezichtsloze kamer te vullen met "konijntjes" en natuurlijke helderheid.

Ze geven een donkere kamer een bijzonder drama en pikantheid. Het gebruik van originele en niet minder strenge vormen geeft de sfeer een zekere charme.

Als u rekening houdt met alle hoofdstappen, concentreer u dan op een specifieke richting en hanteer een verantwoorde benadering van de planning modern interieur in huis kun je het idee zelfstandig op de best mogelijke manier implementeren.

Het is geen geheim dat elke website op de eerste plaats staat tekst informatie. Hij komt voor deze informatie de doelgroep bron. Om de teksten prettig leesbaar te maken, en de informatie de beste manier waargenomen door bezoekers van de site, is het noodzakelijk om zorgvuldig met typografie te werken.

Typografie- ontwerpvaardigheden gedrukte teksten, voor hun beste perceptie. Het typografische proces bestaat uit het selecteren van lettertypen, het kiezen van een lettergrootte, het bepalen van de lijnlengte, de regel- en letterafstand, evenals de relatieve positie van teksten, foto's en illustraties op een webpagina. Dat wil zeggen, het selecteren van alle parameters die de leesbaarheid van de tekst verbeteren.

Hoe kun je begrijpen of het werk aan de teksten op de site goed is gedaan? In feite is het eenvoudig: u moet comfortabel zijn met het lezen en waarnemen van informatie, uw ogen mogen niet belasten, de structuur van de tekst op de pagina moet duidelijk zijn. In de meeste gevallen, als er problemen zijn met de teksten, gaan we onvrijwillig naar een andere bron, zelfs als de informatie op de site relevant is en nuttig en interessant voor ons zou zijn. Het draait allemaal om ongemak.

Laten we eens kijken naar een aantal principes en kenmerken van typografie in webdesign die de perceptie van informatie beïnvloeden.

Lettertypen

In het verleden werden vooral de zogenaamde fonts gebruikt, maar met de ontwikkeling van CSS is het mogelijk geworden om elk lettertype aan de site te koppelen met behulp van de @font-face regel.

Lettertype en lettertype

Het is allereerst de moeite waard om te definiëren wat een lettertype is en wat een lettertype is.

Lettertype– grafisch ontwerp van letters en tekens die één stilistisch en compositorisch systeem vormen, een reeks symbolen van een bepaalde grootte en ontwerp.

Bijv.:

  • Open Sans Light – lettertype
  • Open Sans Regular – lettertype
  • Open Sans Bold – lettertype

Koptelefoon is een groep lettertypen verschillende soorten, spelden met dezelfde stijl, uniforme stijl en ontwerp.

Bijv.:

  • Open Sans Licht
  • Open zonder licht cursief
  • Open Sans Regulier
  • Open zonder regulier cursief
  • Open zonder halfvet
  • Open zonder halfvet en cursief
  • Open Sans Bold
  • Open zonder vet en cursief
  • Open Sans Extra Bold
  • Open zonder extra vet en cursief

Al deze individuele lettertypen vormen het lettertype.

Kies goede matches

Neem lettertypen serieus (kies 2 lettertypen die harmonieus met elkaar samenwerken). Eén voor de titel en één voor de hoofdtekst. De titel moet contrasteren met de achtergrond van de hoofdtekst, maar mag niet groot of te klein zijn. Om een ​​harmonieus lettertypepaar te creëren, gebruikt u lettertypen (Antiqua in combinatie met Grotesque), selecteert u de lettergrootte, gebruikt u een stijl (cursief, vet, normaal) en gebruikt u ook kleur.

Beperk het aantal lettertypen

Gebruik niet meer dan 3 lettertypen op uw site (1 voor kopteksten, 2 voor citaten en 3 voor hoofdtekst).

Gebruik geen decoratieve lettertypen

Heeft u decoratieve lettertypen in uw arsenaal en staat u te popelen om ze in uw lay-out te gebruiken? Vergeet het, tenzij het absoluut noodzakelijk is. Ze kunnen als laatste redmiddel worden gebruikt voor een thematische site en vervolgens voor rubrieken. Gebruik geen handgeschreven of decoratieve lettertypen voor de inhoud; deze zijn zeer slecht leesbaar.

Versier lettertypen niet

Laat u niet meeslepen door het versieren van teksten in Photoshop. Wat ik bedoel is dat het niet nodig is om overal in de teksten verlopen, schaduwen of verschillende laagstijleffecten in Photoshop te gebruiken. Ze interfereren alleen met het lezen en verminderen het uiterlijk van de site.

Gebruik niet te veel hoofdletters

Schrijf teksten niet in hoofdletters. Tekst getypt in hoofdletters is ten eerste moeilijk te lezen en ten tweede wekt het de indruk dat je tegen de gebruiker schreeuwt. U kunt de titel in hoofdletters schrijven, zelfs als deze niet meer dan één regel beslaat.

Lettergroottes

  1. Gebruik bij het ontwerpen van uw lay-out alleen lettertypen met gehele puntgroottes (16pt, 18pt, 22pt, enzovoort). Gebruik geen lettergrootte (15,5pt, 16,8pt, enz.).
  2. Je moet de kopjes niet gigantisch maken en de inhoud klein (het is beter om minimaal 12px te gebruiken).
  3. Gebruik voor gewone tekst een lettergrootte van 14–18px.
  4. Vergeet bij het kiezen van een lettergrootte het aanpassingsvermogen niet.
  5. Maak krantenkoppen verschillende maten zodat de hiërarchie zichtbaar is.

Warp-lettertypen

Vervorm teksten in Photoshop niet met Free Transform. Ik heb hierover al geschreven in een van de artikelen, maar zoals ze zeggen: herhaling is de moeder van lesgeven. Over het algemeen mag u letters niet platdrukken of uitrekken.

Accenten

U kunt nadruk leggen (de hoofdgedachten benadrukken) in de tekst verschillende manieren. Van basismethoden we hebben drie soorten vetgedrukt, cursief En onderstrepen. In de meeste gevallen worden alleen vet en cursief gebruikt, omdat het gebruikelijk is om links te onderstrepen. Gebruik de nadruk niet te veel; gebruik deze alleen om de hoofdgedachten te benadrukken.

Gebruik bij het ontwerpen van een lay-out geen technische stijlen om nadruk te leggen, maar gebruik lettertypen.

Koppelingen opmaken

Wees voorzichtig bij het ontwerpen van links. Alle links in de lay-out moeten onderstreept zijn, met uitzondering van links in het navigatiemenu. Naast het feit dat de linktekst onderstreept wordt, moet er nog een ander accent worden toegevoegd om meer aandacht te trekken: kleur. In dit geval zal het voor de bezoeker van de site duidelijk zijn dat dit een link is en niet alleen maar onderstreepte tekst.

Tracking en tekenspatiëring

Volgen– het wijzigen van letterruimten in woorden, regels en alinea’s.

Het volgen wordt ook wel ontlading genoemd. Door de afstanden tussen de letters te vergroten, wordt de tekst luchtiger en lichter, en door deze te verkleinen wordt hij juist donkerder en nauwer. Tracking wordt voornamelijk gebruikt voor ontlading hoofdletters. Overmatige afscheiding kleine letters wordt als onwenselijk beschouwd.

Kerning– het selectief wijzigen van de afstand tussen elk specifiek letterpaar om de leesbaarheid en het uiterlijk te verbeteren.

Kerning wordt gebruikt voor koppen, logo's en andere korte tekst om een ​​betere dichtheid tussen letters te bereiken.

Uitlijnen van teksten

Bij webdesign is het gebruikelijk om tekst links uit te lijnen. Omdat links uitgelijnde tekst beter wordt gelezen en waargenomen. Het bijzondere is dat we van links naar rechts lezen en door deze uitlijning zien onze ogen duidelijk het einde van elke regel tekst.

Uitlijning vanuit het midden wordt ook vrij vaak gebruikt, vooral voor koppen, en er zijn vaak teksten te zien die de kop uitleggen. Bovendien wordt de tekst op deze manier in maximaal drie tot vijf regels uitgelijnd.

Rechtse uitlijning wordt uiterst zelden gebruikt, en indien gebruikt, is dit voor kleine teksten van meerdere regels.

En qua breedte is dat bijna nooit het geval, want na opmaak ontstaan ​​er grote gaten in de teksten, die er verschrikkelijk uitzien en de leesbaarheid verminderen.

Contrast en leesbaarheid

Let op het contrast tussen tekst en achtergrond. Schrijf niet in lichtgrijs witte achtergrond en op een donkere achtergrond met te donkere tinten. Vergeet niet dat wij een website aan het ontwikkelen zijn, en een website bestaat vooral uit teksten die gelezen moeten worden.

Inkepingen

Zou niet moeten doen grote streepjes tussen kopjes en de bijbehorende paragraaf.

Gebruik regelafstand Voor beter lezen teksten (gebruik optimale regelafstand, maak het niet klein en zeker niet groot). Gebruik waarden in het bereik van 1,4 - 1,6 keer grotere maat lettertype.

Het is ook de moeite waard om aandacht te besteden aan de paragrafen van de tekst; je moet er ook lucht tussen toevoegen voor een betere leesbaarheid. Vaak is deze gelijk aan de lettergrootte.

Draadlengte

Let bij het ontwikkelen van een ontwerp op de lijnlengte. Probeer het niet te lang te maken, want een lange regel is veel moeilijker te lezen. Probeer het binnen 50-75 tekens te houden; dit is de optimale regellengte waarbij een persoon comfortabel kan lezen, hij het begin en het einde van de regel ziet en gemakkelijk naar de volgende regel kan gaan. Dit is een ideale limiet van parameters, die niet altijd haalbaar is, je moet ernaar streven. Controleer visueel of de regel te lang is en varieer met het aantal tekens.

Hangende leestekens

Een professionele ontwikkelaar (typograaf) gebruikt bij het ontwerpen van teksten zogenaamde hangende interpunctie. Dit is wanneer aanhalingstekens, koppeltekens, haakjes, komma's en punten buiten de typregel worden geplaatst. Em streepje, dat de rol speelt van een leesteken voor directe spraak en niet verder gaat dan de typregel. Al deze manipulaties helpen bij het handhaven het benodigde formulier paragraaf.

Weduwen en wezen

Deze concepten verwijzen meestal naar woorden die op dezelfde regel in een tekstblok staan. Een woord dat alleen op een regel aan het begin van een blok staat, wordt een wees genoemd. Het woord dat op een eigen regel aan het einde van het blok staat, wordt weduwe genoemd.

Door dergelijke woorden scheuren de randen van teksten en wordt iemand erdoor afgeleid, wat de leesbaarheid weer schaadt. Om deze redenen worden weduwen en wezen in de typografie als slechte manieren beschouwd.

Helaas is het op internet niet altijd mogelijk om van dit soort bungelende woorden af ​​te komen. Maar er zijn verschillende methoden die u kunt proberen om dergelijke problemen op te lossen.

  • Probeer de breedte aan te passen van de container waarin de tekst zich bevindt;
  • Verander lettergrootte;
  • Verander de tekst zelf door een deel ervan te verwijderen of woorden toe te voegen;
  • Gebruik spatiëring of tracking voor tekst.

Over teksten om te vissen in design

Fish in design verwijst naar inhoud die niet direct verband houdt met het bedrijf en wordt gebruikt om de pagina-indeling in te vullen. Met de vistekst kan de klant zich voorstellen hoe de site eruit zal zien nadat deze is gevuld met informatie. Vaak gebruikt vanwege het ontbreken van voorbereide teksten en afbeeldingen.

De tekstvis kan zowel goede als slechte inhoud hebben. Goede vis komt zo dicht mogelijk bij plausibele teksten en afbeeldingen. Een slechte vis ziet er meestal uit als een schets, waarbij tekst wordt gebruikt die bestaat uit drie tot vijf herhalende woorden en spaties voor afbeeldingen.

Probeer geen visteksten in lay-outs te gebruiken, gebruik vooraf voorbereide teksten of maak vis zo dicht mogelijk bij de toekomstige inhoud. Vraag inhoud aan bij de klant. Als er geen inhoud is, waarschuw de klant dan dat u vis in de lay-out gaat gebruiken.

Waarom is het belangrijk? Laten we een paar redenen bekijken:
1. Tekstvissen geschreven met Lorem ipsum geven vaak geen goed beeld van de tekst en welke informatie deze bevat, als aanvulling op het pictogram of de afbeelding.


2. Het is een grote fout om Engelse lettertypen te gebruiken bij het ontwikkelen van een Russisch-talige lay-out. Omdat de letter (letter) van het Latijnse en Cyrillische alfabet in breedte verschilt.


3. Tekst geschreven met drie tot vijf herhaalde woorden en een spatie onder de foto is ook een slechte vis en mag niet worden gebruikt. Dit geldt ook voor teksten die niet gerelateerd zijn aan het project.


4. Mocht ineens blijken dat je het niet eens bent over het gebruik van visteksten in de opmaak, dan kan de klant dit als hoofdinhoud beschouwen en krijg je een spervuur ​​aan vragen over de teksten. En als de persoon die verantwoordelijk is voor het accepteren van de lay-out absoluut geen idee heeft wat een vis is, dan ben ik niet jaloers op je.