escence.de

escence · Beitrag von **escence** » 13.12.2006, 12:25

So. Mein(e) neues Portfolio / neue online Gallerie ist online.

Würde mich sehr über Feedback freuen.

natürlich doof so, ohne Link, bitteschön *click*

Beitrag von **Tante Google** » 13.12.2006, 12:25

beaver · Beitrag von **beaver** » 13.12.2006, 13:09

sieht für mich aus wie ein 15 minuten mockup

code (ich sags trotzdem auch wenn es sowieso den meisten egal ist):
fehlende markups (doctype, character encoding, ...), tables, 30 zeilen code aber mindestens 15 fehler
php verwendest du nur für ein include so wie ich das sehe?!

usability/layout:
fonts schlecht zu lesen. teilweise durch schlechte font-auswahl, teilweise durch den schlechten kontrast.
preview bilder sehen sehr unordentlich zusammengewürfelt aus.
preview bilder haben unterschiedliche größe.
der style der preview bilder ist auch nicht einheitlich.
wozu solche häßlichen "no pictures" - platzhalter? und dann sind sie noch dazu mit auch mit lightbox verlinkt.
usw.

fazit: für mich ein schnell zusammengewürfeltes irgendwas mit ein bißchen javascript

Paradise · Beitrag von **Paradise** » 13.12.2006, 13:39

@DarkMind,

nicht gleich so hart, jeder hat mal klein angefangen. Keine Tables zu verwenden bekomme ich auch bis heute zum teil nicht hin. Die ausrichtung per div/css ist nicht wirklich immer einfach.

@escence, seiten mit http://validator.w3.org/ prüfen und fehler abarbeiten. Man steht zwar erstmal wie der Ox form Berg, aber wenn man sich mit beschäftigt gehts. Manchmal bekommt man 20 Fehler obwohl nur ein " oder / oder sonstwas fehlt. Prüfen geht aber erst wenn du doctype, character encoding angegeben hast. Hat auch den vorteil das Seiten schneller geladen werden...

r4ffi · Beitrag von **r4ffi** » 13.12.2006, 13:42

Der Hintergrund gefällt mir, jedoch kann ich mich DarkMind nur anschließen...
hinzuzufügen: zuviele verschiedene Schriften und diese sehr unproffesionell angeordnet... die Farben find ich ganz nett und die idee eigentlich auch, die Umsetztung hingegen eher unzureichend...

Im großen und ganzen ein guter Anfang aber noch kein gutes Ende in sicht

beaver · Beitrag von **beaver** » 13.12.2006, 13:58

Paradise hat geschrieben:@DarkMind,
nicht gleich so hart, jeder hat mal klein angefangen. Keine Tables zu verwenden bekomme ich auch bis heute zum teil nicht hin. Die ausrichtung per div/css ist nicht wirklich immer einfach.

hart oder nicht, ich versuche einfach nur konstruktive kritik auszuüben. und damit kann escence sicherlich mehr anfangen als wenn ich nur schwammige und beschönigende kritik abliefern würde.

Paradise · Beitrag von **Paradise** » 13.12.2006, 14:31

versuchs mal hiermit für die startseite:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>eScenCe.de // online Gallery of S.Schröter and Pia B.</title>
<style type="text/css"><!--body{
	cursor:crosshair;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
};a:hover{cursor:crosshair;}--></style>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>

