Wie man Ihre Website Responsive and Mobile Freundlich
Und es gibt keinen Grund, warum man nicht einen Entwurf wie diese heute haben soll.
Warum Responsive Web Design?
Die Menschen auf das Internet zugreifen von so viele Arten von Geräten heute bekannt, dass es für eine Web-Seite wichtig ist, auf einen von ihnen richtig zu funktionieren.
Die Bilder sollten automatisch die Größe, so dass sie nicht verzerrt erscheinen.
Die Seite Design muss auch als auch Maus-Benutzer für Touchscreens ermöglichen. Touchscreen-Benutzer müssen in der Lage sein, die Bereiche auf dem Bildschirm zu sehen, wo sie benötigen, um ihre Auswahl zu treffen.
Wenn ich Sie mit all dieser Terminologie verwirrt haben, keine Sorge. Die Lösung ist viel einfacher als Sie vielleicht denken.
zu investieren und viel Geld Sie ausgeben möchten, welche Methode Sie wählen, wird auf die Zeit bereit, Sie sind abhängig zu sein.
Hier sind ein paar Optionen können Sie prüfen.
Holen Sie sich ein Responsive Wordpress Theme
Mit Media Queries (CSS3)
Im Folgenden finden Sie ein Beispiel für eine Medienabfrage Sie Ihren Stylesheet hinzufügen könnte.
Die obige Abfrage sagt einfach den Browser nicht mit einer maximalen Breite von 480 Pixeln in der Sidebar auf Geräten angezeigt werden soll.
Wo haben die #sidebar Syntax aus, fragen Sie? Sie würden die Namen der ID verwenden, die auf Ihrem Stylesheet (CSS-Datei) verwendet wird.
Wenn Sie Wordpress verwenden, können Sie Ihr Stylesheet unter Aussehen >> Editor finden.
Hoffentlich bekommen Sie eine grundlegende Vorstellung davon, wie das alles funktioniert.
Der Umgang mit Bildbasiertes Headers
Die Responsive Bilder Wordpress-Plugin ermöglicht es Ihnen, unterschiedlich große Header zu erstellen, die in Abhängigkeit von der Größe des mobilen Geräts geladen. Wenn weniger in der Lage mobile Geräte verwendet werden, wird dies ermöglichen sie kleinere Bilddateien zum Download bereit.
Outsourcing Your Mobile Responsive Design
Wenn Sie lieber nicht mit irgendetwas davon Aufheben, können Sie immer jemanden einstellen, um den Job zu tun.
In der Tat, wenn Ihr bestehendes Design recht komplex ist, kann es besser sein, die Aufgabe auslagern zu verhindern, dass Sie ziehen die Haare aus.
Denken Sie daran, Ihre Programmierer mit Bedacht zu wählen.
Vermeiden Sie den Drang, Geld in der Entwicklung zu sparen, da man normalerweise nicht mehr als das, was man bezahlt.
Prüfen Sie, wie gründlich sie sind und wie schnell sie reagieren mit ihnen zu kommunizieren, bevor Sie sie mieten. Sowohl Elance und oDesk können Sie mit potentiellen Freelancer entsprechen, bevor sich.
Hier ist etwas anderes zu betrachten.
Sobald Sie Ihre Arbeit veröffentlichen, kann Freiberufler Anwendung beginnen. Viele werden nur mit einem Lager Nachricht und ihrem Lebenslauf / Erfahrung angebracht antworten.
Ich ziehe es für potentielle Freiberufler tatsächlich durch die Erwähnung spezifische Details über zu meinem Job zu reagieren, warum ich sie für den Job einstellen sollte. Es lässt mich wissen, sie haben tatsächlich die Beschreibung lesen.
Ich nicht mieten Menschen, die nur Lager Antworten lassen.
Also, stellen Sie sicher, dass Sie auf den Rahmen des Projekts klar sind, bevor Sie Ihren Job-Antrag.
Seien Sie versichert, Ihr Geld hinterlegt wird, bis Sie die Mittel der Freelancer freigeben. So zahlen Sie nicht, bis Sie zufrieden sind.
Für die Aufzeichnung habe ich verwendet, Elance und hatte sehr gute Erfahrungen gemacht.
Dinge, die mit Responsive Design zu vermeiden
Viele mobile Benutzer tatsächlich verlassen nach nur fünf Sekunden für eine Seite warten geladen werden.
3. Denken, dass one-size-fits-all funktionieren
Jedes Gerät verfügt über eine eigene Schnittstellen, Möglichkeiten und Einschränkungen. Halten Sie alle diese Variablen im Auge, wenn Sie versuchen, ein Benutzererlebnis zu schaffen, die natürliche fühlen.
5. Unter Berufung auf die Abmessungen der Geräte
Zu Besuch Links durch Apps Twitter und Facebook, zusammen mit anderen, bedeutet gezwungen, ihre individuelle Chrom für die Aufnahme von Web-Ansichten zu verwenden. Ihre Entwürfe müssen zusammenhalten, und zwar unabhängig von den spezifischen Dimensionen, die Sie mit zu tun haben könnten.
Wie werden die Menüs behandelt?
Beachten Sie die Hierarchie Ihrer Inhalte.
Responsive Themen wie dies werden Sidebars behandeln, indem sie unter dem Inhalt fallen. Achten Sie darauf, dass Sie die Reihenfolge überprüfen, in dem Sie Ihre Inhalte, unabhängig von der Größe des Bildschirms Sie Catering erscheint.
Hat Ihr Design Video behandeln?
Wenn Sie YouTube verwenden, haben Sie Glück. Der Einbettungscode ist bereits ansprechbar (iFrame), so gibt es nichts extra Sie tun müssen!
Verwenden Sie verschiedene Geräte Ihr Design, um eine Vorschau.
Test, Test und Retest
Responsive Design kann schwierig sein. Nehmen Sie sich Zeit für das Projekt und stellen Sie sicher, dass Sie das Ergebnis erhalten Sie wünschen.
Wenn Sie diesen mögen, bitte teilen. Vielen Dank!