Ontwikkelingstrends voor websites. Vorm volgt functie

De CEO van het bureau Empirical Proof, Chris Lake, heeft trends in webdesign anno 2016 in één materiaal verzameld.

Homogenisatie

Volgens Chris Lake wordt de trend van ‘dribbelend’ ontwerp vervangen door standaardisatie. Alle sites zullen in 2016 steeds meer op elkaar gaan lijken.

Patronen in plaats van pagina's

Moderne ontwerpteams zijn al overgestapt op een nieuw werkprincipe: eerst ontwikkelen ze UI-componenten en vervolgens op basis daarvan website- of servicepagina's. In 2016 zullen de meeste teams over de hele wereld overstappen op dit werkingsprincipe.

Animatie

Volgens Lake kun je met CSS, HTML5 en jQuery al volwaardige animatie-effecten creëren - niet slechter dan in Flash. Nog niet alle ontwerpers hebben geleerd animatie in interfaces te gebruiken, zodat het de gebruikerservaring niet verstoort.
In 2016 zullen er echter meer succesvolle voorbeelden van het gebruik van animatie-effecten verschijnen.

Rijke kleuren en paletten

Rijke kleuren en neonpaletten zullen een trend zijn in 2016. Een voorbeeld is de Bloomberg-website.

Een ander voorbeeld is het herontwerp van het Medium-logo, gepresenteerd door het serviceteam in 2015. De ontwerpers gebruikten een felgroen palet.

Een ander voorbeeld is Spotify.

Vervaag het beeld

Facebook-technici gebruiken een vervagings- en zoomeffect bij het laden van paginaafbeeldingen. Zo kan de gebruiker de foto zien nog voordat deze volledig naar de computer is gedownload. Volgens Facebook-ontwikkelaars versnelt dit de laadtijd van de pagina met 30%.

De paginastructuur laden

Facebook gebruikt nog een andere truc bij het laden van een site: het weergeven van de paginastructuur voordat de inhoud verschijnt. Terwijl de pagina wordt geladen, maken bezoekers kennis met het ontwerp van de bron, in plaats van naar een wit scherm of een soort AJAX-indicator te kijken.

Deze techniek zal in 2016 op grotere schaal worden toegepast.

Scrolljacking

Scrolljacking is een techniek waarbij de inhoud verandert terwijl de muis scrollt. Dit mechanisme wordt bijvoorbeeld gebruikt op de Apple-website:

Volgens veel ontwerpers is deze techniek echter niet altijd handig voor gebruikers, omdat de inhoud niet synchroon verandert met de muisbeweging. Hierdoor kan het gebruik van de interface ongemak veroorzaken.
Lake merkt ook op dat er in 2016 steeds meer pagina's zullen verschijnen met een overvloed aan effecten en animaties - op dergelijke sites zal het voor gebruikers steeds moeilijker worden om met de interface te communiceren.

Passief-agressieve pop-ups

Ondanks de ontevredenheid van ontwerpers en UX-specialisten vullen pop-upvensters opnieuw het internet - abonnementsformulieren voor e-mailnieuwsbrieven, aanbiedingen om zich te abonneren op sociale netwerken van bedrijven, kortingen, enz.
Volgens Lake zal de situatie in 2016 niet verbeteren: marketeers zullen deze techniek nog vaak voor hun eigen doeleinden gebruiken.

De hamburger opgeven

In 2016 zullen ontwerpers het gebruik van het ‘hamburger’-pictogram, waarachter menu-items verborgen zijn, beginnen af ​​te schaffen ten gunste van ‘zichtbare’ elementen.
Zo is Youtube al overgestapt van een ‘hamburger’ naar een horizontaal menu met ‘tabs’.

Zware pagina's worden zwaarder

In 2010 was de gemiddelde grootte van één pagina 702 KB, in 2015 - 2219 KB. Groei meer dan drie keer. En niemand lijkt erover na te denken deze groei te beperken. De startpagina van The Daily Mail weegt bijvoorbeeld 8,8 MB.
Dit heeft, zoals Lake schrijft, een slecht effect op mobiele gebruikers: de snelheid van het mobiele internet maakt het niet altijd mogelijk om zulke “zware” sites te bekijken.

Wie kan GIF's uit de jaren 90 vergeten, of een modernere vondst zoals Flat Design?

We hebben de laatste tijd een enorme stijging gezien in de populariteit van responsive webdesign, terwijl steeds meer sites zich aansluiten bij de algemene trend om ‘mobielvriendelijk’ te worden, iets dat nog belangrijker is geworden als gevolg van de update van Google aan zijn mobiele omgeving. . Laten we eens kijken naar enkele van de populairste trends van dit jaar en de komende jaren.

1. UI-patronen distribueren

Een van de bijwerkingen van responsief ontwerp heeft ertoe geleid dat veel sites op elkaar gaan lijken. Het is echter niet alleen het responsieve ontwerp dat de schuld krijgt. De stijgende populariteit van WordPress-sites en de zich snel ontwikkelende themamarkt heeft hier ook iets mee te maken.

En sommige mensen, zoals Matthew Monbre, zijn al opgepakt en schuldig bevonden aan het imiteren van andere sites.

Maar een soortgelijk uiterlijk hebben is niet noodzakelijk een slechte zaak. Dit komt omdat ons gedrag ten opzichte van internet is veranderd, wat heeft geresulteerd in gemeenschappelijke ontwerppatronen voor gebruikersinterfaces. Ontwerppatronen zijn verbeterd en dus is er, als het gaat om gebruikersinterfacepatronen, niet veel innovatie te vinden. Met andere woorden: orders blijven orders en moeten ook als zodanig functioneren. Hetzelfde geldt voor modellen voor het aanmaken van een login. Er is geen echte reden om hier het wiel opnieuw uit te vinden. Interfacesjablonen moeten het leven van gebruikers gemakkelijker maken.

Hier zijn een paar modellen die u moet bekijken:

1. Hamburgermenu: Hoewel sommigen kritiek hebben op het gebruik van dit sjabloon, lijdt het geen twijfel dat het wijdverbreide gebruik ervan de functie gemakkelijk herkenbaar maakt onder gebruikers.
2. Accountregistratie: u vindt dit sjabloon wanneer u zich op een website probeert te registreren. Het kan de vorm hebben van een formulier dat u moet invullen of van een knop waarmee u uw sociale account kunt gebruiken om u te registreren. Formulierwizards met meerdere stappen zijn ook effectief omdat ze een specifiek deel van de vereiste velden weglaten, waardoor onduidelijkheid wordt verminderd en gebruikers door het proces worden geleid.
3. Lang scrollen: Alle belangrijke elementen bovenaan plaatsen is momenteel een bekende mythe. Bovendien is bijna iedereen dankzij mobiele apparaten gewend aan lang scrollen. Deze tool werkt vooral goed op sites die gebruikers met verschillende verhalen willen verleiden, en je kunt nog steeds een site met meerdere pagina's simuleren door het scrollen in secties op te delen.
4. Kaartlay-outs: deze werden voor het eerst geïntroduceerd door Pinterest. Deze kaarten zijn nu overal op internet te vinden, omdat ze informatie in stukjes posten die perfect zijn om te scannen. Elke kaart vertegenwoordigt één enkel concept. Omdat ze fungeren als ‘inhoudscontainers’, zorgt hun rechthoekige vorm ervoor dat ze zichzelf gemakkelijker kunnen verplaatsen bij het schakelen tussen apparaten.
5. Hero-afbeeldingen: Omdat de visuele ervaring zo'n krachtige impact op een persoon heeft, zijn HD-heldenafbeeldingen een van de snelste manieren om de aandacht van een gebruiker te trekken. Dankzij de vooruitgang op het gebied van bandbreedte en datacompressie hebben gebruikers ook geen last van trage laadtijden. Een veel voorkomende lay-out die je tegenkomt is een heldenafbeelding boven de scroll, gevolgd door een zigzag- of kaartachtig gedeelte.

Meer interfacepatronen en technieken vindt u in het gratis e-book “Web Design Trends 2015 en 2016”.

2. Levendige animaties

Animaties worden steeds vaker gebruikt om dichtheid aan een site toe te voegen, waardoor de ervaring interactiever en interessanter wordt.

Je kunt de animatie echter niet zomaar ergens plaatsen. Denk goed na en overweeg zorgvuldig of ze waarde toevoegen aan uw site en de indeling ervan. Animaties kunnen worden beschouwd vanuit het oogpunt van twee groepen:

1. Grootschalige animaties: ze worden gebruikt als primair interactiehulpmiddel, hebben een grote impact op gebruikers en omvatten effecten zoals parallax-scrollen en toastmeldingen.
2. Kleinschalige animaties Deze omvatten tellers, aanwijshulpmiddelen en laadhulpmiddelen, en vereisen geen gebruikersinvoer.

