Ansicht:   

#249805

sigi zur Homepage von sigi

05.12.2010, 14:03:48

HP beurteilen. (web.design)

Hallo,

kürzlich haben mir einige gesagt, was an meiner HP nicht gefällt, auch das sie zu bunt ist, wie sieht es jetzt aus bzw. hat jemand Tipps zur gestaltung?

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#249820

Jon [Gast]

05.12.2010, 14:26:24
(editiert von Jon, 05.12.2010, 14:28:19)

@ sigi

HP beurteilen. (ed)

> Hallo,
>
> kürzlich haben mir einige gesagt, was an meiner
> HP nicht gefällt, auch das sie zu bunt
> ist, wie sieht es jetzt aus bzw. hat jemand Tipps zur gestaltung?
>
> Gruß Sigi

Hallo Sigi,
nicht schlecht, die Homepage (es gibt Schlimmeres  :devil: )!
Trotzdem ein paar Tipps:

Jede Seite sollte eine Überschrift haben, und zwar dieselbe, die auch im Menü verwendet wird. Die Seite \"Gallerie\" hat z.B. keine Überschrift. Die Links zur Gallerie sollten nicht \"Übersicht\" heißen.

Der Aufbau mit Frames hat den großen Nachteil, dass man nicht auf einzelne Seiten verlinken kann. Weder kann man auf einzelne Seiten ein Lesezeichen einrichten, noch kann man einen Link auf eine bestimmte Seite verschicken. Hinzu kommt, dass Suchmaschinen mit Frames Probleme haben.

Zum Thema Rechtschreibung und Satzbau antworte ich nur auf Anforderung. Ist ja ziemlich aus der Mode gekommen, das Thema. Möchte hier nicht den Besserwisser geben.

Jon

#250192

sigi zur Homepage von sigi

07.12.2010, 15:40:59

@ Jon

HP beurteilen.

Hallo Jon

> Jede Seite sollte eine Überschrift haben, und zwar dieselbe, die auch im
> Menü verwendet wird.

Danke, ist erledigt.

> Der Aufbau mit Frames hat den großen Nachteil, dass man nicht auf einzelne
> Seiten verlinken kann.

Vorschaubild mit rechts anklicken und entweder im neuen Tab oder Fenster anzeigen lassen, darauf kann man dann auch verlinken. So wie andere Bilderseiten es handhaben finde ich umständlich, mit 2 Fenstern ist es bedienungsfreundlicher.

> Hinzu kommt, dass Suchmaschinen mit
> Frames
> Probleme haben.

Für Suchmaschinen sind auf der Startseite Links die direkt verweisen, die sind außerhalb des sichtbaren Bereichs untergebracht.

> Zum Thema Rechtschreibung und Satzbau antworte ich nur auf Anforderung.

Nur zu, ich will die Seite ja verbessern.

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#250234

Jon [Gast]

07.12.2010, 19:29:52

@ sigi

HP beurteilen.

> > Zum Thema Rechtschreibung und Satzbau antworte ich nur auf Anforderung.
>
> Nur zu, ich will die Seite ja verbessern.

Hallo Sigi,
\"Gruppe mit Bild anklicken wählen\" würde ich umstellen:
\"Gruppe wählen durch Bild anklicken\". Ist leichter verständlich.

\"Bitte wählen sie eine Gruppe durch klick auf ein Bild oder Link aus\". Da fehlt ein Artikel. Bild und Link haben unterschiedliches Geschlecht, deshalb: \"Bitte wählen sie eine Gruppe durch Klick auf ein Bild oder einen Link aus\".
Klick großgeschrieben, ist hier ein Substantiv (DER Klick).

\"Meine Videos auf You Tube\". YouTube wird zusammengeschrieben mit großem T (Binnenversalie).

\"Zum vergrößern bitte ein Vorschaubild anklicken.\" Vergrößern groß.

Du könntest auch noch einen Link auf deinen YouTube-Kanal einbauen: http://www.youtube.com/user/49sigi

Da ist ein <br> im Text, der da nicht hingehört:
[image]

Dito:
[image]
Es ragt auch die Schrift über den grauen Hintergrund hinaus (Firefox 3.6.12) Der Effekt ist unabhängig vom Zoom-Faktor.

Nur ein Vorschlag (die Seite muss dir gefallen, nicht mir): Du könntest statt des reinen Graus ein etwas \"wärmeres\" Grau verwenden. Damit sähe die Seite gleich viel freundlicher aus:
[image]

Soweit mein Senf dazu.
Gruß! Jon

#250269

bender

Strasshof an der Nordbahn,
07.12.2010, 21:33:45

@ Jon

HP beurteilen.

> Es ragt auch die Schrift über den grauen Hintergrund hinaus (Firefox
> 3.6.12) Der Effekt ist unabhängig vom Zoom-Faktor.

Hi,
das meinte ich in meinem Senf zu dem Thema. Ich bin davon ausgegangen, daß das mit der Schriftgröße zusammenhängt, die man im Browser einstellen kann.

--
Grüße aus Strasshof an der Nordbahn (ja, da wo die Natascha im Keller lebte)
bender

sudo apt-get install brain_2.0

#250280

Jon [Gast]

07.12.2010, 23:12:09

@ bender

HP beurteilen.

> > Es ragt auch die Schrift über den grauen Hintergrund hinaus (Firefox
> > 3.6.12) Der Effekt ist unabhängig vom Zoom-Faktor.
>
> Hi,
> das meinte ich in meinem Senf zu dem Thema. Ich bin davon ausgegangen, daß
> das mit der Schriftgröße zusammenhängt, die man im Browser einstellen kann.