<body style="background-image:url(/images/bg.jpg)">
<div align="center">
<table style="margin:0px; height:100%; width:650px; border:0;" id="Table_01">
	<tr>
		<td>
	 <a href="http://www.escence.de"><img src="images/Untitled-9_01.png" width="86" height="507" alt="Bild" border="0" /></a>
	</td>
	<td style="background-image:url(/images/Untitled-9_02.png)" width="471" height="507">
	<a href="index.php?action=1a"><img src="images/architektur.png" border="0" alt="Bild" /></a><a href="index.php?action=2a"><img src="images/sunset.png" border="0" alt="Bild" /></a><a href="index.php?action=3a"><img src="images/land.png" border="0" alt="Bild" /></a>
	<a href="index.php?action=4a"><img src="images/flower.png" border="0" alt="Bild" /></a><a href="index.php?action=5a"><img src="images/journey.png" border="0" alt="Bild" /></a><a href="index.php?action=6a"><img src="images/paintings.png" border="0" alt="Bild" /></a>
	<a href="index.php?action=7a"><img src="images/people.png" border="0" alt="Bild" /></a><a href="index.php?action=8a"><img src="images/black.png" border="0" alt="Bild" /></a><a href="index.php?action=9a"><img src="images/animals.png" border="0" alt="Bild" /></a>
	</td>
		<td>			
		<img src="images/Untitled-9_03.png" width="93" height="507" alt="Bild" /></td>
	</tr>
	<tr>
		<td colspan="3" valign="top">
			<img src="images/Untitled-9_04.png" width="650" height="32" alt="Bild" />
		</td>
	</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

sollte das selbe rauskommen. Zwar nicht perfekt aber habs nur mal auf die schnelle gemacht...
Aber zumindest valid.

Vergleichs mal mit deiner.
XHTML wird zb alles klein geschrieben und sowas wie <td BACKGROUND= gibts nicht...

GaBBaGandalf · Beitrag von **GaBBaGandalf** » 13.12.2006, 14:36

der erste eindruck, wenn man auf die page kommt ist schon nicht schlecht...

Kritiken
links, das esence.de ist pixelig und viel zu groß!!

die bilder auf der hauptseite gefallen, die font nicht: teilweise unlesbar! einheitliche font nutzen!

um resourcen zu sparen könntest du statt der png's einfach jpg's nehmen! fällt nicht auf, da die bilder ja eh nicht transparent sind (ausser esence.de) -> könnest so die qualität höher einstellen - wirkt etwas pixelig so (hast du etwa mit interlance gerendert?)

Bilder von 'Anything Else' und 'Landschaften' passen nicht zum rest...

für die Vorschaubilder würde ich einfach ein Thumbnail machen, wo allen die gleichen abmessungen haben

viel potential, kann noch eine schöne seite werden...
code ist deine sache, interessiert den normalen besucher aucht nicht - mach dir also nicht zu viele gedanken, du musst dich ja mit zurechtfinden, und wenn der code unübersichtlich ist, hast du hald mehr arbeit :P

greetZ:GaBBa

Albanos · Beitrag von **Albanos** » 27.01.2007, 21:48

Hmm.. scheint so, das alles vorgefertigte Brushes sind. Das eine oder andere hab ich bestimmt schonmal irgendwo gesehen. Wenn sogar, ist alles mit Brushes gemacht.

escence · Beitrag von **escence** » 10.05.2007, 02:10

Vielen dank für das Feedback.

eScenCe.de erstrahlt nun in neuem Glanz.
Und kein Wort über das .png-Design, mir fehlte schlichtweg die Zeit mich in xhtml & co. einzuarbeiten und bevor ich wieder den alten Sumpf ausbuddel hab ich mir halt als Übergang so beholfen ^.^

nik · Beitrag von **nik** » 10.05.2007, 11:46

Schulnote: 3

Kappa · Beitrag von **Kappa** » 10.05.2007, 18:00

Die Idee find ich klasse.. Hat was!

escence · Beitrag von **escence** » 10.05.2007, 18:47

Danke. Danke!

escence · Beitrag von **escence** » 31.05.2007, 00:16

*push*

Wieso?

escence.de ist nun wieder mehr als schlicht, im Vordergrund steht ab nu einzig & alleine wieder der Inhalt.
Über Kritik - sofern bei sowas schlichtem Möglich, würd ich mich trotzdem freuen ^^

Eumel · Beitrag von **Eumel** » 31.05.2007, 06:58

@ escence
Minimal gehalten, übersichtlich und farblich gefällig!

gemini2 · Beitrag von **gemini2** » 31.05.2007, 20:29

Sieht gut aus. Nur sind bei der Übersicht die Zeilen verrutscht. About me sollte besser in einer Zeile stehen.