We beschrijven de 7 meest populaire soorten animatie:

• Animaties laden

Ze worden gebruikt om gebruikers te vermaken en te verrassen tijdens saai werk. Het laden van animaties is vaak populair in plat ontwerp, minimalisme, portfolio en websites van één pagina.

Houd de animatie eenvoudig en voeg geen geluid toe. Ze moeten overeenkomen met het thema en het kleurenpalet van uw site.

• Navigatie en menu's (niet scrollen)

Verborgen navigatiemenu's worden steeds populairder, vooral als ze kunnen worden gebruikt om schermruimte te besparen. Zoals je kunt zien in het onderstaande voorbeeld van de UXPin-samenwerkingsprototypetool, gebruikt deze animatie om het menu weer te geven wanneer op een specifieke knop wordt geklikt en om abrupte overgangen te voorkomen (wat doet denken aan een navigatiehulpmiddel verborgen achter een hamburgerpictogram).

• Suggestieve animatie

Aanwijseffecten definiëren de logica van een site terwijl gebruikers over de inhoud bewegen. Mensen zijn er niet zeker van dat de functionaliteit van de site voldoende is zonder het gebruik van verwijzingen.

• Galerijen en diavoorstellingen

Galerijen en diavoorstellingen zijn een effectieve manier om meerdere afbeeldingen te presenteren zonder gebruikers te overweldigen. Ze zijn geweldig voor fotografiewebsites, productdisplays en portfolio's.

• "Live" animaties

Onze ogen letten van nature op beweging, waardoor het een ideaal hulpmiddel is om de aandacht van de gebruiker te trekken. Beweging kan ook helpen bij de visuele hiërarchie. Het kan helpen de interesse en intriges in formulieren, CTA’s en menu-items te vergroten.

• Rol

Vloeiend scrollen is afhankelijk van de animatie en geeft extra controle aan de gebruiker die het tempo kan bepalen waarin de animatie zich ontvouwt.

• Achtergrondanimatie/video

Een eenvoudige geanimeerde achtergrond kan de zichtbaarheid van een site vergroten, maar moet met mate worden gebruikt, anders kan het erg afleidend zijn voor de gebruiker. De sleutel ligt in het werken aan individuele secties of het creëren van vloeiende bewegingen door het hele beeld.

3. Micro-interacties

Micro-interacties vinden overal plaats, van het uitschakelen van het alarm van uw mobiele telefoon tot het klikken op een kattenfoto op Facebook.

Ze zijn allemaal binnen enkele seconden klaar. Waarschijnlijk ben je je dag begonnen met een micro-interactie. Door het alarm op uw mobiele telefoon uit te zetten, heeft u op dat moment te maken met de gebruikersinterface. En steeds meer daarvan zijn ingebakken in de programma's en apparaten die we gebruiken.

Micro-interacties doen doorgaans verschillende dingen, of helpen u daarbij:

1. Bepaal de status of krijg feedback
2. Bekijk het resultaat van de actie
3. Help de gebruiker iets te manipuleren

Micro-interacties zijn een essentieel onderdeel van elke toepassing.

Zoals aanbevolen in het boek Web Design Trends voor 2015 en 2016, wil je er zeker van zijn dat deze interacties vrijwel naadloos verlopen. Maak de zaken niet ingewikkeld – houd het simpel. Houd rekening met elk detail en zorg ervoor dat elke interactie menselijk aanvoelt. Hierdoor is de tekst voor iedereen herkenbaar en niet als een robot.

Micro-interacties vormen een belangrijk onderdeel van vrijwel elk digitaal ontwerpproject. Het zou moeilijk zijn om een ​​website of mobiele app te maken die geen enkel element of moment bevat waarmee de gebruiker moet communiceren.

Elk van deze soorten interacties leidt gebruikers naar een meer mensgericht ontwerp. Het concept om apparaten meer mensgericht te maken, is de sleutel tot de adoptie en het gebruik van apparaten.

4. Material Design: een “rijk” alternatief voor Flat Design

Vorig jaar lanceerde Google een nieuwe stijlrichting: Material Design. Hij gebruikt schaduweffecten en het concept van beweging en diepte om ontwerpen te creëren die realistischer zijn voor de gebruiker.

Het doel van Material Design is het creëren van strak, modernistisch ontwerp dat zich richt op UX. Hoewel het esthetische ontwerp van Google zijn tegenstanders heeft, wordt het grotendeels geprezen omdat het een 'game changer' is.