Ich hab\'s gerade ausprobiert. Die Schriftgröße kann ich zwar im Browser einstellen, die Einstellung hat aber bei den Schaltflächen \"Home\" und \"Übersicht\" keinen Einfluss auf die Darstellung (nur die Position des Textes verschiebt sich leicht). Der Grund dafür ist der, dass die Schriftgröße im HTML-Text von Sigis Seite mit 16 px fix eingestellt ist.

Was bin ich froh, dass ich mit so Zeugs nicht abgebe. Ich nehme mein CMS, wähle eine passende Skin, passe diese farblich noch etwas an und im Nu habe ich eine lauffähige Website. Wenn ich mich mit solchen Details herumplagen müsste, dann würde ich das Webseiten-Bauen aufgeben.

Jon

#250285

_panograf_ [Gast]

07.12.2010, 23:25:43

@ Jon

HP beurteilen.

...
> Was bin ich froh, dass ich mit so Zeugs nicht abgebe. Ich nehme mein CMS,
> wähle eine passende Skin, passe diese farblich noch etwas an und im Nu habe
> ich eine lauffähige Website. Wenn ich mich mit solchen Details herumplagen
> müsste, dann würde ich das Webseiten-Bauen aufgeben.
>
> Jon

klar, man macht eine Webseite ja auch für sich selber!
Besucher, die sich damit rumschlagen hast Du ja auch nicht  ;-)

#250286

Jon [Gast]

07.12.2010, 23:32:48
(editiert von Jon, 07.12.2010, 23:34:15)

@ _panograf_

HP beurteilen. (ed)

> klar, man macht eine Webseite ja auch für sich selber!
> Besucher, die sich damit rumschlagen hast Du ja auch nicht  ;-)

Die Besucher müssen sich damit nicht rumschlagen. Die Skins funktionieren, sind über Monate von Hunderten von Anwendern mit den verschiedensten Browsern getestet und optimiert. Kann dir gerne einen Link schicken, wenn du so eine Website mal testen willst  :-D

Klar, das ist Massenware, keine individuelle Gestaltung. Aber mir sind die Inhalte 1000 Mal wichtiger als ein spezielles Design - das erst noch erprobt und optimiert werden muss.

Jon

Edit: Sehe gerade, dass meine aktuelle Signatur zu diesem Thema perfekt passt.  :cool:

#250302

_panograf_ [Gast]

08.12.2010, 10:17:39

@ Jon

HP beurteilen.

> > > Was bin ich froh, dass ich mit so Zeugs nicht abgebe.
> > > ...
> > > Wenn ich mich mit solchen Details herumplagen müsste,
> > > dann würde ich das Webseiten-Bauen aufgeben.

< klar, man macht eine Webseite ja auch für sich selber!
< Besucher, die sich damit rumschlagen hast Du ja auch nicht  ;-)
>
> Die Besucher müssen sich damit nicht rumschlagen. Die Skins funktionieren,
> sind über Monate von Hunderten von Anwendern mit den verschiedensten
> Browsern getestet und optimiert. Kann dir gerne einen Link schicken, wenn
> du so eine Website mal testen willst  :-D

ja bitte

>

OK, aber das widerspricht doch etwas der ersten Aussage

>
> Jon
>

#250345

Jon [Gast]

08.12.2010, 17:51:03

@ _panograf_

HP beurteilen.

> ja bitte

Du hast Post

#250391

sigi zur Homepage von sigi

09.12.2010, 11:16:12

@ Jon

HP beurteilen.

Hallo Jon,

danke für die Tipps, einiges habe ich schon umgesetzt, über den Hintergrund denke ich noch nach.

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#249903

_panograf_ [Gast]

05.12.2010, 19:45:18

@ sigi

HP beurteilen.

> Hallo,
>
> kürzlich haben mir einige gesagt, was an meiner
> HP nicht gefällt, auch das sie zu bunt
> ist, wie sieht es jetzt aus bzw. hat jemand Tipps zur gestaltung?
>
> Gruß Sigi

auf den ersten Blick nix zu meckern.
Mich lenkt mal nix von den Fotos ab.
Die Bedienung ist noch entwicklungsfähig
Für die Schaltflächen {Home] [Übersicht] was vernünftige konstruieren
statt dieser Unscheinbaren Dinger.
Zur FrameKonstruktion wurde ja schon etwas gesagt.

#250193

sigi zur Homepage von sigi

07.12.2010, 15:46:10

@ _panograf_

HP beurteilen.

Hallo panograf

> auf den ersten Blick nix zu meckern.
> Mich lenkt mal nix von den Fotos ab.

Dann hat das umstricken ja schon etwas gebracht.

> Die Bedienung ist noch entwicklungsfähig
> Für die Schaltflächen {Home] [Übersicht] was vernünftige konstruieren
> statt dieser Unscheinbaren Dinger.

Da werde ich noch dran feilen.

> Zur FrameKonstruktion wurde ja schon etwas gesagt.

Für Suchmaschinen sind auf der Startseite Links die direkt verweisen, die sind außerhalb des sichtbaren Bereichs untergebracht, mit 2 Fenstern finde ich es bedienungsfreundlicher.

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#249905

Jörg Lorenz zur Homepage von Jörg Lorenz

Berlin,
05.12.2010, 19:55:25

@ sigi

HP beurteilen.

Hi Sigi,

noch eine Ergänzung, falls Du den Quelltext selbst erstellst: Du kannst Dir viel Arbeit sparen, wenn Du den Code semantisch etwas zweckmäßiger erstellst. Mal ein Beispiel.

