Webdesigner Dan Rose ontwierp een site voor webdesigners om hen goede manieren bij te brengen. photoshopetiquette.com is helemaal web 2.0 maar de disciplines zijn niet gebonden aan één versie van Photoshop. Of je nu CS 5.5 gebruikt of de tien jaar oude Photoshop 7, organiseer je layers!

photoshopetiquette.com

Vanaf het begin van de jaren vijftig tot halverwege de jaren zeventig zag je in veel grafische vormgeving een voorkeur voor abstrahering. Veel grafische ontwerpers kozen graag voor een heldere vlakverdeling, elementaire vormen en een beperkt aantal duidelijke kleuren. In een wereld die door de massamedia steeds complexer werd, was er een hunkering naar eenvoud. Nu laten grafische vormgevers zich vaak weer inspireren door de vormgeving uit die tijd en retro is enorm populair. Iedereen die op internet komt is er inmiddels vertrouwd mee en grafische ontwerpers en webdesigners weten het al jaren: de heldere en open vectorstijl bepaalt het gezicht van web 2.0.

Sommige vormgevers en illustratoren hebben op het web verzamelingen aangelegd met illustraties en grafische vormgeving uit de jaren vijftig, zestig en zeventig die met hun vakgenoten wereldwijd gedeeld worden. Ook bestaan er ontelbare inspiration blogs en community sites over midcentury modern en cartoon modern, om maar eens twee stijlen uit die tijd te noemen. Een oprechte liefdesverklaring aan die specifieke retro-vormgeving is de site Grain Edit.

In 2010 had ik al eens iets gepost over de collectie filmtitelschermen die Steven Hill sinds 2001 op zijn webpagina verzamelt. Inmiddels heeft hij 7.614 stills bijeengebracht. Vorig jaar heeft webdesigner Christian Annyas ook een online collectie filmtitelschermen opgezet. Hij is misschien nog niet zover als Steven Hills die nu aan zijn twaalfde jaar begonnen is, maar de vormgeving van zijn site is oneindig veel beter.

Nu er dankzij @font-face veel meer mogelijk is geworden met typografie op het web, zijn webdesigners bewuster van de typografische mogelijkheden en kijken ze graag naar de ontwikkeling van de typografie in de twintigste eeuw. Die kun je niet alleen volgen door in oude magazines te bladeren of postzegels te bestuderen. Filmtitels zijn ook een uitstekende ingang in de geschiedenis van de typografie in de twintigste eeuw.

The Movie Title Stills Collection [ annyas.com/screenshots ]

In de ruim twaalf jaar dat ik nu bezig ben met het bouwen van websites, heb ik voor webdesigners veel zien veranderen. In 1997 begon ik met een pakketje dat Adobe PageMill heette. Twee jaar later stapte ik over op Adobe GoLive en daarna voorgoed op Adobe Dreamweaver (eerst van Macromedia). Al deze applicaties zijn WYSIWYG: Meestal krijg je (op het web) wat je ziet: de simulatie van de webpagina die zo’n programma genereert. Afgelopen week draaide ik voor het eerst Artisteer, volgens de makers een revolutie in webdesign. Artisteer is volledig WYSIWYG en bedoeld voor iedereen behalve webdesigners. Toch is het om verschillende redenen een mooie aanvulling bij Dreamweaver. Waar Artisteer in uitblinkt is de intuïtieve en snelle manier waarmee je templates bouwt voor open source redactiesystemen als Joomla! en Wordpress .

Websites 2.0 zijn steeds meer online applicaties geworden, gekoppeld aan een database en worden via een backend (Content Managing Systeem) beheerd. De visuele opmaak van een site wordt in een template vastgelegd en dat is geen simpele HTML-pagina meer maar een bonte verzameling stijlbladen en allerlei soorten scripts. Joomla! en Wordpress zijn op dit moment de populairste Content Managing Systemen die vooral in de non-profit sector (verenigingen of individuele bloggers) gebruikt worden. Ze zijn tamelijk eenvoudig te installeren en te onderhouden. Bovendien zijn er ontelbare extensies en templates te downloaden waarmee je een Joomla! of Wordpress website naar je eigen hand kunt zetten. Met templates kun je het uiterlijk van een website compleet laten veranderen. Ze zijn te vergelijken met skins maar gaan nog een stap verder. Omdat websites met een CMS modulair zijn opgebouwd, kun je in een template ook aangeven waar je de afzonderlijke blokken (modules) wilt plaatsen. Een template regelt dus niet alleen het uiterlijk van een menu maar bepaalt ook waar dat menu moet komen.