Met zijn minimalistische uitstraling heeft Material Design veel gemeen met een andere groeiende trend: plat design. Material Design gebruikt echter diepte en schaduwen om er realistischer uit te zien dan een strak, plat ontwerp.

Tot nu toe hebben we de meeste Material Design-projecten gezien die zich beperken tot applicatieontwerp. Google kondigde echter in juli de release aan van Material Design Lite, dat meer geschikt is voor websites. Material Design was echter bedoeld om een ​​goede gebruikerservaring en UX op verschillende apparaten te bieden. Lite maakt gebruik van standaard CSS, HTML en JavaScript en is ontworpen om het gemakkelijker te maken Material Design toe te passen op het uiterlijk van websites.

Material Design Lite is niet afhankelijk van een specifieke structuur en daarom kunnen ontwerpers een breed scala aan front-end tools gebruiken om hun sites te maken. Dit type ontwerp is ook gemakkelijk te hanteren als het om code gaat.

5. Responsief ontwerp

Responsive webdesign is de afgelopen jaren enorm populair geworden, dankzij het toenemende gebruik van mobiel internet.

Het is veilig om te zeggen dat responsief ontwerp voorlopig nog niet van de grond komt, omdat het site-eigenaren een relatief eenvoudige en goedkope manier biedt om een ​​volledig functionele, mobielvriendelijke website te bouwen. Maar responsief webontwerp kan tot problemen leiden als het niet goed wordt uitgevoerd - het belangrijkste kenmerk van het zijn.

Om te begrijpen dat responsief ontwerp optimaal werkt, moeten ontwerpers volgens Guy's Pod:

1. Laad geen afbeeldingen met JavaScript en CSS met behulp van de display:none-tag. Het laadt afbeeldingen op apparaten en voegt onnodig gewicht toe aan de pagina.
2. Gebruik responsieve afbeeldingen die zijn gedefinieerd met behulp van percentages.
3. Gebruik voorwaardelijk laden voor JavaScript omdat veel van de componenten die door JavaScript op de desktop worden gebruikt, niet op kleinere apparaten zullen worden gebruikt. Besteed speciale aandacht aan scripts van derden, zoals die worden gebruikt voor sociaal delen, omdat dit vaak een negatieve impact heeft en de prestaties vermindert.
4. Gebruik RESS - Responsive en Server Side
5. Gebruik prestatietests om elke site effectief te meten en te optimaliseren.

Prestaties zijn niet alleen voor UX erg belangrijk, maar ook voor Google vanwege de update voor de mobiele omgeving die in april 2015 is uitgebracht. Responsief webdesign is ook volledig compatibel met minimalisme, dankzij de noodzaak om het gewicht van de pagina’s onderaan te houden. Het zou ook geweldig zijn om met kaarten en responsief ontwerp te werken, omdat ze zichzelf gemakkelijk kunnen herschikken zodat ze op elk apparaat of schermformaat passen (zoals het herschikken van rechthoekige inhoudscontainers).

Responsive webdesign wordt minder een trend en meer een noodzaak. En ontwerpers hebben slimme manieren bedacht om eventuele problemen zo snel mogelijk te omzeilen.

Het lijdt geen twijfel dat responsief ontwerp zeer nuttig en veelzijdig is, maar het moet ook razendsnel zijn om een ​​hoogwaardige UX te leveren.

6. Plat ontwerp is een blijvertje

Plat ontwerp is al een tijdje populair en concurreert nog steeds met andere trends zoals minimalisme, responsief webontwerp en materiaalontwerp.

Als we vooruitkijken, is het waarschijnlijk dat we meer Flat Design-trends zullen zien die naar voren zullen komen.

• Lange schaduwen: ze geven meer diepte aan Flat Design.
• Levendige kleurenschema's: Populaire UI-frameworks en -patronen hebben velen ertoe aangezet om helderdere kleuren in hun ontwerpen te gaan gebruiken.
• Eenvoudig lettertype: Eenvoudige lettertypen zorgen ervoor dat tekst leesbaar en leesbaar blijft in een plat ontwerp.
• Ghost-knoppen: hiermee kunt u functioneren zonder af te leiden van de UX en zijn het vaak klikbare links die veranderen als u erover beweegt.
• Minimalisme: Probeert het aantal elementen te verminderen om een ​​nieuwe, overzichtelijke gebruikersinterface te creëren.

Volg geen trend alleen maar omdat deze 'in' is en omdat iedereen het doet. Trends zijn niet voor niets populaire tools, maar zorg ervoor dat ze het beste zijn voor uw gebruikers. Een commerciële site zal bijvoorbeeld zeker niet profiteren van het maken van een site van één pagina met oneindig scrollen.

