<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Etiquette : Trends - Lapinternet | Création de sites Internet | Mulhouse (Alsace)</title>
	<atom:link href="https://www.studio-lapinternet.fr/tag/trends/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.studio-lapinternet.fr/tag/trends/</link>
	<description>Par Grégory Muller</description>
	<lastBuildDate>Wed, 02 May 2018 15:17:41 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.7</generator>
	<item>
		<title>Design : l&#8217;évolution du web en 2018</title>
		<link>https://www.studio-lapinternet.fr/web/design-levolution-du-web-en-2018/</link>
					<comments>https://www.studio-lapinternet.fr/web/design-levolution-du-web-en-2018/#respond</comments>
		
		<dc:creator><![CDATA[Grégory Muller]]></dc:creator>
		<pubDate>Wed, 02 May 2018 17:16:31 +0000</pubDate>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[2018]]></category>
		<category><![CDATA[Agence de communication]]></category>
		<category><![CDATA[Alsace]]></category>
		<category><![CDATA[Site Internet]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[Webdesign]]></category>
		<guid isPermaLink="false">http://www.studio-lapinternet.fr/?p=293</guid>

					<description><![CDATA[<p>Le web, Internet, évolue en moins de temps qu'il ne faut pour l'écrire. Avant même de publier cet article, il est peut-être déjà obsolète :)</p>
<p>Cet article <a href="https://www.studio-lapinternet.fr/web/design-levolution-du-web-en-2018/">Design : l&rsquo;évolution du web en 2018</a> est apparu en premier sur <a href="https://www.studio-lapinternet.fr">Lapinternet | Création de sites Internet | Mulhouse (Alsace)</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Le web, Internet, évolue en moins de temps qu&rsquo;il ne faut pour l&rsquo;écrire. Avant même de publier cet article, il est peut-être déjà obsolète <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br />
Arrêtons-nous sur la partie design du site web : comment évolue-t-il ?</strong></p>
<h2>Design</h2>
<h3>Le webdesign au second plan</h3>
<p>En 2018, le webdesign prend du recule ! Les interfaces sont amenées à aller toute dans le même sens pour donner les bons réflexes à l&rsquo;internaute, et surtout : des réflexes communs à toute la toile ! Il s&rsquo;agit d&rsquo;habituer l&rsquo;internaute à trouver toujours ce qu&rsquo;il cherche à travers des présentation similaires : emplacement, forme, taille&#8230;</p>
<p>L&rsquo;important n&rsquo;est plus le design ou la signature graphique : <strong>on revient à l&rsquo;essentiel : LE CONTENU !</strong> Le contenu devient numéro 1, le design passe largement derrière. La simplicité du design pourrait même faire croire à une disparition certaine.</p>
<blockquote><p>Pourtant c&rsquo;est la toute la difficulté : simplifier au maximum le design &amp; faire simple !</p></blockquote>
<div style="width: 100%; height: 0; padding-bottom: 75%; position: relative;"><iframe class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/QIebXZSiWhgwE" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>Le mobile-first plus que jamais</h3>
<p>On retrouve de plus en plus d&rsquo;interfaces de type « mobile » même sur grand écran : bouton de menu type « hamburger », contenus en plein écran et centrés, éléments minimalistes&#8230; Les versions mobiles des sites Internet sont tellement populaires qu&rsquo;on les adopte sur PC ! L&rsquo;avenir est très clairement le mobile.</p>
<div style="width: 100%; height: 0; padding-bottom: 90%; position: relative;"><iframe class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/uOZg6EKGGZG5G" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>Google, Apple &amp; Microsoft</h3>
<p>Deux éléments fondamentaux du design ont été lancés ces dernières années par les géants du web et de l&rsquo;informatique : le <a href="https://material.io/guidelines/" target="_blank">material design</a> et le <a href="https://fr.wikipedia.org/wiki/Design_plat" target="_blank">flat design</a>. Vous en avez déjà entendu parler, j&rsquo;en suis sûr ! Des couleurs flashy, pep&rsquo;s. De la rondeur, des aplats de couleur, de la simplicité et de l&rsquo;élégance ! Fini les 3 dimensions, on revient aux choses efficaces : la 2d ! Les icones sont plates, les menus sont simplifiés&#8230;</p>
<div style="width: 100%; height: 0; padding-bottom: 75%; position: relative;"><iframe class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/MVY2s31jlHI88" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>Sans sérif</h3>
<p>Pas la peine d&rsquo;en faire des tonnes pour ce chapitre&#8230; Vous voyez la police avec laquelle j&rsquo;écris ? Pas d’empattement, pas de fioriture, la simplicité je vous dis ! Les textes sont également de plus en plus gros.</p>
<div style="width: 100%; height: 0; padding-bottom: 67%; position: relative;"><iframe loading="lazy" class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/1dSHoK3JFvbFK" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>Les icônes/symboles de plus en plus présents</h3>
<p>L&rsquo;iconographie, démodé à une époque, fait son grand retour. On la retrouve partout, que ce soit arrondi, anguleux, multicolore ou monochrome, elle fait partie des tendances incontournables du moment !</p>
<div style="width: 100%; height: 0; padding-bottom: 75%; position: relative;"><iframe loading="lazy" class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/10pawmcMU8huU0" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>La photo</h3>
<p>La photographie est centrale, c&rsquo;est elle qui donne toute la saveur du site Internet. Elle donne le ton : on sait où on est rien qu&rsquo;avec les visuels. En plein écran bien souvent, il s&rsquo;agit de photographies de qualité.</p>
<div style="width: 100%; height: 0; padding-bottom: 75%; position: relative;"><iframe loading="lazy" class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/OWJILXs8QpyiA" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>&nbsp;</p>
<h3>Le retour du gif</h3>
<p>On le l&rsquo;attendait plus, il était ringard il y a quelques années ! Et pourtant, il a réussi un come-back digne des plus grands : il est présent partout. Sites web, mobiles, applications, il est devenu l’incontournable de ces 2 dernières années, et il semble avoir toute sa place sur le web. Il permets d&rsquo;imager de nombreux propos, sans un seul mot. C&rsquo;est là tout son art : tout dire, sans rien  dire&#8230;</p>
<div style="width: 100%; height: 0; padding-bottom: 100%; position: relative;"><iframe loading="lazy" class="giphy-embed" style="position: absolute;" src="https://giphy.com/embed/l2QZW6wps81QYSGmQ" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>Cet article <a href="https://www.studio-lapinternet.fr/web/design-levolution-du-web-en-2018/">Design : l&rsquo;évolution du web en 2018</a> est apparu en premier sur <a href="https://www.studio-lapinternet.fr">Lapinternet | Création de sites Internet | Mulhouse (Alsace)</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.studio-lapinternet.fr/web/design-levolution-du-web-en-2018/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