Hier ist Dein Quelltext:

   <br>  
   &#160; <a href=\"frames/frame-insekten.html\" target=\"_top\">Gemischt</a> 
   <br>  
   &#160; <a href=\"frames/frame-schmetterlinge.html\" target=\"_top\">Schmetterlinge</a>

   <br>  
   &#160; <a href=\"frames/frame-insekten-blueten.html\" target=\"_top\">Insekten (gemischt) auf Bl&uuml;ten</a> 
   <br>
   &#160; <a href=\"frames/frame-libellen.html\" target=\"_top\">Libellen</a> 
   <br>
   &#160; <a href=\"frames/frame-kaefer.html\" target=\"_top\">K&auml;fer</a> 
   <br>

   &#160; <a href=\"frames/frame-schrecken.html\" target=\"_parent\">Schrecken</a> 
   <br>
   &#160; <a href=\"frames/frame-wanzen.html\" target=\"_top\">Wanzen</a> 
   <br><br>

Das kannst Du ändern in:

   <ul id=\"sonstwas\">  
   <li><a href=\"frames/frame-insekten.html\" target=\"_top\">Gemischt</a></li>
   <li><a href=\"frames/frame-schmetterlinge.html\" target=\"_top\">Schmetterlinge</a></li>
   <li><a href=\"frames/frame-insekten-blueten.html\" target=\"_top\">Insekten (gemischt) auf Bl&uuml;ten</a></li>
   <li><a href=\"frames/frame-libellen.html\" target=\"_top\">Libellen</a></li>
   <li><a href=\"frames/frame-kaefer.html\" target=\"_top\">K&auml;fer</a></li>
   <li><a href=\"frames/frame-schrecken.html\" target=\"_parent\">Schrecken</a></li> 
   <li><a href=\"frames/frame-wanzen.html\" target=\"_top\">Wanzen</a></li>
   </li>

Dann kannst Du per CSS der ID \"sonstwas\" für alle Listeneinträge die Eigenschaften zentral zuweisen.

--
Viele Grüße

Jörg
[image]

VBA-Beispiele | Meine Fotosammlung | www.joerglorenz.de | Mail: nt@joerglorenz.de

#250197

sigi zur Homepage von sigi

07.12.2010, 16:10:08

@ Jörg Lorenz

HP beurteilen.

Hallo Jörg

> noch eine Ergänzung, falls Du den Quelltext selbst erstellst:
> Das kannst Du ändern in:


> <ul id=\"sonstwas\">  
> <li><a href=\"frames/frame-insekten.html\"
> target=\"_top\">Gemischt</a></li>
> <li><a href=\"frames/frame-schmetterlinge.html\"
> target=\"_top\">Schmetterlinge</a></li>
> <li><a href=\"frames/frame-insekten-blueten.html\" target=\"_top\">Insekten
> (gemischt) auf Bl&uuml;ten</a></li>
> <li><a href=\"frames/frame-libellen.html\"
> target=\"_top\">Libellen</a></li>
> <li><a href=\"frames/frame-kaefer.html\"
> target=\"_top\">K&auml;fer</a></li>
> <li><a href=\"frames/frame-schrecken.html\"
> target=\"_parent\">Schrecken</a></li> 
> <li><a href=\"frames/frame-wanzen.html\" target=\"_top\">Wanzen</a></li>
> </li>


Die Punkte möchte ich nicht davor haben, in deinem Beispiel hat sich übrigens ein Fehler eingeschlichen. ;-)

> Dann kannst Du per CSS der ID \"sonstwas\"
> für alle Listeneinträge
> die Eigenschaften zentral zuweisen.

Das kann ich doch: id=\"navigationkurz\"

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#250456

Jörg Lorenz zur Homepage von Jörg Lorenz

Berlin,
09.12.2010, 19:57:43

@ sigi

HP beurteilen.

Hi Sigi,

> Die Punkte möchte ich nicht davor haben,

brauchst Du auch nicht - wenn Du es nach der von mir vorgeschlagenen Methode machst, kriegst Du die mit einer kurzen Zeile (list-style-type: none) weg und musst das nicht bei jedem Link machen. Gleichzeitig kannst Du noch mehr Eigenschaften der Liste (z. B. margin, padding) auf einen Schlag ändern.

> in deinem Beispiel hat sich
> übrigens ein Fehler eingeschlichen. ;-)

Ja, das letzte li - das kommt davon, wenn man mehrere Sachen auf einmal macht …

> Das kann ich doch: id=\"navigationkurz\"

Das habe ich da nirgendwo gefunden, vielleicht habe ich es aber auch nur übersehen.

--
Viele Grüße

Jörg
[image]

VBA-Beispiele | Meine Fotosammlung | www.joerglorenz.de | Mail: nt@joerglorenz.de

#250524

sigi zur Homepage von sigi

10.12.2010, 10:25:41

@ Jörg Lorenz

HP beurteilen.

Hallo Jörg

> Ja, das letzte li - das kommt davon, wenn man mehrere Sachen auf einmal
> macht …
>
> > Das kann ich doch: id=\"navigationkurz\"
>
> Das habe ich da nirgendwo gefunden, vielleicht habe ich es aber auch nur
> übersehen.

Kein wunder, wenn Du mehrere Sachen gleichzeitig machst.

<body>

<div id=\"navigationkurz\">
<br>
<a href=\"main/ausruestung.html\" title=\"Ausr&uuml;stung\" target=\"_self\">
<img src=\"main/pro90is.jpg\" border=\"0\" alt=\"Fotoausr&uuml;stung\"></a>&#160;<br>
<br>
<a href=\"natur/frames/frame-natur.html\" target=\"_self\">Fotogalerie&#160;</a><br>
<br>
<a href=\"natur/frames/frame-montagen.html\" target=\"_self\">Montagen&#160;</a><br>
usw.

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