Trends zijn niets meer dan extra hulpmiddelen in de gereedschapskist van uw ontwerper. Kies altijd het juiste gereedschap voor de klus.

Voor uitgebreider advies over de 10 belangrijkste webdesigntrends leest u het gratis eBook Webdesigntrends 2015 en 2016. Je leert het beste van 166 case studies van bedrijven als Google, Apple, Reebok, BMW, Intercom, Adidas, Dropbox en nog veel meer.

Hoge conversies!

Zakelijk succes op internet - een functionele website en promotie. Tegenwoordig is het voor iedereen duidelijk dat websites de meest effectieve methode zijn om een ​​bedrijf op internet te promoten. De uitbreiding van sociale netwerken en SMM heeft de mogelijkheden voor kleine bedrijven alleen maar vergroot, maar de belangstelling voor sites verminderd. Handelaren die niet over hun eigen netwerkbron beschikken, hebben in de regel veel vragen met betrekking tot betrouwbaarheid en reputatie. Het verwijderen van een groep op sociale netwerken is net zo eenvoudig als het maken van een groep. Bovendien hebben grote projecten vaak meerdere gekloonde groepen, dus het hebben van een eigen website is een soort teken van vertrouwen. Bovendien hangt veel rechtstreeks af van het niveau van de site zelf.

Het niveau van de ontwikkeling van hulpbronnen speelt een belangrijke rol. We kunnen zeggen dat het kan worden gebruikt om de mate van succes van een bedrijf te beoordelen. Veel internetgebruikers zijn al goed thuis in de technische kant en kunnen daarom beoordelen hoeveel aandacht er aan een bepaalde bron wordt besteed. Sites die met eenvoudige HTML zijn gemaakt, behoren bijvoorbeeld al lang tot het verleden. Natuurlijk kun je nog steeds veel van dergelijke bronnen op internet vinden, maar ze doen denken aan mammoeten uit het verleden. Tegenwoordig gaan websites met de tijd mee en moeten ze tijdig worden bijgewerkt. Tegelijkertijd worden websites gemaakt in overeenstemming met de belangrijkste trends.

Ieder jaar brengt zijn eigen trends met zich mee. Artyom Ponomarev, hoofdontwikkelaar van het Marketing Guru-bureau, deelde de belangrijkste trends op het gebied van webdesign.

Adaptieve lay-out en UI-sjablonen

Er wordt verwacht dat de belangrijkste trends in 2016 soepel voortvloeiden uit vorig seizoen. En ze zullen blijven bestaan ​​totdat het volgende keerpunt zich voordoet. Tegenwoordig worden de belangrijkste trends op internet bepaald door mobiele apparaten, dus de belangrijkste trend kan adaptieve sjablonen worden genoemd. Dit is zowel goed als slecht. Responsive design is qua technische implementatie een prima optie, maar heeft ook een flinke bijwerking. Websites die op UI-sjablonen zijn gebaseerd, lijken in veel opzichten op elkaar, wat de taak van ontwerpers erg moeilijk maakt.

Mozaïek ontwerp

Het ontwerp van de website is aanzienlijk vereenvoudigd. De belangrijkste trends worden bepaald door mobiele platforms en het is moeilijk om de bijdrage van Microsoft aan de ontwikkeling van de Windows 8-interface, van waaruit de verspreiding van plat ontwerp begon, te overschatten. Eenvoudige grafische oplossingen zijn populair, zonder onnodige decoratieve elementen, omdat dit het verkeer vergroot. In plaats van de kwantiteit neemt de kwaliteit toe. Daarom moeten de afbeeldingen die in websitesjablonen worden gebruikt van goede kwaliteit zijn. In de regel wordt voor dit doel één afbeelding van hoge kwaliteit geselecteerd, die als hoofdachtergrond wordt gebruikt.

Afbeeldingen in plaats van tekst

Tegelijkertijd is de rol van infographics toegenomen. Grafische pictogrammen maken het gemakkelijker om informatie waar te nemen, dus bij het presenteren van informatie vertrouwen ze op afbeeldingen. Dit komt deels doordat het lezen van tekst op een smartphonescherm veel lastiger is dan het kijken naar iconen. Dunne schreefloze lettertypen met royale interlinie zijn in populariteit toegenomen. Dergelijke lettertypen zijn gemakkelijk te lezen op zowel grote als kleine schermen. Pictogrammen zijn voornamelijk ontworpen met een omtrek.

