Webdesign für Tablets ?

[1A_Photoshop]

Meine Auftraggeberin möchte, das ihre Webseite besonders auch für Tablets gut lesbar ist. Mit dem Thema hab ich mich bis jetzt nur sehr stiefmütterlich beschäftigt. Sprich, das muss ich nun nachholen.

Habt ihr Tipps und Hinweise auf was ich beim Anlegen des Grunddesigns, besonders achten sollte bei Schriftgröße oder beim Design ect.? Und wo kann man später Tabletauflösungen testen?

 

[msblacky]

AW: Webdesign für Tablets ?

Hallo,

schau doch mal hier, dazu gibt es einige Teile wo es auch gut erklärt wird.

http://www.psd-tutorials.de/video-t...-/view/22933--responsive-webdesign-einleitung

msblacky

 

[leveler]

AW: Webdesign für Tablets ?

Schau Dir zB mal Bootstrap an. Kost nix. Kannst Du nach belieben modifizieren.
Stichwort bei dem Ganzen: responsive Design.
Hier gibts zB viele gute, recht günstige.Die WordpressVersionen kosten berechtigterweise mehr, sind aber immer noch sehr günstig.
Firefox ist gut zum Entwickeln, da kannst Du Dir Deine Seite gleich im Browser in verschiedenen Screengrößen anzeigen lassen.

 

[1A_Photoshop]

AW: Webdesign für Tablets ?

Hallo,
schau doch mal hier, dazu gibt es einige Teile wo es auch gut erklärt wird.
http://www.psd-tutorials.de/video-t...-/view/22933--responsive-webdesign-einleitung
msblacky

Vielen Dank für deine Antwort, das Video kenne ich. Möchte mir aber nicht gleich das komplette kaufen müssen.

Schau Dir zB mal Bootstrap an.
Hier gibts zB viele gute, recht günstige.Die WordpressVersionen kosten berechtigterweise mehr, sind aber immer noch sehr günstig.
Firefox ist gut zum Entwickeln, da kannst Du Dir Deine Seite gleich im Browser in verschiedenen Screengrößen anzeigen lassen.

Vielen Dank für die Tipps. Vielleicht sollte ich sagen, ich habe schon ein Grundlayout, das nicht mehr verändert werden soll. Ich muss es nur halt sowohl als auch, fürs Web und Tablets hinbekommen. Arbeite mit Dreamweaver CS6.

 

[cythux]

AW: Webdesign für Tablets ?

Hier habe dir mal ein Paar Tips hier gelassen

http://www.w3.org/TR/css3-mediaqueries/
http://screensiz.es/phone
http://usablica.github.io/front-end-frameworks/compare.html

 

[lachender_engel]

AW: Webdesign für Tablets ?

Vielen Dank für deine Antwort, das Video kenne ich. Möchte mir aber nicht gleich das komplette kaufen müssen.

Ich verstehe es richtig, dass Du eine Kundin hast?!
Du willst also damit Geld verdienen?!
Dann ist bei Dir doch Zeit auch kostbar, oder?
Wie lange meinst Du dass Du Dir die Informationen frei im Netz zusammensuchen musst?
Da kann ich Dir wikrlich den Tipp geben, gib' die paar Euro für das Paket aus. Da bekommst Du alle notwendigen Informationen in geballter Ladung.

Du musst Dich nur erst mal entscheiden, ob Du ein responsive oder ein adaptive Design haben willst. Responsive Design wird oft angesprochen, ob wohl es nur adaptive Design ist (auch in dem genannten Workshop).

Vielen Dank für die Tipps. Vielleicht sollte ich sagen, ich habe schon ein Grundlayout, das nicht mehr verändert werden soll. Ich muss es nur halt sowohl als auch, fürs Web und Tablets hinbekommen. Arbeite mit Dreamweaver CS6.

Eine bestehende Webseite in ein adaptive Design umzubauen ist einfacher, weil Du weniger beachten musst. Bei Responsive musst Du einen äußeren Rahmen definieren (z.B. einen DIV-Container) und alles andere nur noch in Größenabhängigkeiten setzen. Vor allem Bilder, Fontgrößen, etc.
Das ist naturgemäß ziemlich aufwändig und lässt sich nicht automatisieren, da Du auch mit Vererbungen der Klassen arbeiten musst.
Also, nicht so einfach.

 

[HerrSamsa]

AW: Webdesign für Tablets ?

is bootstrap ein cms???

 

[cythux]

AW: Webdesign für Tablets ?

is bootstrap ein cms???

Bootstrap ist kein CMS -> es ist ein Framework oder auch als Styleguide anzusehen

Ps.: hier ging es auch nicht ums CMS, sondern eine Webseite an mobible Endgeräte anzupassen

lg

 

[Antonia657]

AW: Webdesign für Tablets ?

Das Stichwort ist Responsive Design, also Webdesign http://www.teil.ch das sich dementsprechend dem Medium anpasst, für Tablets, Smartphones usw. Das oben erwähnte Paket würde ich auch empfehlen, die Investition lohnt sich auf jeden Fall, wenn du dich an Responsive Design versuchen willst.

 

[Myhar]

AW: Webdesign für Tablets ?

Und was hat teil.ch damit zu tun? Oder soll das nur unverschämte Werbung sein? Responsive ist Ihre Seite nämlich nicht im geringsten, es ist in dem Thread also höchstens ein schlechtes Beispiel.

 

[cythux]

AW: Webdesign für Tablets ?

Und was hat teil.ch damit zu tun? Oder soll das nur unverschämte Werbung sein? Responsive ist Ihre Seite nämlich nicht im geringsten, es ist in dem Thread also höchstens ein schlechtes Beispiel.

Dem kann ich mich nur anschliessen, dort sind keine Breakpoints vorhanden

 

[jackprince]

AW: Webdesign für Tablets ?

Vielleicht sollte ich sagen, ich habe schon ein Grundlayout, das nicht mehr verändert werden soll.

entweder - oder

Wenn man ein responsive template haben möchte was sich individuell auf das Medium 'einstellt' dann muss man eben den Schritt gehen und das Layout nach diesen Maßgaben anpassen.
Es ist gut möglich, ein Layout was wie auch immer aussieht auch responsive zu machen, bedarf eben Arbeit, also Anpassung auf markup und CSS Ebene.

Aber zum Glück werden wir genau dafür bezahlt.