#250620

Jörg Lorenz zur Homepage von Jörg Lorenz

Berlin,
10.12.2010, 23:26:24

@ sigi

HP beurteilen.

> Kein wunder, wenn Du mehrere Sachen gleichzeitig machst.

Da habe ich wohl etwas zuwenig gemacht, weil ich mir das Dokument, aus dem Du zitiert hast, nicht angesehen habe. In der von mir zitierten Seite kann ich die ID nicht finden - da ist nur ein Inline-Style enthalten. Und da sind eben die Elemente - wie in Deinem Zitat auch - nicht gerade semantisch zweckmäßig verwendet. Aber wer keine Arbeit hat, macht sich welche.  ;-)

--
Viele Grüße

Jörg
[image]

VBA-Beispiele | Meine Fotosammlung | www.joerglorenz.de | Mail: nt@joerglorenz.de

#250632

sigi zur Homepage von sigi

11.12.2010, 10:39:14

@ Jörg Lorenz

HP beurteilen.

Moin Jörg,

ich war von der Startseite ausgegangen, hatte mir deinen (Quell)Text wohl zu oberflächlich angesehen, auf der von dir gezeigten Seite macht li auch einen sinn, habe es mal auf die schnelle reingequetscht, danke für den Tipp

> Aber wer keine Arbeit hat, macht sich welche.  ;-)

Die Arbeit war aber schon erledigt, jetzt kommst Du an und machst mir welche. :-P

Gruß Sigi ;-)

--
Meine Naturfotos
Spiel Bilder vergleichen

#250686

Jörg Lorenz zur Homepage von Jörg Lorenz

Berlin,
11.12.2010, 23:15:07

@ sigi

HP beurteilen.

Hi Sigi,

> Die Arbeit war aber schon erledigt, jetzt kommst Du an und machst mir
> welche. :-P

gebranntes Kind …  ;-)

Ich hatte Ende der 90er meine Seiten mit Frontpage Expreß gebastelt. Die Inhalte wurden immer mehr, die Strukturen immer vielfältiger. Irgendwann habe ich dann gemerkt, welchen Murks FPE da erstellt und habe auch immer mehr gemerkt, wie wichtig eine semantisch zweckmäßige Auszeichnung ist. Das war ein sehr langer Prozess der Umstellung, denn das Ganze musste ja erstmal verstanden werden. Jetzt bin ich froh, dass ich das damals im Ansatz gelernt habe und lerne natürlich auch immer mehr dazu. Es erleichtert die Sache einfach - auch, wenn es erstmal mehr Arbeit macht. Nehmen wir mal Dein Beispiel:

<div id=\"…\"><br>
<br>
<a href=…>…</a>&#160;
<br>
<a href=…>…</a>&#160;
<br>

</div>

Was machst Du, wenn Du da mal den Zeilenabstand oder den linken Abstand ändern möchtest? Du musst entweder mit weiteren <br> und vielleicht Leerzeichen arbeiten, oder ellenlange Konstrukte für Eigenschaften für <br> oder/und <a …> basteln. Wenn ich aber meine Variante verwende, spare ich Quelltext, der Quelltext wird übersichtlicher und ich brauche nur an einer Stelle die Änderung vorzunehmen:

<ul id=\"…\">
<li><a href= …</li>
<li><a href= …</li>
</ul>

--
Viele Grüße

Jörg
[image]

VBA-Beispiele | Meine Fotosammlung | www.joerglorenz.de | Mail: nt@joerglorenz.de

#249937

bender

Strasshof an der Nordbahn,
05.12.2010, 23:35:59

@ sigi

HP beurteilen.

Hallo Sigi,

sieht schon viel besser aus. Allerdings: Wenn jemand (so wie ich) im Browser sagen wir mal Verdana 15 eingestellt hat, geht die Schrift über die Begrenzung hinaus. Ich würde entweder die Rahmen so anpassen, daß die Schrift nicht drüber raus geht, oder die Schriftart und -Größe fix vorgeben.

Damit Du siehst was ich meine: stell mal im Browser die Schriftgröße um.

--
Grüße aus Strasshof an der Nordbahn (ja, da wo die Natascha im Keller lebte)
bender

sudo apt-get install brain_2.0

#250079

_panograf_ [Gast]

06.12.2010, 15:47:46

@ bender

HP beurteilen.

> Hallo Sigi,
>
> sieht schon viel besser aus. Allerdings: Wenn jemand (so wie ich) im
> Browser sagen wir mal Verdana 15 eingestellt hat, geht die Schrift über die
> Begrenzung hinaus. Ich würde entweder die Rahmen so anpassen, daß die
> Schrift nicht drüber raus geht,

> oder die Schriftart und -Größe fix vorgeben.

letzteres bitte nicht.
Wozu ist diese Möglichkeit der individuellen Schriftgrößeneinstellung wohl geschaffen worden?

>
> Damit Du siehst was ich meine: stell mal im Browser die Schriftgröße um.

#250080

d-fens

Bonn,
06.12.2010, 16:10:10

@ _panograf_

HP beurteilen.

> Wozu ist diese Möglichkeit der individuellen Schriftgrößeneinstellung wohl
> geschaffen worden?