Eindeloos scrollen

De opkomst van websites van één pagina leidde tot de ontwikkeling van kijkhulpmiddelen. Oneindig scrollen is populair geworden. Alle informatie wordt verzameld op het eerste scherm en aanvullende inhoud wordt geleidelijk geladen terwijl u scrollt. Menu-items zijn verborgen achter een apart pictogram.

Interactieve interactie

Multimedia-inhoud

Met de verandering in zoekalgoritmen vond er een volledige herziening van de inhoud van de site plaats. In de huidige fase bevatten websites voornamelijk multimedia-inhoud, waarbij gebruik wordt gemaakt van grafische afbeeldingen, audio- en zelfs videobestanden van hoge kwaliteit. Vaak zijn videobestanden als achtergrond op websites te vinden.

Marketing Guru Company is een fullservicebureau dat gespecialiseerd is in de ontwikkeling en uitvoering van internetprojecten. Het team van het bedrijf bestaat uit gespecialiseerde specialisten. Het bedrijf heeft meer dan 530 succesvol geïmplementeerde projecten.

Van de auteur: Dag Allemaal! Vandaag nemen we een pauze van complexe technische onderwerpen en maken we een kort overzicht van de trends van het lopende jaar. In dit artikel heb ik de TOP webdesign trends van 2016 verzameld. Of ze eind dit jaar ‘bestsellers’ zullen worden, zullen we evalueren, maar voor nu zullen we bespreken wat echt onze aandacht verdient en wat zonder problemen naar de oven kan.

Wat beïnvloedt webdesigntrends?

Het moderne websiteontwerp is een absoluut niet-statische industrie; de ​​ontwikkeling ervan gaat zo snel dat het niet altijd mogelijk is om alles bij te houden wat er gebeurt. Ervaren ontwerpers proberen altijd de belangrijkste richtingen te voorspellen, omdat dit de enige manier is om voordeel te behalen ten opzichte van concurrenten en zich te onderscheiden van de massa.

De belangrijkste bron van ontwerpinspiratie blijft traditioneel de webruimte en alles eromheen. Gewoon een beetje moed, en jij, als meester van je eigen projecten, zult heel snel in staat zijn om de reikwijdte van de menselijke verbeelding gemakkelijk uit te breiden en op wereldschaal met de verbeelding te spelen. Overigens leren veel webdesigncursussen dit.

Laten we, voordat we verder gaan met de prognoses, nadenken over waarom trends veranderen en nieuwe trends in webdesign verschijnen.

1. Technologieën. Beschikbare werktools en technologische innovaties vereenvoudigen het proces van het maken van lay-outs aanzienlijk, wat betekent dat er meer tijd overblijft voor creativiteit en creativiteit.

2. Feedback van gebruikers. Websitebezoekers hebben een grote invloed op ontwerpers, waardoor ze gedwongen worden de branche aan te passen aan hun behoeften en wensen. Kortom, deze verbinding vindt intuïtief plaats; we denken zelden na over onze acties tijdens het surfen op internetbronnen. Maar de taak van een goede ontwerper is om deze signalen op te vangen. Het is niet gemakkelijk, maar over het algemeen mogelijk.

3. Mondiale creatieve sferen. Het lijkt erop dat hoe high fashion of grafisch ontwerp het internet kunnen beïnvloeden? Maar er is geen creativiteit zonder vergelijking of tegenstelling van ideeën; de meest interessante oplossingen worden geboren in emoties. Het maakt niet uit of je iets echt leuk vond, of juist een sterke negatieve reactie veroorzaakte... knal! En hier is een nieuwe ronde van innovaties.

4. Bioscoop en televisie. De moderne cinematografie is verre van romantische verhalen, memoires of heroïsche boekverhalen. Film is lange tijd gedegradeerd tot de categorie van competente commerciële projecten, waarvoor geld wordt toegewezen aan één specifiek doel: investeringen terugverdienen en winst maken. Elk verhaal op het scherm is een goed doordachte PR-campagne met herkenbare karakters, een merk, een trend en andere kenmerken die door de gemiddelde mens goed worden waargenomen.

Zoals u begrijpt, zijn trends in webdesign 2016 een afhankelijke hoeveelheid; ze bestaan ​​niet op zichzelf. En het is des te interessanter om dit onderwerp te bespreken. Laten we dus tot de kern van de zaak komen.

Trend nr. 1: Weg van het raamwerk

