{"id":5547,"date":"2021-05-06T23:19:00","date_gmt":"2021-05-06T23:19:00","guid":{"rendered":"http:\/\/desres20.netornot.at\/?p=5547"},"modified":"2021-05-24T15:18:41","modified_gmt":"2021-05-24T15:18:41","slug":"code-for-faster-prototypes","status":"publish","type":"post","link":"http:\/\/desres20.netornot.at\/?p=5547","title":{"rendered":"Code for faster prototypes"},"content":{"rendered":"\n<p>Viele von euch kennen es bestimmt, ein neuer Aufrag, ein neues Layout ist gefragt. DIN-Formate, naja, sind oft zu fade. Also, ran ans Paper-Prototypen und Formate ausprobieren. Welches Format kann am sinnvollsten vom Konzept abgeleitet werden?<br>Ruck, Zuck ist der erste Prototyp angefertigt. Der Zweite, Dritte\u2026<\/p>\n\n\n\n<p>Nun brauchen wir einen sinnvollen Satzspiegel &#8211; gute\/SPANNENDE Randproportionen sind das Wichtigste:<br><strong>Tschichold, Fibonacci, Goldener Schnitt, Neunerteilung, \u2026 oder doch frei?<\/strong><\/p>\n\n\n\n<p>Jetzt beginnt die Rechnerei, denn der Teufel steckt im Detail. M\u00f6glicherweise bin ich hierbei eine Ausnahme, aber es muss einfach stimmen. So, ab damit ins Indesign, um mir die Vorschau anzusehen.<br>Sehr gut, gef\u00e4llt mir erst mal <strong>nicht<\/strong>, da muss ich nochmal ran. So l\u00e4sst sich ein Nachmittag schnell mit <a href=\"https:\/\/www.teuderun.de\/typografie\/satzspiegel-konstruktionen\/\" data-type=\"URL\" data-id=\"https:\/\/www.teuderun.de\/typografie\/satzspiegel-konstruktionen\/\">Rechnerei <\/a>und t\u00fcfteln verbringen. Die Berechnungen sind bekanntlich keine \u201eRocket-Science\u201c, aber kosten mich Motivation und sind unn\u00f6tiger Zeitaufwand. Besser w\u00e4re es also die Zeit direkt in die Prototypen zu stecken.<\/p>\n\n\n\n<p>Daher habe ich beschlossen einen Golden Ratio Viewer zu programmieren.<\/p>\n\n\n\n<p>Einige der m\u00f6glichen Berechnungen, f\u00fcr alle Fans der Proportionen \ud83d\ude09<br><a href=\"https:\/\/www.teuderun.de\/typografie\/satzspiegel-konstruktionen\/\" data-type=\"URL\" data-id=\"https:\/\/www.teuderun.de\/typografie\/satzspiegel-konstruktionen\/\">https:\/\/www.teuderun.de\/typografie\/satzspiegel-konstruktionen\/<\/a><br><\/p>\n\n\n\n<p><strong>Ziel:<\/strong><\/p>\n\n\n\n<p>Seitenverh\u00e4ltnisse schnell \u00e4ndern<\/p>\n\n\n\n<p>Satzspiegel schnell \u00e4ndern<\/p>\n\n\n\n<p>Richtige Satzspiegel-Berechnung<\/p>\n\n\n\n<p>Schnelle Bedienung<\/p>\n\n\n\n<p>Anzeige mit den kalkulierten Proportionen<\/p>\n\n\n\n<p>Verschiedene Satzspiegel Varianten anwenden<\/p>\n\n\n\n<p><strong>Ergebnis<\/strong>: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"716\" height=\"738\" src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/05\/GoldenRatio_Calc.gif\" alt=\"\" class=\"wp-image-5549\"\/><figcaption>Layout Tool: Golden Ratio Viewer. (c) Jan Adams <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"716\" height=\"738\" src=\"http:\/\/desres20.netornot.at\/wp-content\/uploads\/2021\/05\/GoldenRatio_Calc2.gif\" alt=\"\" class=\"wp-image-5550\"\/><figcaption>Layout Tool: Golden Ratio Viewer. (c) Jan Adams<\/figcaption><\/figure>\n\n\n\n<p>Ich habe mich mehr oder weniger bewusst f\u00fcr die vermutlich ungeeignetste IDE entschieden: Processing. NULL vorgefertigte GUI-Elemente, Eventhandler etc. &#8211; perfekt. Weil ich mir ohnehin das Mouse-Handling mit selbst gebauten UI-Elementen ansehen wollte hab ich mich dennoch an die Arbeit damit gemacht.<\/p>\n\n\n\n<p>Da, wie oben erw\u00e4hnt keine GUI-Elemente existieren und ich lieber gleich auf Libraries verzichten wollte, habe ich die Steuerung quick and dirty, bzw quick and old-school per Keyboard abgewickelt. <br>Da mich aber auch das Mouse-Handling interssiert, habe ich auch dieses ausprogrammiert. <\/p>\n\n\n\n<p>Am Ende hat mich das Tool doch mehr Zeit als geplant gekostet, aber immerhin DIY lol<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Viele von euch kennen es bestimmt, ein neuer Aufrag, ein neues Layout ist gefragt. DIN-Formate, naja, sind oft zu fade. Also, ran ans Paper-Prototypen und Formate ausprobieren. Welches Format kann am sinnvollsten vom Konzept abgeleitet werden?Ruck, Zuck ist der erste Prototyp angefertigt. Der Zweite, Dritte\u2026 Nun brauchen wir einen sinnvollen Satzspiegel &#8211; gute\/SPANNENDE Randproportionen sind<\/p>\n<footer class=\"entry-footer index-entry\">\n<div class=\"post-social pull-left\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D5547\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-facebook\" aria-hidden=\"true\"><\/i><\/a><a href=\"https:\/\/twitter.com\/home?status=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D5547\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i><\/a><a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=http%3A%2F%2Fdesres20.netornot.at%2F%3Fp%3D5547&#038;title=Code+for+faster+prototypes\" target=\"_blank\" class=\"social-icons\"><i class=\"fa fa-linkedin\" aria-hidden=\"true\"><\/i><\/a><\/div>\n<p class=\"link-more\"><a href=\"http:\/\/desres20.netornot.at\/?p=5547\" class=\"more-link\">Continue reading <span class=\"meta-nav\">\u2192<\/span><\/a><\/p>\n<\/footer>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[123,122,124,309,372,373,393,392,391],"_links":{"self":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/5547"}],"collection":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5547"}],"version-history":[{"count":2,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/5547\/revisions"}],"predecessor-version":[{"id":5551,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=\/wp\/v2\/posts\/5547\/revisions\/5551"}],"wp:attachment":[{"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5547"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/desres20.netornot.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}