Gute Frage, wenn man sich anschaut, wie viele Websites einem die Wahl lassen ...  :-(

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#250083

Johann [Gast]

06.12.2010, 16:40:36

@ d-fens

HP beurteilen.

Hallo,

> Gute Frage, wenn man sich anschaut, wie viele Websites einem die Wahl
> lassen

wie meinst Du das? In welchem Szenario hättest Du gerne die Wahl was genau zu tun?

Gruß,
Johann

#250109

_panograf_ [Gast]

06.12.2010, 19:37:39

@ Johann

HP beurteilen.

> Hallo,
>
> > Gute Frage, wenn man sich anschaut, wie viele Websites einem die Wahl
> > lassen
>
> wie meinst Du das? In welchem Szenario hättest Du gerne die Wahl was genau
> zu tun?
>
> Gruß,
> Johann

Du blickst es nicht?
Man möchte nur die Schriftgrößen an altersschwache Augen anpassen können.
Das ist alles!

#250114

Johann [Gast]

06.12.2010, 20:12:35

@ _panograf_

HP beurteilen.

Nichts gegen kernige Sprüche, aber was ich blicke und was nicht kannst Du getrost mir überlassen.  :smoke:
Aber da Du schon dabei bist, gehe doch auf meine Frage ein, wenn Du Sie im Namen d-fens\' beantworten möchtest:

> In welchem Szenario hättest Du gerne die Wahl was genau zu tun?

Ich verstehe nämlich nicht genau auf was Ihr da wohl hinaus wollt.
Browser in den Einstellungen für die Standardschriftart ändern und override der inhaltsseitigen Angaben? Oder die komplette Skalierung z.B. per STRG+Mausrad? Immer eingestellt als default im Lieblingsbrowser oder dynamisch von Seite zu Seite? In welchem gestalterischen und/oder redaktionellen Kontext? Volldynamisch? Pixelgenau? Teils/Teils? Mit Bilder vergrößern oder ohne? Mit CSS oder ohne wie für Sehbehinderte?

Gruß,
Johann

#250170

_panograf_ [Gast]

07.12.2010, 11:45:19

@ Johann

HP beurteilen.

> Nichts gegen kernige Sprüche, aber was ich blicke und was nicht kannst Du
> getrost mir überlassen.  :smoke: ....

Du blickst verstehst auch nicht, was es bedeutet,
wenn am Ende des Satzes ein Fragezeichen zu sehen ist?


>
> Gruß,
> Johann

#250127

d-fens

Bonn,
06.12.2010, 22:27:34

@ Johann

HP beurteilen.

> > Gute Frage, wenn man sich anschaut, wie viele Websites einem die Wahl
> > lassen
>
> wie meinst Du das? In welchem Szenario hättest Du gerne die Wahl was genau
> zu tun?

Es geht eigentlich darum, nichts extra tun zu müssen: Mein Vater zum Beispiel hat im System große Schriften eingestellt (120%), weil er sich sonst sehr anstrengen muss. In vernünftig programmierter Software kommt diese Änderung auch zum Tragen, und auf Websites wie blog.fefe.de ebenfalls. Auf den meisten Websites jedoch ist die Schriftgröße leider in Pixel angegeben, auch hier in Netz-Treff. Damit spielt die Einstellung der Schriftgröße im System keine Rolle mehr. Sobald netztaugliche Einheiten wie Prozent, noch besser em oder eben relative Angaben wie \"small\" etc. verwendet werden, passt es perfekt. Das sind aber leider absolute Ausnahmen.

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#250179

Johann [Gast]

07.12.2010, 13:48:17
(editiert von Johann, 07.12.2010, 13:55:57)

@ d-fens

HP beurteilen. (ed)

> Mein Vater zum
> Beispiel hat im System große Schriften eingestellt (120%), weil er sich
> sonst sehr anstrengen muss.

Ja, ich auch. Ich habe im Wohnzimmer am HD-TV ein Notebook mit W7.
In 1920x1080 mit der original Windows-Schrift kann man nichts richtig erkennen, wenn man am anderen Ende des Raumes auf der Couch lümmelt. Scharf ist das alles, aber viel zu winzig.

> In vernünftig programmierter Software kommt
> diese Änderung auch zum Tragen, und auf Websites wie
> blog.fefe.de ebenfalls.

Ich befürchte, die Problematik ist deutlich komplexer als einfach nur die Systemschriften zu vergrössern.
Ob das mit \"vernünftig\" programmiert zu tun hat ist dabei die Frage. Man muss beim Interfacedesign ja gewisse Bereichsgrössen einhalten, sonst werden ja alle verwendeten Elemente gedehnt und nichts passt mehr zusammen.
Wenn ich bei dem grösser eingestellten System z.B. im WWW browsen möchte, dann würde ich persönlich gerne folgendes Szenario fahren:

-Standardschrift vom Windows nicht riesig, aber Tacken grösser, sagen wir die genannten 120% dpi
-Inhalt des Browsers aber insgesamt stärker gezoomt. Also auch mit evtl. Navi-Grafiken und Bildern. (Analog zu strg+Mausrad).

Wenn im Windows die Systemschriften auf z.B. 200% sind, dann explodiert Dir nicht nur das Rahmenwerk des Browsers mit Bookmarks und den Button-Beschriftungen, Fenstericons, Menüleiste...

> Auf den meisten
> Websites jedoch ist die Schriftgröße leider in Pixel angegeben, auch hier
> in Netz-Treff. Damit spielt die Einstellung der Schriftgröße im System
> keine Rolle mehr. Sobald netztaugliche Einheiten wie Prozent, noch besser
> em oder eben relative Angaben wie \"small\" etc. verwendet werden, passt es
> perfekt. Das sind aber leider absolute Ausnahmen.

Die Angabe von \"px\" im Style ist auch skalierbar, allerdings relativ zur Bildschirmauflösung. Deswegen greift das nicht automatisch. Per strg+Mausrad schon.
Die Dinger mit \"pt\" Angaben sind komplett unskalierbar normalerweise.
Automatisch Skalieren bei rel. Angaben ist gut und in einem Blog wird man das auch noch so gerade hinbekommen, das komplette Angebot rein \'relativ\' zu bemassen. Mit zunehmender Komplexität des dargebotenen Inhalts wird das jedoch u.U. recht schwierig.
Vergesse auch nie den Faktor \"Kunde\", der da oftmals sagt: \"Mir ist egal ob sich das jemand größer machen will und was sie als Techniker meinen. Ich will das so und so weil ich Ihnen nämlich Geld dafür gebe.\".
Wie dem auch sei, ich suche noch eine zufriedenstellende Lösung für mein Fullscreen-Land und stelle mir auf dem Weg dort hin oft vor, wie\'s wohl wäre, wenn ich halb blind durch die (Computer) Welt gehen müsste.
Das wäre ganz schön tricky. Nicht nur Schriften sind da klein, auch viele andere Objekte. Das muss alles beim skalieren zusammen passen. Und da ist der Browser, geschweige dessen Inhalt, ja nur ein Teil.

Abschliessend noch ein Beispiel: Ich hatte kürzlich so ein iPad zum testen vorliegen. Eine der ganz tollen Features finde ich das Touchscreen mit der \"Zoom\"-Funktion. Ganz tolle Sache, funktioniert im WWW nahezu überall.
Aber: Klappt nur im Browser (Safari). Wenn man irgendeine App hat oder im System bissel rumsucht, dann is nüscht mit zoomen.
Meines Erachtens könnten Interfacedesigner ja mal eine Woche lang mit einer Brille aus Milchglas durch die Gegend laufen, dann würden die die Stolpersteine für visuell eingeschränkte Personen schon bemerken.

Gruß,
Johann

#250186

d-fens

Bonn,
07.12.2010, 14:37:56
(editiert von d-fens, 07.12.2010, 14:39:29)

@ Johann

HP beurteilen. (ed)

> Ich befürchte, die Problematik ist deutlich komplexer als einfach nur die
> Systemschriften zu vergrössern.
> Ob das mit \"vernünftig\" programmiert zu tun hat ist dabei die Frage. Man
> muss beim Interfacedesign ja gewisse Bereichsgrössen einhalten, sonst
> werden ja alle verwendeten Elemente gedehnt und nichts passt mehr
> zusammen.

Nicht, wenn verschiedene Bemaßungssysteme miteinander vermischt werden. Wenn ich in Windows in den Anzeige-Eigenschaften den dpi-Wert ändere, bezieht sich das ja nicht nur auf Schriften. Word z. B. benutzt diesen Wert, um das dargestellte Dokument richtig zu skalieren. Ist der reale dpi-Wert eingestellt (also dem Bildschirm entsprechend), ist eine DIN-A4-Seite in Word auch exakt 21cm breit - auf diesem Bildschirm. Danach sollten sich eigentlich alle Bemaßungen einer GUI richten. Klar, ist aufwändig, aber dann passt es zusammen.

> -Standardschrift vom Windows nicht riesig, aber Tacken grösser, sagen wir
> die genannten 120% dpi
> -Inhalt des Browsers aber insgesamt stärker gezoomt. Also auch mit evtl.
> Navi-Grafiken und Bildern. (Analog zu strg+Mausrad).

Zoom ist wieder etwas anderes. Das sollte unabhängig vom dem hardwareabhängigen dpi-Wert behandelt werden, und ich betrachte Zoom auch als etwas Temporäres.

> Wenn im Windows die Systemschriften auf z.B. 200% sind, dann explodiert
> Dir nicht nur das Rahmenwerk des Browsers mit Bookmarks und den
> Button-Beschriftungen, Fenstericons, Menüleiste...

Leider, siehe oben. Manche Programme skalieren ihr GUI aber erstaunlich gut. Prinzipiell ist das nichts anderes, als dass ein Fenster in der Größe veränderbar ist.

> > Auf den meisten
> > Websites jedoch ist die Schriftgröße leider in Pixel angegeben, auch
> hier
> > in Netz-Treff. Damit spielt die Einstellung der Schriftgröße im System
> > keine Rolle mehr. Sobald netztaugliche Einheiten wie Prozent, noch
> besser
> > em oder eben relative Angaben wie \"small\" etc. verwendet werden, passt
> es
> > perfekt. Das sind aber leider absolute Ausnahmen.
>
> Die Angabe von \"px\" im Style ist auch skalierbar, allerdings relativ zur
> Bildschirmauflösung. Deswegen greift das nicht automatisch. Per
> strg+Mausrad schon.

Das ist ein nachträglicher Zoom in die bereits gerenderte Seite und ist ein ganz anderer Vorgang. Es ist eher wie eine Lupe anzusehen, die ich über das Dokument halte. Ich muss das ja auch bei jedem Dokument erneut machen.

> Die Dinger mit \"pt\" Angaben sind komplett unskalierbar normalerweise.

Mit Zoom geht das genauso, siehe oben. Pt ist ja ein festes Maß (1/72 Zoll) und sollte deshalb entsprechend der dpi-Einstellung gerendert werden.

> Automatisch Skalieren bei rel. Angaben ist gut und in einem Blog wird man
> das auch noch so gerade hinbekommen, das komplette Angebot rein \'relativ\'
> zu bemassen. Mit zunehmender Komplexität des dargebotenen Inhalts wird das
> jedoch u.U. recht schwierig.

Niemand hat gesagt, dass Webdesign eine einfache Sache wäre.  ;-) Wenn man sich aber auf eine Bemaßungseinheit beschränkt, sollte das gut gehen.