Moderne websiteontwerpers laten graag zien hoe ze voorbij de grenzen en algemeen aanvaarde normen kunnen gaan. In bepaalde kringen, en kunstenaars zullen mij begrijpen, wordt dit ‘teken een frame en bewijs dan dat je het kunt breken’ genoemd. De belangrijkste beperking, om zo te zeggen, het hoofdframe van de ontwerper, is de vorm van het scherm, een rechthoek. Ronde monitoren zijn nog niet uitgevonden, evenals driehoekige smartphones.

Vanwege deze beruchte rechthoek worden alle HTML-pagina-elementen gereduceerd tot hoekige vormen. Er zijn 3 strategieën om beperkingen visueel te overwinnen:

Stel een lay-out samen uit vormen met verschillende opties - cirkels, ruiten, zeshoeken, enz. is voldoende.

En misschien wel de meest modieuze webdesigntrend van 2015, die ongetwijfeld zal doorwerken in 2016, is de eindeloze ruimte, het effect van vliegen bij het scrollen door pagina's. Ontwerpers die een boeiend verhaal kunnen vertellen en gasten diep kunnen onderdompelen in de inhoud van de site, kunnen de pagina gemakkelijk helemaal naar de voettekst laten scrollen, hoe lang deze ook is.

Trend #2: De wedergeboorte van plat design

Plat ontwerp is weer op de rails. Veel gerenommeerde webontwerpers hebben platte afbeeldingen altijd als onmisbaar beschouwd voor kleine details - menu's, pictogrammen, illustraties. Naast het feit dat deze elementen er presentabel uitzien, zijn ze ook gemakkelijk te schalen en kunnen ze eenvoudig worden beheerd door de karakterlettertypetechnologie.

Plat ontwerp is relatief recentelijk weer wijdverbreid gebruikt. Eerlijk gezegd is het niet zo vlak. Alleen hebben ontwerpers geleerd om gradiënten, structuur en andere snufjes zo subtiel te gebruiken dat speciale effecten voor het onprofessionele oog helemaal niet zichtbaar zijn, maar ze zijn er wel.

In 2016 zal er zeker vraag zijn naar minimalisme; het zal je in staat stellen je op belangrijke elementen te concentreren. De herboren Flat 2.0-filosofie zal relevant worden en de materialiteit weerspiegelen in het spel van licht, schaduw en beweging. Flat 2.0 is zelfs niet bestand tegen ronde vormen, verlopen en texturen.

Trend nr. 3: Vintage uit de jaren 80

Het tijdperk van omvangrijke en hoekige ‘gadgets’ uit de jaren 80 en 90 van de vorige eeuw is een constante bron van inspiratie voor ontwerpers over de hele wereld. Webdesign 2016 zal geen uitzondering zijn. De evolutie van de vintage-stijl zal veranderen in gepixelde iconen, galactische achtergronden en interactieve objecten met een ruwe vorm. De trend zal zeker niet onopgemerkt blijven.

Trend #4: Unieke graphics

Moderne technische innovaties dwingen ontwerpers na te denken over het vinden van nieuwe formaten voor het weergeven van illustraties. Afbeeldingen in .jpg en .png op Retina-displays verpesten bijvoorbeeld visueel de esthetiek van de site. Het probleem werd opgelost met behulp van het SVG-formaat (Scalable Vector Graphics), en het leidde op zijn beurt tot een ontelbare hoeveelheid heldere, kleurrijke oplossingen, stijlvolle lettertypen en unieke illustraties. We wachten op nieuwe producten en gedurfde experimenten.

In plaats van een conclusie

Moderne trends en trends in webdesign 2016 kunnen fysiek niet zonder elkaar bestaan. De integratie van alle vormen van creativiteit en creativiteit in de internetruimte en, omgekeerd, de uitbreiding van ontwerplay-outs buiten het gevestigde kader leidt tot een nieuwe wereld van illusie en bruikbaarheid.

Haal overal inspiratie uit, geloof me, niets gebeurt toevallig - geen kleur, geen geluid, geen associaties... niets. De verschijnselen van sommige verschijnselen die we niet kunnen verklaren, zijn heel vatbaar voor eenvoudige analyse; leer er gebruik van te maken.
Ik hoop dat je het artikel leuk vond, ik hoor graag je mening. Welke webdesigntrends zullen volgens jou hot zijn in 2016? Welke nieuwe producten kunnen we in 2017 verwachten? Tot ziens, vrienden! Tot ziens!

