Beste Collega's
Qua visueel webdesign ben ik er jaren uit geweest en ik ben mij aan het verdiepen in nieuwe technieken en methoden om te voldoen aan de nieuwe standaard.
Traditioneel heb ik mijn designs altijd opgemaakt in o.a. Photoshop en heb ik PSD bestanden aangeleverd bij een scripter welke dit dan netjes vertaalde naar HTML en CSS.
Zo'n scripter kan dat dan wel op eigen houtje omzetten naar breaking points en andere indelingen en resoluties maar ik zou graag 100% controle houden om ook de andere resolties te ontwerpen.
Ik ontwerp nog steeds in Photoshop, nu is mijn vraag concreet. Kan ik mijn PSD niet ergens importeren en dit vervolgens met breakingpoints instellen en zo handmatig visueel alle resoluties aanpassen en deze code exporteren zoals met veel programma's nu mogelijk is. Hier gaat men er echter vanuit dat je het volledige ontwerp ook op maakt in deze programma's. Importeren van een PSD design voor de Desktop variant is niet mogelijk.
Het voelt alsof ik mijn vrijheid kwijt ben om te werken met de tools waar ik al zoveel jaar mee werk. En nu ineens verplicht ben met andere software te werken.
Of zie ik wellicht iets over het hoofd ? Hoe pakken jullie dit aan ? Zijn jullie geswitched naar nieuwe tools of zijn er oplossingen voor te vinden om toch 100% controle over alle resoluties te behouden als vormgever zonder afhankelijk te zijn van een ander ?
- Collega Designers hoe doen jullie dit ?
-
03-12-2016, 17:01 #1Particulier
- Berichten
- 613
- Lid sinds
- 16 Jaar
Collega Designers hoe doen jullie dit ?
-
In de schijnwerper
Handmatige SEO + linkbuilding voor slechts 150 euro per maand!Freelance / WerkSocial ads specialist gezocht voor WordPress lead sites (met kennis van UTM tags)Freelance / Werkslimvoordeel.nl te koop!Domein te koopDomeinnaam te koop: BatterijVoorBedrijven.nl - Jouw kans op een sterke online aanweziDomein te koop -
03-12-2016, 17:33 #2
- Berichten
- 1.345
- Lid sinds
- 18 Jaar
Re: Collega Designers hoe doen jullie dit ?
Ik vind dat een website designen via een PSD overbodig is de laatste jaren, het kan als voorbeeld gebruikt worden maar het echte "slicen van een PSD" bestaat bijna niet meer omdat er geen images meer gebruikt worden maar meestal puur CSS, ik maak/design mijn custom websites ook meestal gelijk vanuit CSS/HTML.
Laatst wou iemand een PSD omzetten naar een WordPress theme, waarop ik moest antwoorden dat ik de PSD kon namaken met de Divi builder en het dus niet nodig was om voor de PSD een custom theme te coderen. Dan heb je zelfs ook updates.
Het designen van een website word steeds meer gedaan vanuit het content, de sliders zijn daar een voorbeeld van. Als iemand jou dus om een design vraagt dan vraagt die gene dus eigenlijk om de indeling en het kleurgebruik. Headers bestaan ook bijna niet meer zoals vroeger.
-
03-12-2016, 18:06 #3Particulier
- Berichten
- 613
- Lid sinds
- 16 Jaar
Re: Collega Designers hoe doen jullie dit ?
Voor basis designs zou dat prima kunnen (Welke DVI Builder zou je aanraden ?) maar in geval van specifiek maatwerk los ik niet op met een drag en drop design tool terwijl ik dit in photoshop alleen maar op de juiste plek neer hoef te zetten.
Ik ben me er nog verder in aan het verdiepen, het is in ieder geval een totaal andere workflow. Ik zoek naar een methode om met zoveel mogelijk vrijheid puur vanuit visueel perspectief te ontwerpen zonder dat ik direct afhankelijk ben van een scripter.
Is er dan niets waar mee je daadwerkelijk een PSD kunt importeren en deze als desktop op het hoogste breakingpoint kunt zetten om vervolgens visueel lagere resoluties toe te passen voor tablet en smartphone welke ik dan ook handmatig aan pas ?
-
03-12-2016, 18:27 #4
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: Collega Designers hoe doen jullie dit ?
Zelf schets ik altijd op papier een beetje de indeling, vervolgens ga ik aan de slag in een word-documentje met het kleurgebruik etc.
Als ik dat allemaal duidelijk heb begin ik gewoon met het maken van structuur in HTML/CSS en ga ik alle combinaties proberen/bekijken wat het mooist staat.
Voor mij gaat dat veel sneller dan alles eerst in Photoshop, ik kan niet eens overweg met Photoshop. Wel kies ik altijd voor custom templates, en geen premium templates. Met premium templates loop ik altijd tegen dingen aan die net niet naar wens werken, terwijl ik echt iemand ben die het exact wil hebben zoals ik het in mijn hoofd heb. Tevens komt het ook altijd ten goede van snelheid wanneer er sprake is van maatwerk.
-
03-12-2016, 18:34 #5
- Berichten
- 1.345
- Lid sinds
- 18 Jaar
Re: Collega Designers hoe doen jullie dit ?
Er zijn wel PSD to HTML tools maar die werken nooit perfect.
Als jij alleen maar met Photoshop overweg kan dan is het niet anders dan door een CSS/HTML scripter het om te laten zetten. Voor tablet en mobiel wordt het zelfde CSS bestand gebruik gemaakt van media queries.
-
03-12-2016, 20:18 #6Particulier
- Berichten
- 613
- Lid sinds
- 16 Jaar
Re: Collega Designers hoe doen jullie dit ?
Dat is niet helemaal waar want je kunt met photoshop je design omzetten naar reflow en vanuit daar precies doen wat ik wil (breaking points zetten en visueel aanpassen per resolutie) alleen kun je vanuit daar de website niet exporteren en dat is dus de missende link in de schakel als dat zou kunnen was ik klaar geweest en had ik ook geen scripter meer nodig voor de basing en dat is waarom ik de vraag hier plaats in de hoop dat ik een tool vind die hetzelfde doet en wel code kan exporteren.
zie: https://www.youtube.com/watch?v=00wEfL930Qk
-
03-12-2016, 20:44 #7
- Berichten
- 1.345
- Lid sinds
- 18 Jaar
Re: Collega Designers hoe doen jullie dit ?
Misschien is dit je antwoord
https://www.smashingmagazine.com/201...ith-the-design
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic