WebÂsite gestalÂten lasÂsen: Vom PhoÂtoÂshop-EntÂwurf zur ferÂtiÂgen Website
PhoÂtoÂshop gilt seit JahÂren als das BildÂbeÂarÂbeiÂtungs-ProÂgramm par ExcelÂlence, mit dem BilÂder, GraÂfiÂken und ZeichÂnunÂgen anspreÂchend und proÂfesÂsioÂnell bearÂbeiÂtet werÂden könÂnen. ZusätzÂlich ist PhoÂtoÂshop aber auch das Tool der Wahl, wenn es um die AufÂbeÂreiÂtung von BilÂdern für das InterÂnet und den proÂfesÂsioÂnelÂlen WorkÂflow zwiÂschen Design und Web-ProÂgramÂmieÂrung beim WebÂsite gestalÂten geht. Eine VielÂzahl von EinÂstelÂlungsÂmögÂlichÂkeiÂten gestatÂtet es, äußerst komÂforÂtaÂbel (selbst aus dürfÂtiÂgen VorÂlaÂgen), das MaxiÂmum herÂausÂzuÂhoÂlen. PhoÂtoÂshop zeichÂnet sich in seiÂnen aktuÂelÂlen ProÂgrammÂverÂsioÂnen außerÂdem dadurch aus, dass es pixelÂgeÂnaue EinÂgrifÂfe erlaubt und webÂopÂtiÂmierÂte GröÂßen sowie jedes nur erdenkÂliÂche Web-BildÂforÂmat unterÂstützt. Es eigÂnet sich daher nicht nur für anfängÂliÂche GestalÂtungsÂentÂwürÂfe, sonÂdern gleiÂcherÂmaÂßen für das proÂfesÂsioÂnelÂle FinisÂhing der entÂspreÂchenÂden Bilder.
Von Anfang an: BildÂbeÂarÂbeiÂtung mit Photoshop
Die GestalÂtung einer WebÂsite geht nicht selÂten mit einer VielÂzahl von EntÂwürÂfen einÂher, die lanÂge bevor sie in ConÂtent ManageÂment SysÂteÂme – dazu weiÂter unten mehr – einÂgeÂpflegt werÂden, dem späÂteÂren ErscheiÂnungsÂbild des WebÂaufÂtritts mögÂlichst nahe komÂmen solÂlen. Zum EinÂsatz komÂmen dafür nicht nur Text- und BildÂeleÂmenÂte, sonÂdern darÂüber hinÂaus mögÂliÂcherÂweiÂse Farb- und GestalÂtungsÂfläÂchen. WeiÂteÂre InforÂmaÂtioÂnen hierÂzu auch im ArtiÂkel: Was zeichÂnet ein gutes WebÂdeÂsign aus. PhoÂtoÂshop eigÂnet sich dank ausÂgeÂfeilÂter Text- und BildÂbeÂarÂbeiÂtungsÂtools sowohl für das LayÂout einÂzelÂner SeiÂten, als auch für die ErstelÂlung einÂzelÂner BilÂder oder BildÂbeÂreiÂche. PhoÂtoÂshop-AnwenÂdern sollÂte allerÂdings klar sein: PhoÂtoÂshop ist als BildÂbeÂarÂbeiÂtungs- und nicht als WebÂsiteÂgeÂstalÂtungsÂproÂgramm zu verÂsteÂhen. Vor Beginn eines WebÂsiteÂproÂjekÂtes gilt es übriÂgens, sich die AbmesÂsunÂgen der ferÂtiÂgen WebÂsite oder der entÂspreÂchenÂden AbbilÂdunÂgen vor Augen zu fühÂren. Da die allÂgeÂmeiÂnen EmpÂfehÂlunÂgen für die ideaÂle AnlaÂge von BilÂdern zum Teil erhebÂlich vonÂeinÂanÂder abweiÂchen und stark CMS-abhänÂgig sind, soll an dieÂser StelÂle nicht auf die genauÂen WerÂte einÂgeÂganÂgen werÂden. Die FestÂleÂgung der richÂtiÂgen BildÂgröÂße ist allerÂdings von nicht gerinÂger BedeuÂtung – eine AbstimÂmung mit dem ConÂtent ManaÂger sollÂte nötiÂgenÂfalls schon im VorÂfeld in ErwäÂgung gezoÂgen werÂden, da späÂteÂre ÄndeÂrunÂgen erhebÂliÂchen AufÂwand verÂurÂsaÂchen können.
- Sie möchÂten eine WebÂsite in moderÂnem Design gestalÂten lasÂsen? FraÂgen Sie uns unter 089.68098057 oder schreiÂben Sie uns.
WebÂopÂtiÂmieÂrung bei der BildÂbeÂarÂbeiÂtung mit Photoshop
Sowohl in HinÂblick auf den FarbÂraum und die AufÂlöÂsung als auch in puncÂto WebÂausÂgaÂbeÂmögÂlichÂkeiÂten verÂfügt PhoÂtoÂshop über alle EinÂstelÂlungsÂmögÂlichÂkeiÂten, die beim WebÂsite gestalÂten erforÂderÂlich sind. Ein weiÂteÂrer wichÂtiÂger Aspekt bei der AusÂgaÂbe von BildÂdaÂten ist das DateiÂforÂmat sowie die KomÂpriÂmieÂrungs- und EinÂstelÂlungsÂmögÂlichÂkeiÂten. JPG, PNG oder GIF? PhoÂtoÂshop bedient sämtÂliÂche DateiÂforÂmaÂte, die im Web wieÂderÂgeÂgeÂben werÂden und von (fast) allen ConÂtent ManageÂment SysÂteÂmen interÂpreÂtiert werÂden könÂnen. WichÂtig: Das ExporÂtieÂren von webÂopÂtiÂmierÂten BilÂdern erfolgt nicht unter „Sichern unter“, sonÂdern über ein gesonÂderÂtes Menü.
„Für Web speiÂchern“: optiÂmaÂle BilÂder für das Internet
Neben den eigentÂliÂchen „Sichern unter“ hält PhoÂtoÂshop einen weiÂteÂren MenüÂpunkt bereit, der als „Für Web speiÂchern“ bezeichÂnet wird und unter dem sich eine VielÂzahl von EinÂzelÂeinÂstelÂlunÂgen vorÂnehÂmen lasÂsen. Die MögÂlichÂkeiÂten sind beachtÂlich und reiÂchen von diverÂsen DitheÂring- und FarbÂeinÂstelÂlunÂgen bis hin zu TransÂpaÂrenz-OptioÂnen oder dem EinÂbetÂten von CopyÂright-InforÂmaÂtioÂnen. BesonÂders interÂesÂsant ist die MögÂlichÂkeit, das Bild erst zu dieÂsem ZeitÂpunkt zu skaÂlieÂren. Von der „Sichern unter“-Option, die ebenÂfalls JPGs unterÂstützt, unterÂscheiÂdet sich „Für Web sichern“ durch die besonÂders starÂken und webÂkomÂpaÂtiÂblen KomÂpresÂsioÂnen sowie einem überÂsichtÂlich unterÂteilÂten EinÂstelÂlungsÂfensÂter . Einer der wichÂtigsÂten VorÂteiÂle der FunkÂtiÂon „Für Web speiÂchern“ ist die verÂgleiÂchenÂde (A/B)-Darstellung des oriÂgiÂnaÂlen und der zu speiÂchernÂden VerÂsiÂon, wichÂtig bei der AusÂwahl von KomÂpresÂsiÂonsÂstuÂfe zur QuaÂliÂtätsÂbeÂtrachÂtung etwa bei JPGs
- WebÂdeÂsign mit einem ConÂtent ManageÂment SysÂtem wie Typo3 oder RedÂaÂxo? FraÂgen Sie uns unter 089.68098057 oder schreiÂben Sie uns.
Die InteÂgraÂtiÂon der BilÂder im ConÂtent ManageÂment System
ConÂtent ManageÂment SysÂteÂme (kurz CMS) verÂwalÂten Text- und BildÂinÂhalÂte auf dynaÂmiÂsche Art – das heißt datenÂbankÂgeÂstützt. DieÂse FestÂstelÂlung ist wichÂtig, um zu verÂsteÂhen, wie CMSs das in BildÂordÂnern abgeÂlegÂte BildÂmaÂteÂriÂal wieÂderÂgeÂben und der KreaÂtiÂviÂtät zu Recht einiÂge durchÂaus verÂschmerzÂbaÂre GrenÂzen setÂzen. In den Backend-VorÂeinÂstelÂlunÂgen des CMS festÂgeÂlegÂte Regeln bewirÂken eine stets einÂheitÂliÂche DarÂstelÂlung von BilÂdern, wesÂhalb es wichÂtig ist, dieÂse Regeln schon beim BearÂbeiÂten in PhoÂtoÂshop zu beachÂten. AndernÂfalls entÂsteÂhen unerÂwünschÂte LeerÂräuÂme oder die BilÂder könnÂten verÂzehrt oder gestaucht darÂgeÂstellt werÂden und verÂfälÂschenÂde gestalÂteÂriÂsche EffekÂte entÂsteÂhen. In der PraÂxis bedeuÂtet dies, dass entÂweÂder das BildÂverÂhältÂnis zu beachÂten ist oder dass aber die exakÂte PixelÂgröÂße beim AnleÂgen der BilÂder bekannt sein sollÂte. Doch CMS verÂdieÂnen auch in andeÂrer HinÂsicht BeachÂtung: Nicht alle CMS beherrÂschen den Umgang mit sämtÂliÂchen BildÂforÂmaÂten, wesÂhalb auch hier im VorÂfeld eine AbstimÂmungsÂschleiÂfe mit dem AdmiÂnisÂtraÂtor zuweiÂlen unumÂgängÂlich ist. Stimmt das BildÂforÂmat und sind die richÂtiÂgen AbmesÂsunÂgen einÂgeÂhalÂten worÂden? Dann sollÂte das Bild beim AufÂruf der SeiÂte entÂspreÂchend gut aussehen.
Für AutoÂdiÂdakÂten seiÂen hier zwei QuelÂlen genannt, die helÂfen, sich direkt im InterÂnet die PhoÂtoÂshop-KenntÂnisÂse anzuÂeigÂnen, die für proÂfesÂsioÂnelÂles WebÂdeÂsign benöÂtigt werden:
- http://www.photoshop.com/learn
- http://www.klonblog.com/2012/06/21/80-coole-photoshop-tutorials-fur-ausergewohnliche-bildeffekte/
Schreibe einen Kommentar zu "Website gestalten lassen: Vom Photoshop-Entwurf zur fertigen Website"