Moderne trends en benaderingen in webontwikkeling

Leer het algoritme voor snelle groei vanaf het begin bij het bouwen van websites

Bij het openen van een website neemt een persoon deze eerst visueel waar en pas daarna begint hij de informatie-inhoud te bestuderen. Elke cursus webontwikkeling zal u ervan overtuigen dat wat een goede webontwikkelaar onderscheidt van een middelmatige webontwikkelaar, niet alleen het vermogen is om efficiënte en flexibele code te schrijven, maar ook de wens om ontwerptrends te volgen.

Je kunt evalueren hoe belangrijk mode is voor websiteontwerp: kijk eens naar de bronnen van twee of drie jaar geleden. Veel van wat goed leek, kan tegenwoordig een neerbuigende glimlach of verbijstering veroorzaken.

Trends

Laten we beginnen met het feit dat spookknoppen (ghostknoppen), "betegeld" ontwerp en achtergrondafbeeldingen en video's nog steeds relevant zullen zijn. Ook de interesse in originele typografie, indrukwekkende cinemagraphs en flat design zal nergens verdwijnen. Met andere woorden: een minimum aan visuele overbelasting en een maximum aan emotionele componenten en informatie-inhoud. Gebruikers willen nog steeds onder de indruk zijn, maar vinden het niet prettig dat ze tijd moeten besteden aan het begrijpen hoe ze met een site moeten omgaan.

Individualiteit

De must-have van elke zichzelf respecterende bron zijn unieke foto's, illustraties en iconen gemaakt door getalenteerde auteurs. Sjabloonelementen uit gratis of betaalde (het maakt niet uit) fotobanken zijn al behoorlijk saai voor zowel webontwerpers zelf als gebruikers. Individuele stijl is wat een goede site op korte termijn zal onderscheiden van een middelmatige site.

Sappige inhoud

Het lijkt erop dat 2016 het begin zal markeren van een nieuw tijdperk: het tijdperk van digitale verhalen. Nog meer betrokkenheid, nog meer emoties en interactie. Een interessant, diep, niet overbelast verhaal, vergezeld van een krachtig visueel gedeelte, helpt niet alleen om het onderwerp te onthullen, maar ook om de gebruiker letterlijk onder te dompelen in de context van de informatie.

Omgevingsvideo's, fotoshoots, infographics en illustraties zullen ervoor zorgen dat de inhoud niet alleen thematisch wordt, maar ook "sappig", "smakelijk", zodat je naar de site wilt terugkeren voor een deel van de volgende indrukken en kennis.

Vriendelijkheid

Dit wil niet zeggen dat adaptief of responsief websiteontwerp iets nieuws is. Het was vroeger een trend. Nadat Google zijn zoekalgoritmen had bijgewerkt (april 2015) en het initiatief mobilegeddon noemde, nam de relevantie van dit ontwerp echter aanzienlijk toe. In 2016 zal het aantal mobielvriendelijke websites alleen maar toenemen. Dat wil zeggen: een webdesigner-programmeur die snel coole, aangepaste bronnen kan schrijven, zal zonder twijfel profiteren van de vraag naar en goedbetaalde content.

UX-ontwerp

Een van de nieuwe en veelbelovende trends in webdesign is het toegenomen gebruik van UX (user experience) of unieke gebruikerservaring. De standaardisatie van websites die zijn gemaakt op basis van populaire sjablonen, die een paar jaar geleden populair waren, heeft geleid tot de gezichtsloosheid van de meeste bronnen. Als gevolg hiervan zijn zelfs met informatie gevulde, maar typische sites van weinig belang geworden. Succesvolle implementatie van een unieke gebruikerservaring zorgt ervoor dat de bron zich onderscheidt van de massa en herinnerd wordt door zijn bezoekers.

Efficiënt scrollen

Lang scrollen is een van de belangrijkste trends die nauw verband houdt met de groeiende populariteit van mobiele apparaten. Ze worden steeds vaker door gebruikers gebruikt om websites te bezoeken. Daarom zou het handig moeten zijn om informatie te bekijken door met één vinger over de pagina te scrollen. Dit omvat ook een trend in webdesign als het on-demand verschijnen van individuele pagina-elementen.

Wat de trends ook zijn, volg ze niet blindelings. Individualiteit, het vermijden van sjablonen en de visie van de auteur op ontwerp zijn de sleutels tot het creëren van een unieke, effectieve en interessante webbron voor gebruikers.

Laten we het in meer detail over webdesign hebben: beroep "".