Forum
Web-Design und UX

Wie schafft ihr es, dass eure Designs auch auf mobilen Geräten gut aussehen? Irgendwelche Tricks?

339 6

Zusammenfassung der Redaktion

  • Wir nutzen Responsive Design Techniken, um sicherzustellen, dass sich unsere Layouts an verschiedene Bildschirmgrößen anpassen.
  • Media Queries ermöglichen es uns, CSS-Regeln auf Basis der Gerätebreite und -orientierung zu definieren.
  • Für eine optimale Benutzerfreundlichkeit testen wir unsere Designs auf realen Geräten und verwenden Emulatoren für verschiedene Auflösungen.
1
16TechWhizz 22 Beiträge
Hey, brauch mal nen Rat von euch. Hab da immer so meine Probleme, dass meine Designs auf dem Handy nicht so richtig knallen. Sieht auf dem Computer immer top aus, aber sobald ich aufs Smartphone wechsel, ist die Optik einfach im Eimer. Kennt ihr das? Und wenn ja, wie macht ihr das, dass es auch auf dem Handy schick aussieht? Habt ihr da irgendwelche besondere Tricks oder Programme, die euch helfen? Wäre über jeden Tipp dankbar!
0
S
SEO_Simon 22 Beiträge
Echt kompliziert, oder? Also, ich nutze das Adobe XD - damit lassen sich die Designs gleich für verschiedene Display-Größen optimieren. Probier's mal aus!
0
P
PolarLight 19 Beiträge
Guter Punkt, das Adobe XD ist ein geniales Werkzeug! Manchmal hilft es auch, wenn man einfach mal alles "wegwischt" und mit einem frischen Blickwinkel neu anfängt. Wie seht ihr das?
0
S
SunnyDay 20 Beiträge
Keine Panik, da bist du nicht allein mit dem Problem. Übung macht den Meister!
0
1
14GadgetGeek 15 Beiträge
Kann ich so nicht nachvollziehen, sorry.
0
Q
QuietLake 18 Beiträge
Also was bei mir voll gut klappt, ist das Arbeiten mit responsiven Design-Prinzipien. Ich achte immer drauf, dass ich flexible Layouts baue – mit Grids und so, die sich automatisch anpassen. Auch Bilder mach ich so, dass die responsiv reagieren und sich nicht einfach verziehen. Und Media Queries sind echt der Schlüssel, damit alles auch bei verschiedenen Bildschirmgrößen vernünftig aussieht. Testen tu ich das Ganze dann in verschiedenen Emulatoren, bevor ich's auf echten Geräten checke.
0
3
3comm3rc3Mav3n 20 Beiträge
Ich weiß ja nicht, responsive Design ist eine Sache, aber klappt das auch wirklich immer so reibungslos? Ich habe oft das Gefühl, dass trotz aller Grids und Media Queries das Ergebnis noch nicht immer 100% überzeugt. Manchmal wirken die Inhalte auf kleinen Bildschirmen einfach gequetscht oder zu gestreckt. Hat jemand eine Idee, wie man das noch besser in den Griff bekommen könnte? Gibt es vielleicht spezielle Tools oder Techniken, die noch präziser darauf eingehen, wie Content auf unterschiedlichen Geräten dargestellt wird?
0

Melde dich an, um zu antworten:

Blogbeiträge | Aktuell

die-datenquelle-der-kuenstlichen-intelligenz-woher-bezieht-eine-ki-ihre-informationen

Künstliche Intelligenz ist heutzutage ein fester Bestandteil unseres Alltags und wird durch maschinelles Lernen und Deep Learning entwickelt. Dabei werden große Mengen an Daten verwendet, um das künstliche neuronale Netzwerk zu trainieren, das entsprechende Aufgaben wie Bilderkennung oder Texte-Übersetzungen ausführen...

die-veraenderungen-im-einzelhandel-durch-den-online-handel

Die digitale Revolution verändert den Einzelhandel grundlegend, wobei Online-Handel und Personalisierung das Einkaufsverhalten prägen; trotz eines leichten Umsatzrückgangs im Jahr 2022 bleibt der Trend zum Online-Shopping stark. Stationäre Händler müssen sich anpassen, indem sie innovative Konzepte wie Click-and-Collect einführen und...

mit-snapchat-geld-verdienen-ein-leitfaden-fuer-einsteiger

In diesem Artikel wird erklärt, wie man Snapchat nutzen kann, um Geld zu verdienen: von Werbung über Sponsoring und den Verkauf von Produkten bis hin zu Premiuminhalten. Es werden auch verschiedene Tipps vermittelt, um erfolgreich zu sein und die beste...

symbolische-ki-vs-maschinelles-lernen

Die Symbolische KI ahmt menschliches Denken und Verhalten durch den Einsatz von symbolischen Regeln nach, während das Maschinelle Lernen darauf abzielt, dass Maschinen aus Erfahrungen lernen und sich verbessern, ohne explizit programmiert zu werden. Beide Ansätze haben ihre eigenen Stärken...

das-neue-postgesetz-2025-was-sich-aendert-wen-es-betrifft-und-welche-herausforderungen-bestehen

Das neue Postgesetz 2025 in Deutschland bringt verlängerte Zustellfristen für Briefe, Kennzeichnungspflicht für schwere Pakete und den Ausbau von Poststationen mit sich, um die Effizienz zu steigern und auf veränderte Kommunikationsgewohnheiten sowie den wachsenden Online-Handel zu reagieren....

wo-sind-die-grenzen-von-chatgpt

ChatGPT ist eine auf KI basierende Technologie, die menschenähnlichen Text generieren kann, aber noch einige Grenzen hat, wie begrenztes Kontextverständnis und das Fehlen von Erinnerungen an vorherige Interaktionen. Trotzdem hat ChatGPT das Potenzial, verschiedene Bereiche von Wirtschaft und Gesellschaft zu...

das-apple-intelligence-verbot-deutschland-verpasst-apples-groe-te-innovation

Apple hat die bahnbrechende Apple Intelligence vorgestellt, deren Einführung in Europa jedoch durch ein Verbot aufgrund des Digital Markets Act blockiert wird. Dies zwingt deutsche Nutzer und Unternehmen dazu, auf alternative KI-Tools zurückzugreifen und könnte Apples Marktposition schwächen....

social-media-trends-2024

Im Jahr 2024 werden innovative Social Media Trends erwartet, die durch steigende Nutzungszahlen und technologische Fortschritte wie KI geprägt sind. Diese Entwicklungen beeinflussen das Nutzerverhalten und bieten neue Möglichkeiten für Content-Erstellung, Personalisierung von Erlebnissen sowie Marketingstrategien....

nokias-untergang-warum-scheiterte-der-handyriese-am-markt

Nokia, einst führend im Mobiltelefonmarkt, verpasste den Übergang zum Smartphone-Zeitalter und konnte trotz Partnerschaft mit Microsoft nicht gegen iOS und Android bestehen. Strategische Fehlentscheidungen und mangelnde Innovationsfähigkeit führten zu einem drastischen Marktanteilsverlust des finnischen Unternehmens....

kreative-bildgenerierung-mit-chatgpt

Der ChatGPT Image Generator ermöglicht die Erzeugung von Bildern aus Textbeschreibungen mittels KI-Technologie, was besonders im eCommerce neue kreative Möglichkeiten eröffnet. Diese Technik bietet Effizienz, Individualität und fördert die Kreativität in der visuellen Gestaltung....

Counter