Inhalt

• Ze trëppelen
• Method 1 vun 2: Déi 3 Basisregelen
• Method 2 vun 2: Richtlinnen
• Tipps
• Warnungen

Eng super Websäit ze designen ka wéi eng beängschtegend Aufgab schéngen, awer soulaang Dir d'Grondlage am Kapp behält, fannt Dir de Prozess interessant a lëschteg. Et geet ëm méi wéi nëmme gutt ausgesinn! Mir weisen Iech d'Grondlagen an e puer allgemeng Richtlinnen fir Iech ze hëllefen Websäiten ze gestalten déi d'Leit ëmmer erëm besichen.

Ze trëppelen

Method 1 vun 2: Déi 3 Basisregelen

1. Regel 1:Lauschtert Ärem Client. Dir designt vläicht "déi gréisste Websäit vun der Welt jeemools an der Geschicht vum Universum an doriwwer eraus", mat räiche Schwaarzen, raffinéiert Schrëften, an helle, artistesche Faarwen fir e Site dee rifft "entdeckt mech elo!" Leider wollt Äre Client eng orange Menübar mat hellrosa an orange Buschtawen. Dir sidd entlooss ginn, an Är bescht Websäit jeemools - op déi de Client d'Rechter huet - ass iergendwou op senger Backupdisk, ouni datt iergendeen et erëm gesäit.
   • Studéiert Är Firmenidentitéit vum Client. Huet de Client Iech e puer Websäiten ze weisen déi se gär hunn. Dëst gëtt Iech net nëmmen eng Iddi vu wat se gär hunn, et wäert Iech och e puer Designiddien ginn, un déi Dir vläicht net geduecht hutt.
   • Wann Dir geduecht hutt, mir géife mat der orange a rosa Websäit witzeg sinn, betruecht dëse coolen, sophistikéierte Site:
2. Regel # 2:Kennt Äert Publikum a wat se sichen an passt Ären Design deementspriechend un. De Grond firwat Leit Websäiten hunn ass well se wëllen datt aner Leit se gesinn. Et kann informativ, oder kommerziell sinn, oder eng spezifesch Zilgrupp ënnerhalen. Är Aarbecht als Designer ass ze wëssen fir wien Dir designt, an se op der Säit ze halen wann se do landen.
   • Dir kéint denken, "Wann et gutt ausgesäit, bleiwen se." Awer dëst muss net onbedéngt de Fall sinn. Huelt Immobilien, zum Beispill. Hei ass e Site mat engem propperen, lëschtegen Design. Et huet vill wäiss Plaz déi en oppene Look gëtt, helle Faarwen an e modernt Widescreen Format mat Links op enger prominent Plaz:
   • Kuckt elo dës Approche fir Immobilien an der selwechter Regioun ze verkafen: onroueg a ganz beschäftegt, fad Faarwen a bedeckt a Reklammen.
   • Guess wéi eng funktionnéiert besser fir déi déi en Haus sichen? Richteg, dee wou Haiser! Wann d'Leit no "Heiser ze verkafen zu Santa Monica" sichen, geet et hinnen net wéi e Site ausgesäit. Si wëllen net iwwer den Immobilienagent liesen oder schéi Fotoe vun der Stad gesinn. Si wëllen Haiser gesinn.
3. Regel # 3:Lauschtert selwer. Dir verstitt wat de Client wëllt an Dir wësst wat Äre Maart sicht. Elo ass et endlech Zäit fir Iech, den Designer opzepassen!
   • Baut eng Schabloun an der Grafiksoftware vun Ärer Wiel. Maacht d'Elementer vun Ärer Säit op verschiddene Schichten (sou datt Dir d'Saache spéider upassen kënnt ouni déi ganz Schabloun ze zerstéieren). Dës Elementer kënne sinn:
     • Kappball. Dëst ass en Element dat d'selwecht ass op all Säit vun Ärem Site. Den Header besteet aus dem Titel an dem Logo vum Site, souwéi Linken op déi aner Deeler vun der Websäit (zB Iwwer, Kontakt, asw.). Visuell a praktesch wäert dat alles zesummenhänken. Et ass gutt Praxis den éischte Knäppchen op enger Menübar zréck op d'Homepage ze linken.
     • Zum Beispill, loosst eis e Bléck op Apple kucken:
     • Wéi mat de meeschten Apple Saachen, huet hir Homepage e ganz proppert, einfach Design. Notéiert d'Menübar uewen, mat logeschen Themen fir all Knäppchen, plus e Sichfeld - ëmmer eng gutt Iddi wann Äre Site et ënnerstëtzt. Loosst eis eng Landung Säit fir ee vun de Knäppercher, den iPad, kucken fir e puer Elementer ze gesinn:
     • D'Menübar ännert nëmmen andeems den iPad Knäppchen däischter gëtt.
     • D'Thema vun der Landung Säit gëtt a grousse schwaarze Buschtawen ugewisen.
     • En neie Submenu erschéngt sou datt Dir méi iwwer de Produit léiere kënnt. Wann Dir op ee vun dëse Knäppercher klickt, gesitt Dir datt all Säit nei Inhalter ofhängeg vum Thema bitt, awer identesch sinn am Layout an Design.
     • Oft Mol, all Haaptthema an Ärer Menübar hu verschidden Ënnerschrëften fir Iech auszefëllen. Amplaz eng zweet Menübar ze kreéieren, kënnt Dir Popupmenüe wéi dëst Beispill vu Musicians Friend benotzen:
     • Sidebar. Dëst wäert op ville Säiten vun Ärem Site erschéngen, awer net onbedéngt all - de Kontext bestëmmt. Wéi och ëmmer, et ass e ganz wichtegt Element a muss suergfälteg entworf ginn fir intuitiv ze sinn an net ze onroueg. Am Géigesaz zu der Menübar kann den Inhalt vun enger Sidebar ganz dynamesch sinn. Kuckt dës Zwee Sidebaren Aus Immobilienhändler Trulia Déi éischt ass fir Keefer:
       
       

