tag:forum.selfhtml.org,2005:/selfWebdesign Trends 2018 – SELFHTML-Forum2018-03-14T11:56:29Zhttps://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1715980#m1715980Matthias Scharwiesmscharwies@selfhtml.org2018-03-12T19:13:28Z2018-03-12T19:13:28ZWebdesign Trends 2018<p>Servus!</p>
<p>Auf DrWeb gefunden: <a href="https://www.drweb.de/2018-trends-webdesign-webentwicklung/" rel="nofollow noopener noreferrer">2018: Das sind die Trends in Webdesign und Webentwicklung</a></p>
<p>Wären auch gute Anregungen für unsere <a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts" rel="nofollow noopener noreferrer">fertigen Layouts</a>.</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Es gibt viel zu tun:
<em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em>
</div>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716031#m1716031Henry2018-03-13T14:53:43Z2018-03-13T14:53:43ZWebdesign Trends 2018<p>Hallo Matthias,</p>
<blockquote>
<p>Auf DrWeb gefunden: <a href="https://www.drweb.de/2018-trends-webdesign-webentwicklung/" rel="nofollow noopener noreferrer">2018: Das sind die Trends in Webdesign und Webentwicklung</a></p>
</blockquote>
<p>Schade, irgendwie hatte ich jetzt auf was revolutionäres gehofft oder eine Inspiration. Aber irgendwie nichts wirklich Neues/Interessantes, für meinen Geschmack.</p>
<blockquote>
<p>Wären auch gute Anregungen für unsere <a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts" rel="nofollow noopener noreferrer">fertigen Layouts</a>.</p>
</blockquote>
<p>Ich hoffe du hast nicht auch die Colorfonts dafür im Blick? brr… da schüttelts mich, erinnert eher irgendwie an Woodstock/Hippie-Renaissance.</p>
<p><a href="/images/f545af02-b216-4564-9c8e-5776408e220c.png" rel="noopener noreferrer"><img src="/images/f545af02-b216-4564-9c8e-5776408e220c.png?size=medium" alt="" loading="lazy"></a></p>
<p>Gruss<br>
Henry</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716053#m1716053MudGuardhttp://www.andreas-waechter.de/2018-03-14T06:51:10Z2018-03-14T06:51:10ZWebdesign Trends 2018<p>Hi,</p>
<blockquote>
<p>Auf DrWeb gefunden: <a href="https://www.drweb.de/2018-trends-webdesign-webentwicklung/" rel="nofollow noopener noreferrer">2018: Das sind die Trends in Webdesign und Webentwicklung</a></p>
</blockquote>
<p>Hm. Sehr schlicht. Keine Hintergrundfarbe gesetzt, der Text ist auch sehr knapp gehalten:</p>
<p>Not Found</p>
<p>The requested URL /cgi-sys/php71-fcgi-starter.fcgi/index.php was not found on this server.
Apache Server at www.drweb.de Port 443</p>
<p>Der Trend ist wohl schon durch einen neueren Trend ersetzt …</p>
<p>cu,<br>
Andreas a/k/a MudGuard</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716032#m1716032beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-03-13T15:00:19Z2018-03-13T15:00:19ZWebdesign Trends 2018<p>hallo</p>
<blockquote>
<p>Schade, irgendwie hatte ich jetzt auf was revolutionäres gehofft oder eine Inspiration. Aber irgendwie nichts wirklich Neues/Interessantes, für meinen Geschmack.</p>
</blockquote>
<p>Trend = unbedingt zu vermeiden.</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716035#m1716035Matthias Scharwiesmscharwies@selfhtml.org2018-03-13T15:26:39Z2018-03-13T15:40:51ZWebdesign Trends 2018<p>Servus!</p>
<blockquote>
<blockquote>
<p>Wären auch gute Anregungen für unsere <a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts" rel="nofollow noopener noreferrer">fertigen Layouts</a>.</p>
</blockquote>
<p>Ich hoffe du hast nicht auch die Colorfonts dafür im Blick? brr… da schüttelts mich, erinnert eher irgendwie an Woodstock/Hippie-Renaissance.</p>
</blockquote>
<p>lol - Na ja, die grade nicht. Das Problem mit den fertigen Layouts wurde ja schon mehrfach angesprochen.</p>
<p>Die Designs von designenlassen.de sollen ja nur einen ersten Eindruck vermitteln, HTML und Programmierung erfolgt erst bei Auftragserteilung. SelfHTML möchte mit den Vorlagen aber eher <em>best practice</em> für sauberes Markup und gutes CSS (keine Hintergrundbilder, keine Div-Suppe, etc) vermitteln.</p>
<p>Wir haben jetzt einige der 2013er Vorlagen überarbeitet und sind an weiteren dran. Was mir auffällt:</p>
<ul>
<li>2013 stand HTML5 und CSS3 im Vordergrund:
<ul>
<li>die neuen article, section und main-Elemente</li>
<li>border-radius und box-shadow nahezu überall</li>
</ul>
</li>
<li>2018 ist schlankes Design angesagt
<ul>
<li>Flexbox und Grid anstelle der floats</li>
<li>gute Übersichtlichkeit und Zugänglichkeit (Warum hat man 2 Navigationen auf einer Seite? - Braucht man Slider und Karusselle?)</li>
<li>viel CSS-Regelsätze sind imho um ihrer selbst Willen drin gewesen, kann alles raus, die Browser-Stylesheets sind gut und sinnvoll. (Die Entwürfe hatte fast alle erst mal die blaue Farbe und die Unterstreichung aus den Links rausgenommen, dafür waren dann die Überschriften blau und hatten :Hover-Effekte; Absätze hatten immer einen großen Abstand nach oben (Was bei 2 Absätzen total blöd aussah) und eine line-height von 1.5734em)</li>
<li>Kontraste (früher gab es Seiten, die hell-/ dunkelgrau waren); hier hat <a href="/users/3771" class="mention registered-user" rel="noopener noreferrer">@Performer</a> mir für <a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design02" rel="nofollow noopener noreferrer">Design02</a> den guten Tipp mit der <a href="https://wiki.selfhtml.org/wiki/Hilfe:SELFHTML-Farbtabelle" rel="nofollow noopener noreferrer">selfhtml-Farbpalette</a> gegeben. auch <a href="/users/821" class="mention registered-user" rel="noopener noreferrer">@marctrix</a> hat mir da das Bewusstsein noch mal geschärft.</li>
</ul>
</li>
</ul>
<p>Was jetzt fehlt, ist ein <em><strong>showcase</strong></em>, bei dem man zeigen kann, wie mit Typographie Eindruck machen kann. Das möchte ich aber nicht in die bestehenden Vorlagen einbauen, sondern in einem Web-Visitenkarten-Onepager demonstrieren.</p>
<p>Edit: Kontraste</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Es gibt viel zu tun:
<em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em>
</div>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716033#m1716033plhttp://rolfrost.de/stasi.html2018-03-13T15:07:55Z2018-03-13T15:07:55ZWebdesign Trends 2018<p>hallo</p>
<blockquote>
<blockquote>
<p>Schade, irgendwie hatte ich jetzt auf was revolutionäres gehofft oder eine Inspiration. Aber irgendwie nichts wirklich Neues/Interessantes, für meinen Geschmack.</p>
</blockquote>
</blockquote>
<p><a href="https://www.youtube.com/watch?v=CTOZ83nfKkU" rel="nofollow noopener noreferrer">New Inspiration -- 1971</a></p>
<p> </p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716036#m1716036Henry2018-03-13T16:26:42Z2018-03-13T16:26:42ZWebdesign Trends 2018<p>Hallo Matthias,</p>
<blockquote>
<p>Was jetzt fehlt, ist ein <em><strong>showcase</strong></em>, bei dem man zeigen kann, wie mit Typographie Eindruck machen kann.</p>
</blockquote>
<p>Gute Idee. Vom Aufbau/Inhalt: Meinst du etwas in <a href="https://wdexplorer.com/20-examples-beautiful-css-typography-design/" rel="nofollow noopener noreferrer">der Richtung</a> oder eher <a href="https://www.jonathan-menet.fr/blog/tag/typographie/" rel="nofollow noopener noreferrer">diese Richtung</a>?</p>
<p>Gruss<br>
Henry</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716037#m1716037Matthias Scharwiesmscharwies@selfhtml.org2018-03-13T16:35:50Z2018-03-13T16:35:50ZWebdesign Trends 2018<p>Servus!</p>
<blockquote>
<p>Hallo Matthias,</p>
<blockquote>
<p>Was jetzt fehlt, ist ein <em><strong>showcase</strong></em>, bei dem man zeigen kann, wie mit Typographie Eindruck machen kann.</p>
</blockquote>
<p>Gute Idee. Vom Aufbau/Inhalt: Meinst du etwas in <a href="https://wdexplorer.com/20-examples-beautiful-css-typography-design/" rel="nofollow noopener noreferrer">der Richtung</a> oder eher <a href="https://www.jonathan-menet.fr/blog/tag/typographie/" rel="nofollow noopener noreferrer">diese Richtung</a>?</p>
</blockquote>
<p>In die erstere. Wie kann man mit CSS (und SVG) ansprechende typografische Effekte erzielen?</p>
<p>Die Beispiele aus dem zweiten Link, sowie <a href="https://graphicmama.com/blog/graphic-design-trends-2018/" rel="nofollow noopener noreferrer">diese hier</a> (bis zu "Typography still rules!" runterscrollen) sehen zwar super aus, erfordern da aber wieder Bildbarbeitungsprogramme und image-Replacement.</p>
<p>Das ist das Problem, wenn man Anfängern Seiten wie <a href="https://www.awwwards.com/" rel="nofollow noopener noreferrer">awwwards.com</a> empfiehlt. Die guten Fotos und Startseiten (wer hat denn überhaupt noch so eine Intro-Seite) lenken irgendwie vom logischen Seitenaufbau ab.</p>
<blockquote>
<p>Gruss<br>
Henry</p>
</blockquote>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Es gibt viel zu tun:
<em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em>
</div>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716040#m1716040Matthias Scharwiesmscharwies@selfhtml.org2018-03-13T17:02:56Z2018-03-13T17:02:56ZFarbe des Jahres 2018<p>Servus!</p>
<p>Die Farbe des Jahres 2018:</p>
<ul>
<li><a href="https://graphicmama.com/blog/ultra-violet-pantone-color-of-the-year-2018/" rel="nofollow noopener noreferrer">‘Ultra Violet’ is Pantone Color of The Year 2018</a></li>
</ul>
<p>Ich dachte, dass man die gar nicht (oder nur mit einer Schwarzlichtlampe) sehen könnte?</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Es gibt viel zu tun:
<em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em>
</div>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716042#m1716042Henry2018-03-13T17:28:23Z2018-03-13T17:28:23ZFarbe des Jahres 2018<p>Hallo Matthias,</p>
<blockquote>
<p>Die Farbe des Jahres 2018:</p>
<ul>
<li><a href="https://graphicmama.com/blog/ultra-violet-pantone-color-of-the-year-2018/" rel="nofollow noopener noreferrer">‘Ultra Violet’ is Pantone Color of The Year 2018</a></li>
</ul>
</blockquote>
<p><a href="http://www.vogue.de/mode/mode-news/trendvorschau-ultra-violet-ist-die-pantone-farbe-des-jahres-2018" rel="nofollow noopener noreferrer">Hier</a> auch nochmal auf deutsch.</p>
<p>Alleine die Erklärung:</p>
<blockquote>
<p>…Das Farbinstitut Pantone hat das Universum befragt und sich anschließend auf die Farbe des Jahres 2018 festgelegt: "Ultra Violet". Ein dunkler, auf der Farbe Blau basierender Lilaton, der an die unendlichen Weiten des Nachthimmels erinnern soll und die damit einhergehenden Gefühlswelten wie Sehnsucht und Neugier…</p>
</blockquote>
<p>rotfl</p>
<p>oder noch besser:</p>
<blockquote>
<p>…weswegen der Farbton schon lange bei Entspannungspraktiken verwendet wird und einen Gegenpol zum reizüberfluteten Alltag darstellt…</p>
</blockquote>
<p>Ja genau… und weil irgendwann mal jemand gesagt hat, grün beruhigt, sahen alte medizinische Behandlungssäle mit deren türkisgrünen Kacheln auch wirklich zum Wohlfülen aus, brrr.</p>
<p>Und wenn ich mir da nun die Wohnungseinrichtungen in Lila anschaue, denke ich mir das kann nur jemand lange aushalten, der gewisse Substanzen im Blut hat </p>
<blockquote>
<p>Ich dachte, dass man die gar nicht (oder nur mit einer Schwarzlichtlampe) sehen könnte?</p>
</blockquote>
<p>und ich hoffte <a href="https://de.wikipedia.org/wiki/Ultraviolet_(Film)" rel="nofollow noopener noreferrer">Milla Jovovich</a> kommt jetzt auf uns alle zu </p>
<blockquote>
<p>Herzliche Grüße</p>
</blockquote>
<p>Gruss<br>
Henry</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716048#m1716048plhttp://rolfrost.de/stasi.html2018-03-13T20:35:48Z2018-03-13T20:35:48ZFarbe des Jahres 2018<p>Servus!</p>
<blockquote>
<p>Die Farbe des Jahres 2018:</p>
<ul>
<li><a href="https://graphicmama.com/blog/ultra-violet-pantone-color-of-the-year-2018/" rel="nofollow noopener noreferrer">‘Ultra Violet’ is Pantone Color of The Year 2018</a></li>
</ul>
</blockquote>
<p>Klasse! Ich war schon immer ein Fan von <a href="https://www.youtube.com/watch?v=OorZcOzNcgE" rel="nofollow noopener noreferrer">Deep Purple</a> </p>
<p><a href="https://www.youtube.com/watch?v=QA5gJ0hZpCc" rel="nofollow noopener noreferrer">dedicated follower of fashion ... </a> das wussten schon die Kinks </p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716043#m1716043beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-03-13T17:54:51Z2018-03-13T17:54:51ZFarbe des Jahres 2018<p>hallo</p>
<blockquote>
<blockquote>
<p>Ich dachte, dass man die gar nicht (oder nur mit einer Schwarzlichtlampe) sehen könnte?</p>
</blockquote>
<p>und ich hoffte <a href="https://de.wikipedia.org/wiki/Ultraviolet_(Film)" rel="nofollow noopener noreferrer">Milla Jovovich</a> kommt jetzt auf uns alle zu </p>
</blockquote>
<p>Ultraviolett deshalb weil du sie schon nicht mehr sehen kannst.</p>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716079#m1716079Christian Krusehttps://wwwtech.de/about2018-03-14T11:34:27Z2018-03-14T11:34:27ZFarbe des Jahres 2018<p>Hallo Henry,</p>
<blockquote>
<p>und ich hoffte <a href="https://de.wikipedia.org/wiki/Ultraviolet_(Film)" rel="nofollow noopener noreferrer">Milla Jovovich</a> kommt jetzt auf uns alle zu </p>
</blockquote>
<p>Den Film fand ich ehrlich gesagt wirklich schlecht… dünne Handlung, schlechte Choreographien. Hat mich enttäuscht.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/mar/12/webdesign-trends-2018/1716080#m1716080Henry2018-03-14T11:56:29Z2018-03-14T11:56:29ZFarbe des Jahres 2018<p>Hallo Christian,</p>
<blockquote>
<blockquote>
<p>und ich hoffte <a href="https://de.wikipedia.org/wiki/Ultraviolet_(Film)" rel="nofollow noopener noreferrer">Milla Jovovich</a> kommt jetzt auf uns alle zu </p>
</blockquote>
<p>Den Film fand ich ehrlich gesagt wirklich schlecht… dünne Handlung, schlechte Choreographien. Hat mich enttäuscht.</p>
</blockquote>
<p>Welcher Film? </p>
<p>Aber im Ernst, ja war Schrott, da waren auch ausnahmsweise mal Kritiker und Publikum einer Meinung.</p>
<p>Gruss<br>
Henry</p>