De meeste gebruikers zijn al dik tevreden met een gratis open source CMS. Ze kiezen een favouriete template uit en beginnen daarna met de teksteditor van het CMS de vakken te vullen. Voilá, een dynamische website met een geavanceerde back end en helemaal XHTML- en CSS-proofed, zonder ook maar één regel code te hoeven schrijven. Open Source for the millions. Nu zijn er natuurlijk ook die meer willen. Ze nemen een voorzichtige duik in de code en proberen de template aan te passen. Maar dat blijkt meestal geen eenvoudige opgave. In de eerste plaats moet je HTML kennen en in de tweede plaats moet je CSS kennen. Behoorlijk goed zelfs. En dan ben je er nog niet. Een template van Joomla! is namelijk een heel pakketje bestanden, waaronder ook code in PHP, XML en Javascript. Om een deugdelijke Joomla! template te fabrieken, maak je dus gebruik van vijf ‘talen’!

Het zat er dus dik in dat er een fabrikant zou komen die de miljoenen Joomla! en Wordpress-gebruikers nu tegemoet komt. Met Artisteer bouw je een complete template voor Joomla!, Wordpress, Drupal of andere open source CMS zonder dat je iets van bovenstaande talen hoeft te kennen. Ik moet zeggen dat ik onder de indruk ben. Maar ik geloof niet dat Artisteer een revolutie in webdesign is. Uiteindelijk blijft webdesign een vak dat je moet leren. Een webpagina die kundig vanaf de grond is opgebouwd, blijft toch een heel ander verhaal dan een template die je in een handomdraai met dit programma tevoorschijn kunt toveren.

With Artisteer YOU immediately become a Web design expert, editing and slicing graphics, coding XHTML and CSS, and creating Web Design Templates, Joomla templates, Drupal themes, Wordpress themes, DotNetNuke skins, and Blogger templates (Beta) - all in minutes, without Photoshop or Dreamweaver, and no technical skills.
Bron: artisteer.com

artisteer.com | bekijk de Flash demo

De voorpagina van “the beeb” heeft dit jaar een gedaanteverwisseling ondergaan en is nu helemaal Web 2.0 proofed. We kenden web 1.0 uiteraard als een interactief medium maar web 2.0 benut deze interactiviteit pas ten volle door sites te personaliseren. Op de vernieuwde bbc.co.uk kun je bijvoorbeeld wat inhoud en vorm betreft uitgebreid je voorkeuren instellen. De kaders met nieuwsonderwerpen zijn te verslepen en op een eigen plekje te parkeren, terwijl via een cookie alle instellingen netjes bewaard worden, zodat je de volgende keer je hoogstpersoonlijke BBC-site weer terugziet.

Na de grondige vernieuwing van de voorpagina zijn nu ook verschillende subsites van de BBC aan de beurt waaronder bbc.co.uk/history Een restyling naar web 2.0 betekent in de praktijk veel meer dan alleen een nieuwe jas. Er wordt namelijk steeds meer gevraagd van het technische en functionele ontwerp. Bij de grootscheepse restyling van de BBC-site zijn verschillende teams van informatiearchitecten, client- en serverside developers, usability- en accessability specialisten betrokken. Maar de grafisch ontwerpers en webdesigners spelen nog altijd een cruciale rol omdat zij de look-and-feel van de website bepalen. Om zoveel mogelijk naar het publiek te luisteren, wordt eerst een beta-versie gepresenteerd waarop met een elektronisch formulier gereageerd kan worden.

bbc.co.uk

Vorig jaar verschenen voor het eerst de voormalige Macromedia producten als Flash en Dreamweaver met Adobe producten als Photoshop en InDesign samen in één doos. Deze Creative Suite 3 verscheen op 27 maart 2007. Afgelopen dinsdag werd de vierde editie gepresenteerd. Toen Adobe in 2003 de Creative Suite introduceerde, waren beeldbewerking, desktoppublishing, videoediting, animatie en webdesign niet alleen op het web maar ook in de ontwerpstudio steeds verder naar elkaar toegegroeid. Moest je in het web1.0-tijdperk nog tijdrovende conversies uitvoeren van Photoshop naar Flash, in de Creative Suite werken de applicaties bijna altijd naadloos samen. Na iedere lancering van een nieuwe upgradebundel kost het mij altijd dagen om de gigantische website van Adobe te bestuderen. Natuurlijk richt ik mijn blik dan eerst op de new features. Daar lezen we uiteraard ook alle lof die Adobe over haar ontwikkelaars en gebruikers uitstort. Daarna zijn de blogs en de forums aan de beurt voor de kritische geluiden. Heeft Adobe écht goed naar haar gebruikers geluisterd? En is de nieuwe Creative Suite wel snel genoeg?

Ik vind het altijd erg inspirerend om naar casestudies te kijken van professionals die op uiteenlopende gebieden creatief zijn: filmmakers, modeontwerpers, animators, fotografen, illustrators, grafisch vormgevers en webdesigners. Shortcut to brilliant geeft toegang tot een reeks webvideo’s (of eigenlijk Adobe commercials) waarin we een kijkje nemen in ontwerpstudio’s en professionals vertellen over hun ervaringen met Adobe Creative Suite. Wanneer we hen mogen geloven maken de ontwikkelaars van Adobe (én van het voormalige Macromedia) het weer waar : if you can dream it, you can make it.

Sinds 1996 werk ik met Photoshop en Illustrator. Drie jaar later kocht ik Macromedia Studio met daarin Dreamweaver 3 en Fireworks 3. Als je deze versies vergelijkt met de CS3 versies, kun je ze met recht applicaties uit de vorige eeuw noemen. Ik ga in oktober voor Creative Suite 4 Web Premium, met daarin Dreamweaver CS4, Flash Professional CS4, Photoshop Extended CS4, Illustrator CS4, Fireworks CS4, Acrobat 9Pro, Sountbooth CS4 en Contribute CS4

Adobe.nl [ website Adobe Nederland ] | Adobe Blogs | Adobe TV

Veerle ‘we don’ t serve tagsoup’ Pieters is een webdesigner uit Belgie met een opmerkelijke weblog die wereldwijd in de belangstelling staat. Zo publiceerde het gerenomeerde Digital Web Magazine vorige maand een interview met Veerle.

Veerle Pieters started in 1992 as a freelance graphic designer under the name of Duoh!. The first 3 years were mainly filled with print orientated work such as logos and stationary. From 1995 onward, designing websites and user interfaces for Intranets together with multimedia development was her main focus. In 2000 Veerle founded Duoh! n.v. (n.v. is the equivalent of an inc.) together with Geert Leyseele. Veerle is the CEO of Duoh! n.v. and lives in Deinze, Belgium a small but beautiful country in the heart of Europe. During those past years Duoh! has been working for the Library of Congress in Washington DC for a project called “The Learning Page". An overview of all this work can be found here. In 2003 Veerle discovered Web Standards after seeing the Zen Garden and the work of Douglas Bowman. Since then she never looked back and is actively promoting the benefits through her personal journal. Veerle is the author of Veerle’s blog, an online journal started in September 2003. It’s a source for a wide range of topics going from XHTML/CSS to graphic design tips and personal impressions.

veerle’s blog | meer geeks uit Vlaanderen | meer webdesigners

Dave Shea is the creator and cultivator of the highly influential CSS zengarden. As well as being a member of the Web Standards Project, Dave is the owner and director of Bright Creative, and he writes about all things web for his daily weblog, mezzoblue.com. Living in Vancouver, B.C., Canada, you can usually find him at the local farmer’s markets or independent coffee roasters when he’s not in front of a screen.

mezzoblue.com | csszengarden.com | meer webdesigners

Eric A. Meyer is a prominent American web design consultant and author. He is best known for his advocacy work on behalf of web standards, most notably Cascading Style Sheets (CSS), a technique for managing how HTML is displayed. Meyer has written a number of books and articles on CSS and given many presentations promoting its use. Meyer graduated from Case Western Reserve University in 1992 with a B.A. in History, and minors in artificial intelligence, astronomy, and English. From 1992 to 2000, Meyer was employed as a hypermedia systems manager at CWRU. In 2001, he joined Netscape as an Internet applications manager and remained with the company until 2003. Meyer is currently a consultant for Complex Spiral Consulting as well as a founding member of the Global Multimedia Protocols Group.
Bron: wikipedia.org

meyerweb.com | about Eric | meer webdesigners

Jeffrey Zeldman is a prominent lecturer and author on web design. He also runs his own web design studio, Happy Cog; and has maintained a prominent blog, Jeffrey Zeldman Presents The Daily Report, on the topic since 1995. His most recent book is titled Designing With Web Standards (ISBN 0735712018). Zeldman co-founded the Web Standards Project (WaSP), a group of professional web site designers dedicated to disseminating and encouraging the use of the standards promoted by the World Wide Web Consortium (W3C).
Zeldman is generally held to be one of a vanguard of proficient visual designers (others include Dave Shea and Douglas Bowman) who adopted standards-based, cross-browser solutions to web-design problems. In particular, he helped destroy the myth that accessible web sites (i.e. those that disabled people are able to use) have to be ugly or apparently “undesigned". His books and web sites have helped promote a general improvement in the technical, visual design, usability and accessibility of web sites.
Bron: wikipedia.org

zeldman.com | happycog.com | alistapart.com