> Vergesse auch nie den Faktor \"Kunde\", der da oftmals sagt: \"Mir ist egal
> ob sich das jemand größer machen will und was sie als Techniker meinen. Ich
> will das so und so weil ich Ihnen nämlich Geld dafür gebe.\"

Ob es nun Kundenwunsch ist oder Unkenntnis, Faulheit oder was-weiß-ich des Webdesigners, Fakt ist, dass die meisten Websites immer noch nach DTP-Regeln gestaltet werden. Den eigentlichen Vorzug fließenden (Web)-Layouts haben bisher nur sehr wenige verstanden und auch umsetzen können. Oder sie machen halt gar kein Layout und hauen einfach nur Text raus - wie fefe.

Ich werde mal als mein nächstes Projekt eine Website versuchen, die so weit wie möglich sauber skaliert. Jetzt hat mich die Neugier gepackt.  :-D

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#250190

Johann [Gast]

07.12.2010, 14:59:26

@ d-fens

HP beurteilen.

> Fakt ist, dass die meisten Websites immer noch nach
> DTP-Regeln gestaltet werden. Den eigentlichen Vorzug fließenden
> (Web)-Layouts haben bisher nur sehr wenige verstanden und auch umsetzen
> können.

Und das wird sich auch niemals ändern, solange es die Möglichkeit gibt, es konträr zum Sinn von HTML-Dokumenten anzufertigen.
Ich kenne da einige Grafiker, die kommen mir seit Jahren andauernd mit Fragen wie \"wieviel Zentimeter soll denn die Bannergrafik haben?\" und so Scherze.
Dann erklärt man es den Fachleuten, was man braucht, immer und immer wieder... und was kriegt man?
300dpi in CMYK, welches man von den Alpen aus erkennen könnte...

