logo
Currently Browsing: Web Design

Neue Techniken für kreative und moderne Webseiten

logo

Vor wenigen Jahren bestand eine Webseite nur aus einem Text und mit paar Bildern. Das Ganze wurde in der Skriptsprache HTML geschrieben, die es ermöglichte, zumindest den Text oder Hintergrund der Webseite farbig zu gestalten. Viel mehr war bis dahin nicht möglich. Dann wurde PHP entwickelt, was schon etwas mehr zuließ und vor allem für dynamische Webseiten geeignet ist.

Flash wird noch einige Zeit als Standard gelten

Homepages intelligent planen ist das Wichtigste, was man vor dem Erstellen tun sollte. Dazu gehört es auch, sich erst einen groben Überblick zu verschaffen, welche Inhalte man veröffentlichen möchte. Wenn man Videos und Musik veröffentlichen möchte, dann empfiehlt sich ein Flash-Player. Flash ist ein Standard, mit dem es einfach möglich ist, bewegte Inhalte, wie eben Videos und auch Musik (oder Spiele) in die eigene Webseite einzufügen, ohne dass dafür Kenntnisse in einer Programmiersprache nötig sind. Man lädt einfach die gewünschte Datei auf seinen Internetspeicherplatz, trägt die Internetadresse in den Player ein und setzt ihn auf seine Internetseite.

Ein neuer Standard steht in den Startlöchern – HTML 5

Obwohl Flash schon etwas älter ist, wird es dennoch am häufigsten verwendet, um Musik oder Videos auf der Internetseite abspielen zu können. Aber auch Spiele lassen sich auf der eigenen Webseite integrieren. Doch wird die Kritik immer lauter, dass Flash einfach zu alt und unhandlich ist. Ab 2014 wird die bisherige Skriptsprache HTML 4, auf deren Grundlage neunzig Prozent aller heutigen Webseiten bestehen, durch HTML 5 ersetzt. Vorteil bei der neuen Sprache ist, dass man keine zusätzlichen Programme benötigt um Videos, Spiele und Musik auf der Internetseite zu präsentieren. Alle Mittel, die dafür nötig sind, werden bereits in HTML 5 vorhanden sein.

Die „Wachablösung“ bei der Webseitenerstellung steht kurz bevor

Homepages intelligent planen ist zwar wichtig, doch sollte man dabei nicht die Technik, welche man anwenden will, aus den Augen verlieren. Zurzeit erreicht man die meisten Nutzer mit dem Flash-Plug-in. Es ist jedoch absehbar, das Flash in den nächsten Jahren an Bedeutung verlieren wird.

VN:F [1.0.9_379]
Rating: 0.0/10 (0 votes cast)

Ein grafischer Wiederkennungswert

logo

farbenkarteEine Firma hat viele Grundsätze, natürlich gehört hier ein Motto bzw. ein Leitbild dazu. Doch wenn man eine Firma grundlegend aufbaut und dieser Firma einen eigenen Stempel aufdrücken möchte, ist noch viel mehr zu beachten, als einfach nur den Bereich der Firma zu stärken und die Arbeit zu verwalten. Natürlich kann eine Firma, welche für Catering Services bekannt ist , sich vorwiegend auf das Merchandising von Events oder anderem verlassen, doch besonders in diesem Bereich ist eine grafische Darstellung sehr wichtig. Doch was muss man an einer Firma eigentlich alles grafisch darstellen und inwiefern hilft die grafische Darstellung einer Firma, um sich zu etablieren bzw. sich selber gut zu präsentieren.

Was ist die grafische Darstellung bei einer Firma und wie wird diese am besten beansprucht?
Die grafische Darstellung einer Firma besteht aus vielen Teilen. Ein Teil, welcher wohl allen bekannt ist, ist das Logo einer Firma. Dieses repräsentiert das Unternehmen. Häufig besitzen Logos die Farben eines Unternehmens, welche sich aus dem Leitsatz ergeben. Eine Firma die auf Natur baut, nimmt hier meistens die Farbe Grün, ein Beerdigungsinstitut setzt auf die schlichte Farbe Schwarz . Hinzu kommen Dinge, wie Werbeplakate oder Darstellung auf Visitenkarte, die besonders für potenzielle Kunden zum Anreiz gelten sollen. Natürlich gibt es noch verschiedene andere Bereiche, in denen ein Unternehmen grafische Darstellung benutzen kann. Oft wird diese Grafik von Experten eines Grafikunternehmens in diesem Gebiet ausgeführt. Man bucht eine Firma, welche sich um die grafische Darstellung kümmert. Dies hat den Vorteil, dass man hiermit keine Arbeit hat und außerdem sich der Qualität der Arbeit sicher sein kann. Vielleicht kann man diesen Experten mal ein Essen von www.lieferando.de spendieren , dies kann die Arbeitsmoral stark ankurbeln.

Was bringt grafische Darstellung bei einem Unternehmen?
Wie schon zuvor erwähnt erregt grafische Darstellung das Interesse potenzieller Kunden. So kann man langfristig Gewinn erzielen. Somit ist die grafische Darstellung einerseits für das Merchandising einer Firma sowie für die Repräsentation einer Firma geeignet.

Foto: wordweb.ch

VN:F [1.0.9_379]
Rating: 0.0/10 (0 votes cast)

Was man vor dem Erstellen einer Homepage überlegen sollte!

logo

Viele Leute haben den Wunsch, eine Homepage zu haben. Die Motive hierfür sind sehr unterschiedlich, der eine möchte sich mit seinem Unternehmen im Internet präsentieren, der andere möchte Fotos und Berichte von seinem Urlaub für Freunde und Bekannte dokumentieren, wieder andere möchten eine Diskussionsplattform errichten oder einfach über ein bestimmtes Thema informieren. Doch bevor man anfängt, eine Homepage zu erstellen, muss man sich über gewisse Fragen Gedanken machen, um eine möglichst adequate Lösung zu finden.

Zuerst sollte man sich überlegen, was für ein System man verwenden möchte. Man kann ein Blogsystem wie etwa WordPress benutzen, dies würde sich dafür eigenen, etwa eine Reise zu dokumentieren. Blogs eignen sich allerdings auch, um seine eigenen Gedanken zu veröffentlichen oder auch für eine Informationswebsite zu einem bestimmten Thema. Der Vorteil eines Blogsystems ist es, dass man ohne große Kenntnisse eine anschauliche Website erstellen kann. Für eine Diskussionsplattform würde sich ein Forum eigenen, unter Umständen allerdings auch ein Blog. Wer eine Informationsseite erstellen möchte, der ist mit einer statischen Website gut bedient. Hierfür sollte man allerdings HTML können, ausser man nutzt einen Homepage Baukasten

Weiterhin stellt sich die Frage, ob man bereit ist, etwas Geld für einen guten Hoster und eine Domain zu investieren, oder ob man auf kostenlose Optionen zurückgreifen möchte. Wem die ständige Erreichbarkeit wichtig ist, oder man große Dateien hochladen möchte, sollte man sich überlegen ob man nicht ein paar Euro monatlich in ein ordentliches Hosting Paket investieren möchte. Das gleiche gilt für eine Domain. Für wenige Euro im Jahr kann man sich eine .de Domain registrieren. Eine richtige Domain macht einen professionelleren Eindruck als etwa eine kostenlose .de.vu Domain.

Wenn man diese Fragen geklärt hat, kann man auch schon beginnen, seine Website zu erstellen – es sollten keine Unklarheiten mehr im Wege stehen.

VN:F [1.0.9_379]
Rating: 6.5/10 (19 votes cast)

5 Gründe warum ein Blogdesign nicht fertig wird

logo

baustelle

Es gibt verschiedene Gründe warum ein Blogdesign nie wirklich fertig wird. Wenn Ihr die Ursachen kennt, können einige von diesen vermieden werden.

1. Die Umwelt ändert sich (Technik, Blogosphere etc.)

Der Entwickler selber kann auch in seinem Leben, durch äußere Einwirkungen seinen Geschmack verändert haben, so dass einen Design nicht mehr seinen Vorstellungen entspricht. Auch äußere Einflüßen spielen hier eine Rolle. Weiterentwicklung der Technik, Blogosphere können notwendige Änderungen im Design erforderlich machen.

2. Was vor ein paar Minuten richtig war muss morgen nicht richtig sein

Hinzu kommt noch die eine Idee, die heute entwickelt wird an einem Morgen auch schon wieder als schlechte Idee vorkommen. Heute findet man das alles genauso stimmt und setzt die Idee um und ein paar Tage später stellt man die einzelnen Mängel fest und überarbeitet die Idee noch mal komplett und schon wieder ist ein neues Design entstanden.

3. Faktor Zeit

Ein weiterer Faktor ist auch die Zeit, sie beeinflusst sehr wie gründlich man die Sache angeht. Hat der Designer viel Zeit, kann er intensiv sich mit dem Design beschäftigen kann sich Ideen holen und einige Sachen ausprobieren bis dann scheinbar alles perfekt ist. Hingegen wird unter Zeitdruck nicht so genau gearbeitet man ändert nur das nötigste und will einfach nur schnell fertig sein.

