{"id":3618,"date":"2008-01-02T17:49:29","date_gmt":"2008-01-02T15:49:29","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/2008\/01\/02\/redesign-1-das-kartenblog\/"},"modified":"2008-01-02T17:49:29","modified_gmt":"2008-01-02T15:49:29","slug":"redesign-1-das-kartenblog","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2008\/01\/redesign-1-das-kartenblog\/","title":{"rendered":"Redesign 1 &#8211; Das Kartenblog"},"content":{"rendered":"<p>Hallo Steffi,<\/p>\n<p>hier kommen also meine Vorschl\u00e4ge Entwurf f\u00fcr deinen Kartenblog.<\/p>\n<h2>Das <a href=\"http:\/\/www.Kartenblog.de\">Kartenblog<\/a> &#8222;Vorher&#8220;:<\/h2>\n<p><a href=\"http:\/\/www.kartenblog.de\" class=\"bild\" title=\"kartenblog_vorher.jpg\"><img decoding=\"async\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2008\/01\/kartenblog_vorher.jpg\" class=\"img1\" alt=\"kartenblog_vorher.jpg\" \/><\/a><\/p>\n<p>Wie schon gesagt, ist das jetzige Design f\u00fcr das Thema schon recht passend und auch insgesamt recht harmonisch durchgestylt. Es war nicht ganz leicht nach Anhaltspunkten zu suchen, wo man evtl. etwas verbessern oder zumindest anders machen k\u00f6nnte.  Gefunden habe ich die schmale Form, die ja doch etwas dicht gedr\u00e4ngt wirkt. Die Schriftgr\u00f6\u00dfe passt sich dem schmalen Design zwar gut an, ist aber f\u00fcr&#8217;s Lesen nicht optimal. Auch w\u00fcrde ich in dieser Gr\u00f6\u00dfe keine Serifenschrift nehmen. Wenn schon Serifen, dann sollten diese f\u00fcr&#8217;s Web (weil Monitor) allenfalls \u00dcberschriften vorbehalten bleiben bzw. ansonsten eine entsprechende Gr\u00f6\u00dfe haben.<\/p>\n<p>Insgesamt  wirkt das Design recht kompakt, weshalb ich mir gedacht habe, dass ihm vielleicht etwas mehr Luft gut tun w\u00fcrde. Des weiteren ist das Bildchen mit den gr\u00fcnen H\u00fcgel zwar recht nett, aber weil es ein bisschen an naive Malerei erinnert, auch etwas kindlich.<\/p>\n<h2>Das Kartenblog &#8222;nachher&#8220;:<\/h2>\n<p>Ich habe dir zwei Entw\u00fcrfe gemacht.<\/p>\n<p><a href=\"http:\/\/www.frische-zitronen.de\/wp-content\/uploads\/2008\/01\/entwurf_001.jpg\" class=\"bild\" title=\"entwurf_001_th.jpg\"><img decoding=\"async\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2008\/01\/entwurf_001_th.jpg\" class=\"img1\" alt=\"entwurf_001_th.jpg\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.frische-zitronen.de\/wp-content\/uploads\/2008\/01\/entwurf_002.jpg\" class=\"bild\" title=\"entwurf_002_th.jpg\"><img decoding=\"async\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2008\/01\/entwurf_002_th.jpg\" class=\"img1\" alt=\"entwurf_002_th.jpg\" \/><\/a><\/p>\n<p>Beiden Entw\u00fcrfen habe ich eine Fenstergr\u00f6\u00dfe von 1280 Pixel zugrunde gelegt. Der mittlere Bereich sollte zentriert und nicht gr\u00f6\u00dfer sein als 1000Pixel.  Je nachdem wie du sp\u00e4ter das CSS umsetzt, kannst du den mittleren Teil fix oder (bis zu einem gewissen Grad) fluid machen &#8211; zumindest der Textteil k\u00f6nnte sich bei kleineren Monitoren noch etwas zusammenschieben, so dass links und rechts auch bei kleineren Monitiore noch etwas vom Hintergrund zu sehen w\u00e4re bzw.  bei Verwendung vom relativen Gr\u00f6\u00dfeneinheiten k\u00f6nnte sich der mittlere Teil bei Wahl einer gr\u00f6\u00dferen Schrift auch etwas gr\u00f6\u00dfer dehnen.  Bei einem 800er Fenster wird man wahrscheinlich jedoch seitlich scrollen m\u00fcssen.<\/p>\n<p>Der erste Entwurf ist ziemlich bunt und f\u00fcr meinen Stil schon recht gewagt, denn normalerweise tendiere ich eher zu schlichten Sachen und habe mich jetzt mal bem\u00fcht tiefer in den Farbtopf zu greifen. Der zweite ist dann schon mehr meine ureigene Handschrift und gef\u00e4llt mir auch etwas besser \u00e2\u20ac\u201c auch wegen der Idee des Bildes im Kopf.<\/p>\n<p>Beim ersten Entwurf d\u00fcrfte auch die Umsetzung in xhtml bez\u00fcglich des Headers und der Buttons etwas tricky werden und wahrscheinlich nicht so sonderlich semantisch ;-). Diesbez\u00fcglich tut man sich beim zweiten Entwurf etwas leichter.<\/p>\n<p>Nun habe ich die Entw\u00fcrfe ganz mutig ohne vorherige Absprache hier ver\u00f6ffentlicht und bin nat\u00fcrlich schon gespannt, was du sagst ;-)<\/p>\n<p>&#8212;<br \/>\nfoto:istockphoto | <a href=\"http:\/\/deutsch.istockphoto.com\/file_closeup\/object\/4213784_hopeful_grace.php?id=4213784\">hidesy<\/a><br \/>\nBord\u00fcre <a href=\"http:\/\/www.kollermedia.at\">kollermedia <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hallo Steffi,<br \/>\nhier kommen also meine Vorschl\u00e4ge Entwurf f\u00fcr deinen Kartenblog.<br \/>\nDas Kartenblog &#8222;Vorher&#8220;:<\/p>\n<p>Wie schon gesagt, ist das jetzige Design f\u00fcr das Thema schon recht passend und auch insgesamt recht harmonisch durchgestylt. Es war nicht ganz leicht nach Anhaltspunkten zu suchen, wo man evtl. etwas verbessern oder zumindest anders machen k\u00f6nnte.  Gefunden habe ich die schmale  &#8230; <a title=\"Redesign 1 &#8211; Das Kartenblog\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2008\/01\/redesign-1-das-kartenblog\/\" aria-label=\"Mehr Informationen \u00fcber Redesign 1 &#8211; Das Kartenblog\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[229,258,14,119],"yst_prominent_words":[],"class_list":["post-3618","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-templates","tag-layout","tag-webdesign-2","tag-grafik-gestaltung"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3618"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3618\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3618"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}