> Ich werde mal als mein nächstes Projekt eine Website versuchen, die so
> weit wie möglich sauber skaliert. Jetzt hat mich die Neugier gepackt.  :-D

Wenn Du rein mit textbasierten Elementen arbeitest wird das sicherlich brauchbar funktionieren.
Ich bin erst mal froh, das mein selbstgebautes Memoryspiel im Zoom ordentlich skaliert.
Das kann sogar Papa auf dem Notebook ohne Brille spielen.

Gruß,
Johann

#250258

Jon [Gast]

07.12.2010, 20:36:37

@ Johann

HP beurteilen.

> Fragen wie \"wieviel Zentimeter soll denn die Bannergrafik haben?\" und so
> Scherze.
> Dann erklärt man es den Fachleuten, was man braucht, immer und immer
> wieder... und was kriegt man?
> 300dpi in CMYK, welches man von den Alpen aus erkennen könnte...

Ist doch kein Problem. Die benötigte Größe in Pixeln mit 300 dpi auf Zentimeter umrechnen und schon kennt sich der Grafiker wieder aus.  :-P

Ich habe mich viele Jahre mit dem maßstabsgetreuen Digitalisieren von Bildern (mittels Videokamera und Digitizer) und dem maßstabsgetreuen Ausdrucken beschäftigt (Schmuckindustrie). In der ganzen Zeit habe ich niemanden getroffen, der die dpi-Angabe wirklich verstanden hat. Vor allem die Angabe der dpi innerhalb einer Bilddatei. Druckereien z.B. verlangen immer \"mindestens 300 dpi\", aber von der Auflösung in Pixeln ist überhaupt nicht die Rede. Weiß nicht, ob das mittlerweile anders ist (ist 10 Jahre her).

Jon

#250262

Johann [Gast]

07.12.2010, 20:48:19

@ Jon

HP beurteilen.

> In der ganzen Zeit habe ich
> niemanden getroffen, der die dpi-Angabe wirklich verstanden hat. Vor allem
> die Angabe der dpi innerhalb einer Bilddatei. Druckereien z.B. verlangen
> immer \"mindestens 300 dpi\", aber von der Auflösung in Pixeln ist überhaupt
> nicht die Rede. Weiß nicht, ob das mittlerweile anders ist (ist 10 Jahre
> her).

Nein, ist heute nicht viel anders, das meine ich ja.
Ich weiss auch nicht, ob manche Grafiker das pampig und zum Trotz so machen, weil sie das digitale Medium verachten oder was weiss ich.
Anders kann ich es mir nicht erklären, dass ich seit Jahren (5+) von bestimmten Grafikern bei der Vorbesprechung zu irgendwelchen WEB-Projekten immer und immer wieder die gleichen dummen Fragen gestellt bekomme:
\"Ja und wieviel cm sind das denn nun, die da oben rein sollen?\"
\"Reichen die DPI für den FAQ-Button?\"
\"Ja, die Flyer-Grafik für den Teaser war in CMYK, ist doch richtig, oder nicht?\"

Aber egal, ich habe gelernt damit zu leben. Kann dadurch glücklicherweise ebenfalls den Photoshop grundlegend bedienen, is auch was Wert.

Gruß,
Johann

#250265

d-fens

Bonn,
07.12.2010, 21:00:17

@ Jon

HP beurteilen.