4. Leser ändern sich

Natürlich beeinflusst auch der Leser selbst oft das Design des Blogs. Die Leser verändern sich schließlich auch es rücken immer neue jüngere Leser nach und ältere Fallen weg, daher muss der Designer auch immer darauf achten, dass das Design den Lesern angepasst ist und auch immer aktuell ist. Schließlich ist es oft, was am Morgen noch richtig und aktuell war ist am nächsten Tag, oder sogar am selben Abend, falsch bzw. gibt es schon wieder andere Informationen zu dem Thema.

5. Es gibt keine Perferktion

Jeder Mensch findet etwas anderes schön und im Grunde gibt es nirgendwo diese Perfektion. Das streben nach einem nahezu perfekten Design arten oft in vielen Änderungen und rum doktern am Layout aus. Dies führt dazu, dass das Design nie richtig fertig gestellt wird. Die angestrebte Perfektion ist nur eine Illusion.

VN:F [1.0.9_379]
Rating: 6.8/10 (18 votes cast)

Blog Design HowTo II – Content Box

logo

Content Box

Übersicht der Serie:

1. Header
2. Content Box
3. Top Navigation
4. Sidebar
5. Headlines und Formatierungen
6. Comments
7. Footer
8. Werbung

Wohl der wichtigste Part eines Blogs ist die Textarea, die Contentbox oder einfach ausgedrückt der Textinhalt. Hierbei sollte man grundsätzlich davon ausgehen, dass die Leute online nicht gerne lesen, wenn man sie nicht dazu bringt. Ein Monitor ist kein Buch mit dem man es sich bequem machen kann, von der Strapazierung der Augen einmal ganz abgesehen. Das Lesen am Computerbildschirm ist langsame und mühevolle Arbeit – und kostet Menschen etwa 25 % mehr Zeit als das Lesen von Papier.

Es gibt zu viele Seiten im Internet, dass Menschen leicht das Gefühl bekommen ihre Zeit zu verschwenden. Suchmaschinen liefern tausende Auswahlmöglichkeiten für dasselbe Thema, und die Leute finden sich auf mehreren Seiten wieder, um herauszufinden, welche sich für ihre Zielsetzung am besten eignet. Nicht zuletzt der Faktor, dass die Menschen nicht genug Zeit haben, ist bei der Erstellung jedes Contents zu beachten.

Einige Richtlinien, was man gegen Leseunlust tun kann.

  • Kein geringerer als William Shakespeare schrieb im Hamlet, “ in der Kürze liegt die Würze“.
  • Schreiben Sie Ihre Texte prägnant und auf dem Punkt gebracht.
  • Unsortierte (mit »Bullet Points«) und sortierte Listen werden von Menschen am Bildschirm eher betrachtet. Dieses Verfahren wird als »Content Chunking« bezeichnet und ist ein sehr effektiver Weg, das Auge mitzuziehen.
  • Unterüberschriften und sehr kurze Absätze sind weitere Methoden, die die Seite in Stücke zerlegen
  • Menschen interagieren gerne mit Webseiten. Nutzen Sie das, indem Sie ihren Lesern die Möglichkeit geben, weitere Informationen zum Thema auf anderen Seiten durch externe Links anzusehen.
  • Die umgekehrte Pyramide ist eine Technik der Zeitungsredakteure, die den Kernpunkt des Artikels am Anfang der Seite vorsieht. So werden die Leser die wichtigsten Informationen trotzdem wahrnehmen, auch wenn sie sich weiterbewegen.

Beispiele:

Webstandard
content11

Smashing Magazine
content21

PSDTUTS
content31

Veerles Blog
content41

Typographie

Prinzipiell muss man bei der Auswahl der Schriftart (font-family) beachten, dass nicht jede Schrift auf jedem PC angezeigt werden kann, da dies von den jeweils installierten Schriftarten abhängig ist. Darum ist es dringend erforderlich, stets mehrere Schriftarten anzugeben. Besser, jedoch auch nicht allgemeingültig, lassen sich serifenlose Schriften (z.B. Arial) am Monitor lesen.

Nie sollte man einen Blocksatz auf Webseiten verwenden ( align=”justify” ). Ein Webbrowser besitzt keine automatische Silbentrennung und dies kann zu völlig deplazierten Textanzeigen führen. Empfehlenswert ist eine Zeilenlänge von 60 bis 80 Zeichen pro Zeile. Hierbei wähle man die Schriftgröße so, dass sie groß genug zum bequemen Lesen, aber klein genug zum besseren Überfliegen ist.

Schwarze Schrift auf weißen Grund bietet den besten Kontrast. Verwenden Sie eher weniger, als viele Farben. Eine zu bunte Content Box wirkt schnell verwirrend und unseriös. Heben Sie daher nur die wichtigsten Dinge farblich hervor. Die verwendeten Farben sollten natürlich ins Gesamtkonzept des Blogs passen. Hyperlinks sollten möglichst als solche erkennbar sein. Dabei ist es nicht zwingend erforderlich diese zu unterstreichen. Sollten Sie als Textdekoration für Links jedoch “unterstreichen” verwenden, vermeiden Sie es bitte andere Wörter auch zu unterstreichen.

""Überschriften in der Textarea kommen mehrere Aufgaben zu. So dienen sie zum einen als Einleitung zu einem Thema bzw. Unterthema, und zum anderen lassen Sie sich sehr gut zur besseren Seitenaufteilung nutzen. Überschriften werden in HTML über die Elemente h1 bis h6 ausgezeichnet. Die h1 ist die größte und die h6 die kleinste Headlinehierarchie.
Man sollte beim Einsatz von Überschriften und Zwischenüberschriften unbedingt den hierarchischen Weg einhalten (h1, h2, h3 usw., nicht aber h1, h3, h2…). Die h1-Hauptüberschrift sollte idealerweise den Seiten- beziehungsweise Dokumenttitel beinhalten.

Graphiken

Ein Bild ist 10.000 Worte wert. Dieses Sprichwort ist zwar sehr richtig, nur können Bilder keine detaillierten Informationen wiedergeben. Verwenden sie daher Bilder nur als Blickfang, um die Aufmerksamkeit der Leser zu wecken. Grafik ist nicht gleich Grafik. Der Einsatz von Grafiken im Web bedarf der Berücksichtigung einiger Dinge.
Erstrebenswert ist eine qualitativ hochwertige Grafik mit geringer Ladezeit. Die Monitorauflösung gibt an, aus wie vielen horizontalen und vertikalen Pixel sich das Monitorbild zusammensetzt. Mit modernen Grafikkarten und Monitoren lassen sich Grafiken mit bis zu 2000 Pixel Breite darstellen. Für das Web werden zwei Grafiktypen genutzt: Bitmap-Grafiken (GIF und JPEG) und Vektorgrafiken (Flash).

Bitmap-Grafiken setzten sich aus einzelnen Pixeln zusammen. Diese lassen sich sichtbar machen, wenn eine Grafik vergrößert wird. Von einer Pixelgrafik spricht man dann, wenn die Pixel durch die spezielle Art der Gestaltung sichtbar gemacht werden.

Eine Vektorgrafik besteht im Gegensatz zu Bitmap-Grafiken nicht aus einzelnen Bildpunkten sondern aus einer (farbigen) Fläche, welche durch Ausdehnung in die entsprechende Größe skaliert werden kann.

Die im Webdesign am häufigsten verwendeten Grafikformate sind JPEG und GIF, wobei sich deren Anwendung nach ihrem Verwendungszweck richtet.
Mit einer GIF-Datei kann man zum Beispiel animierte Werbebanner oder Bilder mit transparenten Hintergründen erstellen.
[Mehr Infos]

In diesem Zusammenhang darf nicht die Beachtung des Urheberrechts unerwähnt bleiben. Man sollte tunlichst nur auf eigenes Bild -und Textmaterial zurückgreifen. Die Nutzung copyrightgeschützten Materials, kann sehr unangenehme Folgen nach sich ziehen.

Zusammenfassung

Fassen wir die wichtigsten Merkmale einer Textbox noch einmal zusammen:

  • Stellen Sie den Kernpunkt des Artikels an den Anfang
  • Halten Sie den Text kurz und interessant
  • Gestalten Sie den Inhalt durch Absätze, Überschriften und Listen übersichtlich
  • Verwenden Sie themenspezifische Hyperlinks
  • Heben Sie nur wichtige Fakten farblich hervor
  • Achten Sie bei Grafiken auf geringe Ladezeiten
  • Verfassen Sie den Text so, wie sie ihn selber am liebsten lesen würden
VN:F [1.0.9_379]
Rating: 7.1/10 (9 votes cast)

« Previous Entries

logo
Powered by Wordpress | Designed by Elegant Themes