Method 2 vun 2: Richtlinnen

1. Design eng gutt User Interface. Positioun déi verschidden Elementer vun der Websäit wéi den Titel, Sidebarren, Logoen, Biller an Text op der selwechter Plaz op all Säit fir Äre Site navigéierbar an intuitiv ze maachen.
   • Halt déiselwecht Header uewen op all Säit. Egal ob den Inhalt vun Ärem Site vill widderhuelend Elementer erlaabt oder net, gitt sécher datt d'Spëtzt vun all Säit d'selwecht ass.
   • Benotzt Logik an Ärem Design. D'Elementer op enger eenzeger Säit solle logesch no Wichtegkeet oder Thema bestallt ginn; déi verschidde Säiten um Site sollten och sinn.
2. Schafen eng konsequent Stil. Wou de Layout Äre Site strukturell Konsequenz soll ginn, soll de Stil thematesch Harmonie bidden.
   • Bleift un zwee oder dräi Haaptfaarwen a gitt sécher datt se gutt zesumme ginn.
   • Vermeit ze vill Schrëftstil oder Gréissten ze benotzen; wann Dir e puer alternéiere wëllt, benotzt se déiselwecht Manéier op all Säit.
   • Benotzt Cascading Style Sheets (CSS) fir en eenheetleche Stil ze halen an et méi einfach ze maachen Elementer op enger ganzer Websäit z'änneren ouni op all Säit getrennt ze goen.
3. Maximal Liesbarkeet. Fir Ären Text méi einfach ze liesen, kënnt Dir en op méi kleng Deeler deelen.
   • Benotzt Ënnertitelen a richtegen Abstand fir eenzel vun den Deeler ze trennen.
   • Benotzt fett Bréiwer oder verschidde Gréissten fir d'Hierarchie an d'Wichtegkeet vun den Themen ze weisen.
   • Opgepasst wéi Dir Text behandelt. Maacht d'Schrëft net ze kleng, an erhéicht d'Linneavstand fir grouss Stécker vum Text méi einfach ze liesen. Grouss Flecken Text si méi schwéier ze liesen; brécht et a méi kleng Paragrafen of.
4. Maacht Är Websäit allgemeng liesbar. Benotzt Standard HTML a vermeit Tags, Features a Plug-ins déi nëmme fir eng Mark oder Versioun vum Browser verfügbar sinn.
   • Wärend déi meescht modern Browser a Computere mat komplexe Biller handhaben, gesäit alles méi glat aus wann Dir Är Biller fir de Web verrëngert an optiméiert. Waacht d'Wichtegkeet vu Qualitéit géint d'Wichtegkeet vu Geschwindegkeet.
5. Test Är Websäit. Gitt sécher datt all Link funktionnéiert wéi Dir Iech erwaart, a Biller erschéngen korrekt.
   • Dir wëllt e puer User Tester organiséieren andeems Membere vun Ärer Zilgrupp d'Klarheet an d'Benotzerfrëndlechkeet vun Ärem Design testen a Feedback iwwer Är Websäit ubidden.
6. Publizéiert Är Websäit. Kaaft en Domain Numm wann Dir dat nach net hutt. Kontrolléiert periodesch ob Links nach funktionnéieren a lauschtert no Virschléi datt d'Visiteuren Iech E-Mailen.

Tipps

• Wann Dir fräi sidd de Layout ze designen op Basis vun Ärer eegener perséinlecher Visioun oder Saachen déi Dir op anere Site gesinn hutt, kann et méi einfach sinn e fäerdege Design ze kafen.
• Bombardéiert de Besucher net mat séissen, speziellen Biller. Flash Animatioun, hell Faarwen, Muster Hannergrënn a Musek déi automatesch op der Säitelaascht spillt ware lëschteg Experimenter an den 90er, awer elo fäerten se de Benotzer ewech. Bleift un einfachen Hannergrënn déi mat der Textfaarf kontrastéiere fir maximal Liesbarkeet.
• Dir kënnt ëmmer CSS benotze fir Abschnitterabstand ze optimiséieren.
• Fir Besucher mat héieren oder visuellen Behënnerungen, kënnt Dir Videoe subtitelen, Audio transkribéieren an eng Accessibilitéitsmeldung derbäifügen. Wärend Dëscher kënnen en effiziente Wee sinn fir Informatioun z'organiséieren, sehbehënnerte Besucher mat Screenshotsoftware héieren d'Material net an déi richteg Uerdnung.
• Loosst Är Besucher Tënt spueren: benotzt e separate Stylblat fir gedréckte Säiten.
  • Schreift Hannergrondbiller aus wann Dir d'Printparameter setzt.
  • Benotzt schwaarzen Text op engem wäissen Hannergrond.
  • Maacht d'Menübar an onnéideg Biller ewech.

Warnungen

• Vermeit Plagiat an hält all Copyright Gesetzer. Gitt net zoufälleg Biller mat, déi Dir online oder souguer strukturell Elementer ouni Zustimmung fannt. Alles wat Dir op Ärem Site benotzt muss legal a ethesch sinn.