> Ich habe mich viele Jahre mit dem maßstabsgetreuen Digitalisieren von
> Bildern (mittels Videokamera und Digitizer) und dem maßstabsgetreuen
> Ausdrucken beschäftigt (Schmuckindustrie). In der ganzen Zeit habe ich
> niemanden getroffen, der die dpi-Angabe wirklich verstanden hat. Vor allem
> die Angabe der dpi innerhalb einer Bilddatei. Druckereien z.B. verlangen
> immer \"mindestens 300 dpi\", aber von der Auflösung in Pixeln ist überhaupt
> nicht die Rede. Weiß nicht, ob das mittlerweile anders ist (ist 10 Jahre
> her).

Die dpi bezeichnen ja auch die Auflösung (wie fein werden Details aufgelöst). Die Breite und Höhe in Pixel sind die Abmessungen.

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#250268

Jon [Gast]

07.12.2010, 21:22:54

@ d-fens

HP beurteilen.

> Die dpi bezeichnen ja auch die Auflösung (wie fein werden Details
> aufgelöst). Die Breite und Höhe in Pixel sind die Abmessungen.

Das ist mir schon klar.
Aber welchen Sinn hätte z.B. eine Bilddatei mit 4x4 Pixel Größe und 30000 dpi Auflösung? Die ist zu nichts zu gebrauchen.
Man kann in den Header einer Bilddatei jede beliebige dpi-Zahl reinschreiben, ohne dass sich an der Bildqualität etwas ändert. Die dpi-Zahl im Header gibt bei Bildern, die mit der Kamera aufgenommen wurden, nur den Maßstab an. Über die Bildqualität sagt das nichts aus. Bei Bildern vom Scanner gibt sie die Auflösung des Scanners an. Druckt man das Bild mit derselben Auflösung wie in der Bilddatei angegeben, dann ist es genauso groß wie das gescannte Original.

Wenn ich eine Bilddatei mit 150 dpi in der halben Größe (viertel Fläche) drucke, dann hat sie wieder 300 dpi, ist also trotzdem verwendbar.

Entscheidend ist die Größe eines Bildes im Druck. Im gedruckten Zustand sollte die Auflösung mindestens 300 dpi betragen. Aus der Größe in mm und den 300 dpi kann man dann die Breite bzw. Höhe in Pixeln berechnen, die die Bilddatei mindestens aufweisen muss. Die dpi-Angabe im Header ist da völlig uninteressant.

Aber das weisst du vermutlich alles längst.

Der Begriff \"Auflösung\" ist mir zu ungenau. Gibt immer wieder Missverständnisse. Ich verwende gerne die Begriffe \"Absolute Auflösung\" (Pixel) und \"Relative Auflösung\" (dots_per_inch, dots_per_meter, pixel_per_meter).


Jon

#250279

d-fens

Bonn,
07.12.2010, 22:52:39

@ Jon

HP beurteilen.

> > Die dpi bezeichnen ja auch die Auflösung (wie fein werden Details
> > aufgelöst). Die Breite und Höhe in Pixel sind die Abmessungen.
>
> Das ist mir schon klar.
> Aber welchen Sinn hätte z.B. eine Bilddatei mit 4x4 Pixel Größe und 30000
> dpi Auflösung? Die ist zu nichts zu gebrauchen.

Das ist wohl wahr. Aber sie ist hochauflösend - relativ gesehen.  ;-)

> Man kann in den Header einer Bilddatei jede beliebige dpi-Zahl
> reinschreiben, ohne dass sich an der Bildqualität etwas ändert. Die
> dpi-Zahl im Header gibt bei Bildern, die mit der Kamera aufgenommen wurden,
> nur den Maßstab an. Über die Bildqualität sagt das nichts aus. Bei Bildern
> vom Scanner gibt sie die Auflösung des Scanners an. Druckt man das Bild mit
> derselben Auflösung wie in der Bilddatei angegeben, dann ist es genauso
> groß wie das gescannte Original.

Ja, und wenn man in seinem PC-System die Auflösung seines Bildschirms in dpi einstellt, ist es ein Leichtes, das eingescannte Bild auf dem Bildschirm auch in der gleichen (originalen) Größe anzuzeigen.

> Aber das weisst du vermutlich alles längst.

Hmmm ..?  :???:

> Der Begriff \"Auflösung\" ist mir zu ungenau. Gibt immer wieder
> Missverständnisse. Ich verwende gerne die Begriffe \"Absolute Auflösung\"
> (Pixel) und \"Relative Auflösung\" (dots_per_inch, dots_per_meter,
> pixel_per_meter).

Auch eine Möglichkeit. Wird Pixel pro Meter tatsächlich irgendwo im täglichen Umgang als Einheit benutzt?

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#250283

Jon [Gast]

07.12.2010, 23:16:04

@ d-fens

HP beurteilen.

> Wird Pixel pro Meter tatsächlich irgendwo im
> täglichen Umgang als Einheit benutzt?

Ich kenne die Einheit nur als Angabe im Header von BMP-Dateien. Aber dieses Format ist ja ohnehin so tot wie nur etwas.

Das einzige Bildateiformat übrigens mit dem Koordinatenursprung unten links. Baut von unten nach oben auf. War mal so eine Idee von Micros0ft...

Jon

#250198

sigi zur Homepage von sigi

07.12.2010, 16:11:37

@ bender

HP beurteilen.

Hallo bender

> sieht schon viel besser aus. Allerdings: Wenn jemand (so wie ich) im
> Browser sagen wir mal Verdana 15 eingestellt hat, geht die Schrift über die
> Begrenzung hinaus. Ich würde entweder die Rahmen so anpassen, daß die
> Schrift nicht drüber raus geht, oder die Schriftart und -Größe fix
> vorgeben.

 :kratz: Darüber werde ich nachdenken.

Gruß Sigi

--
Meine Naturfotos
Spiel Bilder vergleichen

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz