Einführung in das Web und mobile app Visualisieren Sie deine Idee mit nur einem Bleistift und Papier | Evan Kimbrell | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Einführung in das Web und mobile app Visualisieren Sie deine Idee mit nur einem Bleistift und Papier

teacher avatar Evan Kimbrell, Director at Sprintkick

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

7 Einheiten (31 Min.)
    • 1. Willkommen beim Kurs!

      1:34
    • 2. Einführung in die Skizze

      0:57
    • 3. Erste, was zu tun ist

      1:05
    • 4. Materialien zum Skizzieren

      3:40
    • 5. Skizziere es aus Teil 1

      8:07
    • 6. Skizziere es aus Teil 2

      14:18
    • 7. Lass das Lernen fortfahren

      1:27
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

385

Teilnehmer:innen

1

Projekt

Über diesen Kurs

In diesem Kurs werden wir den ersten Schritt in der Erstellung von Low-Fidelity Drahtrahmen machen - mit einem Stift (Cil) und Papier. Ich weiß, ich weiß, es klingt zu einfach, aber du würdest überrascht sein, wie viele Leute festsitzen, wenn es darum geht, herauszufinden, wie die Website oder die App aussehen soll oder wohin der Inhalt gehen soll. Ich habe Hunderte von mobilen und Webanwendungen entworfen und dies ist der erste Schritt in meiner bewährten Methode

Wir gehen durch, indem wir eine Idee machen, die Anforderungen konzeptionieren und auf Papier bringen. Das Ergebnis ist vielleicht rau, vage und hässlich - aber hier gefällt uns das. Sobald du deine Skizze hast, wird es ein Cinch, wenn du dich auf die Erstellung deines Prototyps / des Mock-Ups befindest.

Jetzt wette ich auf $10 dass du Zugriff auf einen Stift, einen Bleistift und ein Papier hast (tatsächlich in diesem Tag und im Alter der weiß, die Wette auf $5 herabsetzen), also ziehst sie und lass uns losgehen.

Was du lernst:

  • Verstehen der Vorteile und korrekten Einsatz von Prototypen
  • Erstellen Sie die ersten Skizzen Ihres Produkts mit nur einem Stift pen(cil) und Papier
  • Erstellen Sie eine Sitemap für die Beschriftung Ihres Produkts

Was du tun wirst:

Du kannst deine eigene App-Idee (oder eine vorhandene App benutzen) auf dem Papier skizzieren. Überrascht?

Triff deine:n Kursleiter:in

Teacher Profile Image

Evan Kimbrell

Director at Sprintkick

Kursleiter:in

Hi, I'm Evan Kimbrell.

Thanks for checking out my classes.

Currently, I'm the Founder, Director of Sprintkick, a referral-based full service digital agency based out of San Francisco. Over the past 4 years, I've overseen the development and launch of over 100 web and mobile apps. Clients range from 1-2 man startups bootstrapping their initial idea to multibillion dollar Fortune 100's like Wal-Mart, Dick's Sporting Goods, & GNC.

Prior to Sprintkick, I worked as a VC for a firm called Juvo Capital, based out of L.A. I spearheaded the firm's expansion into the Silicon Valley deal flow and into the Consumer Web tech category.

Before working for Juvo, in the long, long ago, I was a co-founder for an educational software startup called ScholarPRO that raised a ton ... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Willkommen beim Kurs!: Hey, Leute, ich bin Evan Kimbrell und ich bin der Regisseur bei Sprint Kick , einem Web- und Mobile-Entwicklungsstudio aus San Francisco, Kalifornien. Jetzt, in dieser Klasse, werde ich Ihnen die App vorstellen, Skizzieren App. Skizzieren ist eine der einfachsten und einfachsten Möglichkeiten, Ideen für ein Feature oder Projekt in den Kopf zu nehmen und es auf Papier zu legen und zu visualisieren. Af Skizzieren ist bei Design- und Entwicklungsstudios sehr beliebt, weil es wirklich einfach . Alles, was Sie brauchen, ist ein Bleistift und ein Papier. In dieser Klasse werde ich Ihnen das vorstellen. Ich werde dir zeigen, wie du damit anfangen würdest. Und ich werde mich sehr darauf konzentrieren, dir zu helfen, durch die Hängen zu kommen, die viele Leute haben wenn sie anfangen zu skizzieren. Vielleicht ist die Idee für diesen Kurs, dass jeder es nehmen könnte. Wenn Sie Unternehmer sind, der zuvor Prototypen hat, aber nur einmal einen schnellen Crashkurs darüber, wie man es auf einem anderen Medium macht, könnten Sie diese Klasse verwenden. Wenn Sie ein Produktmanager, Projektmanager sind und lernen möchten, was die neuesten Techniken für Sie Axt und Benutzer fließt. Dies ist für Sie, die an die Klasse angehängt sind, sind viele Ressourcen angehängte Vorlagen, die Sie für so ziemlich jede Art von Projekt verwenden können, die Sie am Ende der Klasse skizzieren möchten . Wir haben ein Projekt, in dem Sie Ihre eigene Anwendung skizzieren können, oder Sie können eine generische Idee verwenden und das posten und jeder kann darüber reden. Na gut, Leute, ich hoffe, ihr seid aufgeregt. Toe lernen die Einführung in APP Skizzen. Ich freue mich, es beizubringen. Ich seh euch da drinnen. 2. Einführung in die Skizze: Hey, Leute, willkommen im Kurs, also werde ich euch in diesem Vortrag zeigen, wie ihr den ersten Schritt machen könnt, um Low-Fidelity-Drahtrahmen zu schaffen. Nun, ich bin so konzipiert, dass es so einfach wie möglich ist. Ich zeige Ihnen das basierend auf einem Tisch und Papier, und ich werde Ihnen zeigen, wie ich es machen würde. Aber ich mache es wirklich einfach. Jeder hat einen Stift. Jeder hat Zugang zu Papier. Und ehrlich gesagt, das ist wirklich alles, was Sie brauchen, um zuerst die Säfte fließen zu lassen und in den Drahtrahmenprozess eingeführt zu werden, wo man Dinge auf eine Seite legt, ungefähr wie wir es fühlen wollen, wie wir denken, es sollte aussehen . Im Vergleich zu anderen Websites. Wo sollte sich der Inhalt grob befinden? Dies ist wirklich der erste Versuch, etwas auf Papier zu bringen. Es wird roh sein. Es wird vage, aber das ist genau das, was wir wollen 3. Erste, was zu tun ist: Hey, Leute, willkommen zurück in der Klasse. Also habe ich wirklich schnell einen Auftrag für dich. Ich möchte, dass dies das erste, was Sie dio eso am Ende der Skill-Share-Seite sein. Es sagt Diskussionen, die Clip-Diskussionen, und dann können Sie auf neuen Beitrag klicken. Ich möchte, dass du jetzt gehst und das tust und dich vorstellst. Du musst mir nicht viele Informationen erzählen. Sie können einfach Ihren Namen oder Ihren von sagen. Aber was ich gerne von Ihnen hören würde, ist eins. Womit kämpfst du? Und was willst du aus der Klasse rauskommen? Ich denke, das ist etwas, das enorm mit der Klasse geholfen hat. Ich mag es, meine Kurse so einnehmend wie möglich zu machen. Ich antworte allen, und ich möchte sicherstellen, dass ich, wenn ich unterrichte, Ihre Ziele erreiche und genau weiß, was ich zu beheben versuche. Okay, das ist also das Erste. Gehen Sie einfach zum Ende der Seite. Tun Sie das jetzt. Überspringen Sie es nicht. Du kannst es überspringen, wenn du willst, aber ich denke, du wirst es verpassen. In Ordnung. Die nächste Vorlesung 4. Materialien zum Skizzieren: In Ordnung. Also der beste Weg, diesen Prozess zu starten, wenn Sie gehen und zu dem Punkt kommen, wo Sie Struktur tun, Dies ist, nachdem wir Umfang beenden. Das ist, nachdem wir die Strategie beendet haben. Nun, wir irgendwie eine grobe Vorstellung davon, was wir in unserer Anwendung wollen. Wir wissen nur nicht wirklich, wie es aussehen wird. Das ist es, was ich gerne mache. Ehrlich gesagt, ich mag es, einfach verschiedene Stücke Papier herausziehen und anfangen zu klettern. Ähm, ehrlich gesagt, wenn Sie anfangen, diesen Prozess zu machen, machen Sie sich keine Sorgen darüber, wie es herauskommt. Mach dir keine Sorgen darüber, wie viele Fehler du machst. Sie machen viele Fehler, und oft möchten Sie in der Lage sein, zu erkennen, was ein Fehler ist. Ähm, aber das ist es, was ich gerne mache. Ich mag Teoh schnappen, was ich um mich herum habe. Sie können es auf einer Serviette tun, dass Sie es auf einem legalen Pad tun könnten. Aber meine Vorliebe ist es, diese grundlegende Art von Labor-Gitterlinien zu verwenden. Und Sie können sehen, dass das wie ein Labornotizbuch ist. Es hat automatische Gitter darauf, und der Grund, warum ich das mag, ist, weil ich persönlich nicht zeichnen kann, um mein Leben zu retten auf Guy kann nicht wirklich in den Linien bleiben. Und das hilft mir wirklich, wenn ich lese zeichnen Rechteck oder eine Box oder ich zeichne einen Browser wirklich hilft mir, in den Zeilen zu bleiben. Es hilft mir auch, war Dimensionierung. Viele Male wird eine Schaltfläche machen, und ich kann einfach sagen OK, na ja, die neu erstellen diese Schaltfläche muss es sein, um drei zu kaufen, und dann kann ich Schaltflächen erstellen, die ungefähr gleich aussehen. Größe spielt keine Rolle. Ich denke nur, dass es im Allgemeinen hilft, etwas zu machen, auf das ich ein bisschen stolz höre. Es hilft, dass Sie Art von ungefähr visualisieren können, wie Raum jetzt aussieht. Wenn Sie keinen Zugriff darauf haben, die absolute Mindestanforderung an Skizzen, wirklich alles. Ich meine, wie ich schon sagte, du könntest eine Serviette gebrauchen. Hier ist eine weitere sehr einfache Option. Nur Computerpapiere. Großartig auch. Es ist groß. Es ist weit offen. Versuchen Sie, was ich tue, wenn ich Computerpapier verwenden, ist, werde ich nehmen, um sie Seite an Seite auf einem zu setzen. Ich drehe sie grob aus. Meine Gedanken hoffen notiert, wie ich weitergehe und dann hier drüben ist, wo ich versuche, die endgültige Version zur Version zu machen , wo ich eigentlich etwas schaffen werde, das etwas richtig aussieht. Nun, wenn Sie sich den Ressourcenabschnitt in diesem Kurs ansehen, habe ich tatsächlich einige Vorlagen enthalten, die Sie verwenden können. Und genau hier, was es tut, ist es ist Dies ist besonders hilfreich für die Verwendung von mobilen Anwendungen. Denn wenn Sie sagen, skizzieren hier drüben und ich will es für ein iPhone sechs oder ein Samsung Galaxy drei Jahr, was auch immer Rs drei, Ich bin nicht ganz sicher, wie groß das sein sollte. Und ich könnte es am Ende irgendwie überall machen. Das kann Ihnen tatsächlich helfen. Und wenn Sie also dorthin gehen und es herunterladen,können Sie sehen, dass es mehrere Versionen gibt, wie hier ist ein iPhone sechs auf DSO. Und wenn Sie also dorthin gehen und es herunterladen, Es hat bereits alle Größen für Sie. Hier ist ein Sechs plus, ähm, und hier ist das iPad. Hier ist ein Sechs plus, ähm, Und denken Sie daran, dass Sie diese beide weise Design so gestalten können. Entwerfen Sie es so. Okay, also, ähm, einfach so wie die Einrichtung, die ich persönlich mache, wirst du es nicht so haben weil du das nicht jeden Tag professionell machst. Aber ich mag es, ist nur mehrere Arten von Papier aus haben. Und ich mag, dass mein Computer hier auch, auch, denn ständig werde ich Inspiration brauchen, um meine Seiten zu formatieren. Oder, weißt du, manchmal ist es schön, eine kleine Pause im Weltraum zu machen, aber es ist wirklich schön, da drüben etwas hochziehen zu können und dann den Zeh zu versuchen , es hier unten zu emulieren. 5. Skizziere es aus Teil 1: In Ordnung. Willkommen zurück auf dem Kurs, also weiß ich es. Haben Sie das Labor-Notizbuch raus, und ich möchte wirklich durchlaufen? Was? Die ersten Schritte sind, Ihre Idee auf ihr Papier zu setzen. Im Idealfallsollten Sie Ihr Geltungsdokument offen haben, Andi neben Ihnen. Im Idealfall sollten Sie Ihr Geltungsdokument offen haben, Und ich würde das normalerweise am Computer hier drüben hochziehen, nur damit ich nachsehen kann, ob mir irgendetwas fehlt. Nun, Sie daran, dass es ein Geltungsdokument ist. Du wirst also nicht jedes einzelne Feature einbauen, weil wir die Struktur machen. Die Struktur ist mawr, genau wie, wohin der Landingpage Text gehen sollte. Wo ist die Begrüßungsüberschrift? Ungefähr wo der Kontakt mit uns ist. Welche Spalten sollten wir solche Dinge verwenden? Dies ist wirklich die am wenigsten ausgefeilte Version davon möglich. Jetzt benutze ich einen Stift. Das liegt daran, dass ich, weißt du, gerne am Rande lebe, und ich benutze gerne Dinge, die dauerhaft sind. Aber es bedeutet auch, dass ich nicht ständig Papier wegschmeiße. Ich schlage vor, einen Bleistift persönlich zu verwenden und ihn dann mit dem Stift wegen des Bleistifts zu übergehen . Wenn du einen flippigen Rand machst, könntest du einfach darüber hindurchgehen. Aber dann wieder, Leute, es spielt wirklich keine Rolle, solange du es verstehen könntest und es mag, es jemandem zu zeigen , sie können es verstehen. Also lassen Sie uns sagen, dass wir ein Web-Projekt machen und ich würde in der Regel gerne Teoh Etikett von oben, was auch immer es ist, und dann sagen Sie etwas wie, Was auch immer Seite es ist, Also können wir einfach sagen, Aber springt Nummer eins wird nur sagen -Startseite. Ok? Und das ist nur, um mich daran zu erinnern, was ich noch mal kritzeln werde. Normalerweise mache ich hier eine Kopie, und ich würde einfach hier rüber ziehen. Teoh markieren Sie meine Gedanken Jetzt Das einfachste, was mit Abstand zu beginnen ist, Sie werden wieder diese Seite, und Sie sind wie, Ich weiß nicht, was zu tun oder nicht einmal anfangen. Das erste, was zu tun ist, wäre zu entscheiden, was du machst. Weber Mobile seiner Web oder mobile zeichnen die Begrenzungsrahmen. Wenn Sie mobil machen, schlage ich vor, die Vorlagen zu verwenden. Aber wenn Sie zeichnen Web, ziehen Sie einfach einen Browser herum und versuchen, es so grob aussehen, was Sie über sie aussehen erinnern , wie das wird helfen. Du bist irgendwie in Stimmung, um es zu verstehen, oder? So wird es in einem Browser aussehen. Also würde ich einfach ein Rechteck zeichnen. Gönnen Sie sich ein wenig mehr Platz. Mach dir keine Sorgen über die Portionalität der Auflösung. Das wirst du später erledigen. Ok? Wie du die Grenzen sagst, hilft mir nicht mal so sehr. Aber Sie können sich nur vorstellen, wie schlimm das wäre, wenn ich es auf ungerundeter Seite auf tun würde. Dann werde ich einfach so tun, als wäre es wie ein Browser. Wir werden so tun, als wäre es Chrom. Ich bin jemand, der ständig unzählige Tabs geöffnet hat. Ich werde hier danach suchen. Bisher haben sie Symbole. Haben sie normalerweise keinen Grund mehr? Also gehen wir hin. Jetzt haben wir ein sehr, sehr einfaches Bild eines Webbrowsers. Jetzt ist es hilfreich, weil ich jetzt weiß, was ich zeichne, in diesem Raum vorkommt. Eine Sache, die Ihnen helfen könnte, ist, wenn Sie diese Außengrenze wie Ihren Browser oder Ihr Mobiltelefon zeichnen . Wenn Sie es mit einer anderen Farbe zeichnen, nur so können Sie sich auf diese Ebenen konzentrieren. Mach nicht verrückt damit. Ansonsten sieht es wie ein Eis am Stiel aus, und es ist schwer, Ihre Augen zu fokussieren. Aber das ist eine Technik. Wenn Sie etwas verwenden, das ein wenig anders ist als das, sagen wir, wie blau, blau und schwarz oder normalerweise leicht zu betrachten, würde nicht vorschlagen, lila, rot und grün zu verwenden . Behalten Sie es. Halten Sie in einer Weise, dass die Leute es tatsächlich betrachten können und nicht verrückt werden. Okay, also, äh, das ist die Art, wie ich immer einen anderen anfange. Haben Sie einen Browser aktiviert, und Sie werden dies später sehen. Wenn wir unsere ersten Drahtrahmen erstellen, beginne ich immer mit dem gleichen Ding. Das erste, was ich immer mache, ist, dass ich fast immer mein Logo oben aufstelle. Links auf. Habe ich eine Navigationsleiste gezeichnet? Nun, nicht jede einzelne Website macht das mehr auf die gleiche Weise. Es gibt viele unserer Möglichkeiten, wie Sie sich Navigationsleisten ansehen können, und später sehen wir einige Navigationsleisten an und wie sie hier aussehen . Es spielt keine Rolle. Ich meine nochmal, wir schauen uns nur die Struktur an, also würde ich dich zuerst entscheiden. Ich werde keine traditionelle Website haben, auf der ich das Logo hier und dann jede einzelne Unterseite hier und dann Fußzeile habe. Die Chancen stehen, dass Sie immer eine Fußzeile haben, und es ist immer eine gute Idee, einen Fuß zu haben oder nicht nur für s CEO Zwecke. Aber für Navigationszwecke in Ihnen X müssen Sie nicht immer die Navigationsleiste oben haben. Viele Leute haben , jetzt lange Seiten, und sie wollen einfach den ganzen Weg nach unten scrollen. Und wieder, wenn Sie eine Anwendungsseite erstellen, dann hätten Sie das nicht richtig? Sie bauen die Anwendung auf, zum Beispiel würde ich auf der linken Leiste eine Reihe von Knöpfen setzen oder ich kann mich bewegen. Ähm, weißt du, oder vielleicht habe ich es aufgestellt. Mehrere Navigationsleisten haben eine hier oben, eine hier drüben und eine hier unten. Aber wenn Sie also eine normale Website machen, was ich immer wieder das ist, wie ich es immer gerne starten. Also habe ich hier oben eine Kiste gesteckt, nenne es ein kleines Mädchen, okay? Und dann würde die Navigationsleiste hier bis zu Ihnen gehen, ob Sie es wollen, aber ich benutze es gerne. Sei nicht überflüssig. Nicht nach Hause setzen ist eine Navigationsleiste. Denken Sie daran, Sie immer auf das Logo klicken, also würde ich sagen, Oh, wie die Preise über uns jetzt erinnern, spielt keine Rolle. Wir versuchen nur, das Format zu erledigen. Der Rest davon ist nur Schrott. Ähm, also würde ich das sagen. Und dann würde ich eine Entscheidung treffen. Irgendwie, was für ein Stil, den ich hier will. Das nächste, was ich wirklich schnell tun, wurde ich Fußzeile fallen gelassen. Also werde ich eine wirklich dünne hier setzen, wenn der Fuß immer nur hat, wie, wie kontaktieren Sie uns, und dann vielleicht das Logo hier oben aufgeregt rec Center, und dann könnte man buchstäblich setzen Sie sie erinnern Sie sich, Flüsse sehen es an. Ähm, dann weißt du, es ist nur irgendwie so, wie du es tun willst. Also, sagen wir in diesem hier, ich werde einfach eine grundlegende Art von Titelseiten-Design machen ich werde einfach eine grundlegende Art von Titelseiten-Design machen. Viele Leute machen das jetzt. Also, was du tun würdest, ist zu sagen, dass du so eine Kiste hast, okay? Und dann liegt es an dir, ob du willst, besonders das Bild in dieser Box. Aber was ich sagen kann, ist, dass ich es so machen könnte. Ich kann Bild sagen. Ähm, ich kann auch einfach Bild, Bild, Bild, Bildhier drüben setzen Bild, Bild . In der Regel, was Sie tun, ist, dass Sie eine Art von Bild setzen und dann einen Aufruf der Aktionstaste haben. Wenn Sie das nicht wollen, und Sie wollen nur eine Information, Sie können die Aber jetzt vielleicht erstellen Sie eine Seite für die Förderung Ihrer Software-Anwendung oder so etwas. Also, was Sie tun würden, ist, dass Sie wahrscheinlich Screenshots haben Sie wahrscheinlich Screenshots haben, also würde ich nur eine sehr, sehr grobe Einschätzung davon machen, wie das aussehen wird. , also würde ich nur eine sehr, sehr grobe Einschätzung davon machen Okay, das ist also wie ein Web-Browser hinten. Und dann mobil, ähm, hier und dann ein Fan Mobil? Ja. Ähm, und dann vielleicht eine kleine Grenze um sie herum. Nun, wieder, wieder, wir sind in der Struktur. Also, ähm, was wird genau hier setzen? Es ist, wenn Sie in der Skelett-Sektion wären, würde ich vorschlagen, dass Sie das eigentliche Urheberrecht und den eigentlichen Slogan oder Slogan hier setzen. Es spielt keine Rolle. Also, was ich nur sagen werde, ist das meine Schlagzeile. Und dann, genau hier, werde ich es sagen, du weißt schon, Untertitel 6. Skizziere es aus Teil 2: Und so ist es ungefähr so, wie du es machst. Denken Sie daran, das ist einfach nur googly GAC. Hoffentlich haben Sie eine bessere Hand laufen als ideo, so dass die Leute es später lesen können. Eine Sache, die ich gerne mache, war, was zu beschriften? So viele Dinge sind nicht wirklich zeichnen, also sage ich einfach, wie ihre Ohren, Browser, Zellen. Ordnung, dann, nach diesem Punkt, ist es buchstäblich irgendwie von Ihnen überlassen. Weißt du, wenn ich nur eine Landing Page mache, dann würde ich vielleicht nur ein paar andere Landing Pages ansehen, sehen, was ich an ihnen mag, ungefähr das Format sehen, an das ich mich erinnern möchte. Sie suchen nur nach Inhaltslayout. Also wirklich wie vielleicht, was ich hier eine andere Linie, die Jungs sich nicht um die Verhältnismäßigkeit kümmern . Es spielt keine Rolle. Es ist nur eine Skizze, die ich so etwas wie, wissen Sie, Zeugnisse. Und dann, weißt du, nochmal, versuche ich nur, an die Formatierung hier zu denken. Vielleicht ist es wie ein Gesicht in einer Blase. Wir haben ein Call-Out-Box-Gesicht, Bogen-Call off, und dann werden wir vielleicht Flaschenflaschen sagen, dass Seymour nicht expandiert. Also habe ich das Gesicht einer Person gelegt, oder hier beschriften wir immer das Zeug und dann, weißt du , kritzeln, kritzeln. Okay, denken Sie daran, wenn Sie eine lange, scrollende Landing Page machen. Zeichnen Sie dieses wahnsinnig genaue Format nicht. Du brauchst vorher noch einen. Sie verlängern das nicht den ganzen Weg nach unten, aber das sind wirklich die Grundlagen davon. Alles, was Sie wollen, legen Sie es auf die Seite. Mach dir keine Sorgen darüber, was einer Design-Konvention folgt. Wenn Sie nicht herausfinden können, wie, sollte aussehen, wie es sollte mit der Bestellung ausgelegt werden, auch nur auf der Website. Also, wenn ich das benutzen wollte, könnte ich ehrlich gesagt. Genau wie jedes alte Software-Unternehmen, konnte ich sogar auf die Vorlage aus Themenwäldern schauen und sehen, wie sie es tun, da diese lange Landing Pages so beliebt jetzt. Okay, also jetzt machen Sie ein weiteres Beispiel für ein zweites Beispiel, das ich Ihnen zeigen werde, wie eine Webanwendungsseite aussehen würde. Das ist offensichtlich anders, weil es nicht der Fall ist. Nicht jeder einzelne Kunde kommt auf die Seite und sie sind nicht auf der Suche, um diesen Punkt zu kaufen, so dass wir vielleicht wollen, um es etwas anders zu machen, so dass wir starten den Browser wieder Ich beschrifte es an der Spitze? Ähm, wenn die Hälfte, ähm eins. Ich nenne uns eine Innenseite. Dann können wir einfach den Browser machen. Es ist nicht perfekt, aber wieder, es sollte nicht ein sagen, ein anderer Bruder. Also mit physischen Webanwendungsseite Webanwendungsseiten wie, Sagen Sie, Sie sind in Google Analytics sagen, Sie sind in der Seite Ihrer ECM Rock Stress CEO Mo's What. Wir werden nur eine Menge reichhaltiger Informationen, viele Fakten, Daten usw. anzeigen viele Fakten, Daten . Du wirst dich mehr auf die Navigation konzentrieren und einige hübsch sein lassen. Es liegt also wirklich an Ihnen, wie Sie sehen, dass Ihre Seite jetzt angelegt wird, normalerweise in dieser Art von Fällen tun würde, ich musste in meinem Geltungsdokument hochziehen, alle Funktionen auflisten und dann irgendwie ein Gas nehmen. Erlauben Sie mir Seiten. Ich glaube, das gibt es. Denk dran, das ist ein Skizzengesicht. Es spielt keine Rolle, wie nah du bist. Was ich gesagt habe, ist , weißt du, ich würde so sagen. Wir haben eine Hauptseite, und ich denke, wir haben eine Seite für Pot, Sie wissen, sagen Analytics Analytics, Einrichtung Konto Zahlungseinstellungen. Onda. Es kommt nur darauf an, was dein Ding tut, weißt du noch? Also kommen Sie einfach mit, was Sie in diesem Szenario brauchen, und dann schaue ich sie gerne ab, wenn ich gehe, weil ich sicherstellen muss, dass ich Lauch auf jeder einzelnen Seite habe, die ich voraussehe. Also hier, was ich tun würde, ist, wissen Sie, vielleicht, wirklich nicht mit dem Logo hier oben anfangen. nie zu viel Brandy, also sofort. Habe, ähm , die obere Navigationsleiste wäre diese vier Dinge, damit wir sagen könnten, wie, Analytics. Keine x eine Katze. Das nennt man es sogar. Stellen Sie diese Links ein, und sagen Sie dann, dass Sie sekundäre Änderungen haben. Also, wie vielleicht eine Analytik. Nehmen wir an, wir machen Analysen. Eso haben wir Analytics-Seite. Vielleicht, wenn diese Box genau hier betrachten Sie Analytics und normalerweise keine Diagramme und was nicht? Sie müssen nicht wirklich einmal beschriften, was die Grafiken an dieser Stelle sind. Kennst du nur das Glas? Sie werden hier sein, wenn du zum Skelett kommst. Nun, du wirst das nehmen und wissen, Okay, das ist ungefähr die Analytics-Seitendiagramme in diesem Bereich andere verschiedene Möglichkeiten und Modifizierung hier drüben auf, dann. Dann treffen Sie eine Entscheidung darüber, was die eigentlichen Details sind, aber ich habe es gesagt und hier ist ein Balkendiagramm der Balkendiagramm, Harry. Und dann, weißt du, könnte ich hier ein paar Drop-Down-Boxen stellen. Das ist ein Dreieck, wenn er es nicht bemerken könnte. Entschuldigung, nicht nur ein Filter. Es spielt keine Rolle. Es ist nur ungefähr in deinem Kopf zu halten, was du denkst, dass du wirklich anzeigst und hier, vielleicht wollen sie es basierend auf verschiedenen Informationen ändern. Hier drüben, vielleicht haben Sie eine Kiste. Es heißt Box. Vielleicht wie diese Momentaufnahme. Der Schnappschuss, der ihnen gibt, ähm, es gibt ihnen eine Menge Zahlen und basierend auf dem, was sie hier machen, weil das vielleicht hilfreich ist. Vielleicht gibt es modifizierende Dinge, die ihnen mehr Informationen geben? Und vielleicht haben wir hier drüben Mawr-Filter. Also vielleicht auf Optionsfeldern und einem Kombinationsfeld, und, weißt du, vielleicht haben wir einige Kontrollkästchen und was auch immer. Okay, äh, spielt keine Rolle. Du hast es wieder mit dem Ausweg zu tun. Es ist nur eine Entscheidung. Dann müssen Sie machen, ob Sie denken, das ist 2/4. Wie groß sind die Informationen, die Sie anzeigen möchten, wissen Sie, ist das etwas, das Ihnen nützlich ist? Was sind coole Dinge, die Sie hier reinbringen könnten? Das wäre hilfreich. Wenn Sie auf den Bildschirm schauen und seine Informationen erklären, wie würden Sie es gerne hier sehen? Es ist immer schön, Filter zu setzen, besonders wenn Sie eine Webseite erstellen. Ich tue das, wenn Sie sich ansehen, wie eBay, zum Beispiel, werden sie sagen, die Seite, und dann werden Sie einzelne Angebote von Artikeln hier haben. Sie haben eine Filterbox, und es geht einfach den ganzen Weg runter. Tonnen von Dingen, nach denen Sie filtern können. Das ist ganz normal, es so zu sehen. Dann auf der linken Seite haben sie mehr Filter, also mache ich mir keine Sorgen. Wenn dir das einfällt, stell es rein. Und wenn es einfach nicht richtig aussieht, werden Sie es los, kratzen Sie es, machen Sie eine neue Seite, wissen Sie, und dann verschieben wir vielleicht wie ein paar Tortendiagramme und dann Text hier. Okay, etcetera, etcetera , etc. Also, da gehst du hin. So haben wir dieses Skizzengesicht gemacht. Das ist, wie ich Webanwendung wieder zeichnen würde. Die Sache ist, dass du denkst, Oh, Oh, ich weiß, du weißt, was ich tue. Der Punkt ist, etwas auf die Seite zu bekommen. Sobald Sie etwas auf der Seite haben, dann ist es so viel einfacher herauszufinden, was getan hat. Es ist ein dann es ist so viel einfacher zu verstehen, was nicht richtig aussieht. Was richtig aussieht. Und dann kannst du anfangen, es zu bewegen. Siehst du, ich habe das einfach zusammen geworfen. Erstellen Sie zuerst eine Webanwendung, von der ich sagen würde, dass ich das vielleicht nicht will. Vielleicht. Wollen Sie diese mittlere Entscheidung Digger macht hier viel einfacher, Stücke zu bewegen wenn sie bereits auf einem Stück Papier sind gegen eine leere Leinwand, um zu erstellen, was Sie wollen. Okay, dann werde ich Ihnen wirklich schnell zeigen, wie ich die mobile Anwendung Happy Hour Act skizzieren würde , über die wir gesprochen haben. Und ich werde die eigentliche Musik verwenden, aktuelle Vorlagen, die wir haben, nur um Ihnen zu zeigen, wie nützlich diese sind. Also werden wir es so verwenden. Ich werde es einfach oben drauf kleben. Okay, also werden wir die Vorlage benutzen. Richtig? Also werden wir die Vorlagen verwenden, die verfügbar sind. Ich nehme das einfach, schiebe es rüber, und sie werden anfangen, damit zu arbeiten. Okay, also denke ich, dass das iPhone sechs plus erinnern, dies ist eine mobile Anwendungslösung. Normalerweise mag es nicht vorschlagen, mit dem iPhone sechs zu beginnen, weil es so ungewöhnlich groß ist, vor allem, wenn wir über Plus sprechen, aber in diesem Fall denke ich, es ist völlig in Ordnung, was ich tun würde. Weißt du, ungefähr nochmal, ich habe einen Umfang Dokumente gezogen, sehen, was wir haben. Aber zum größten Teil, um diese Idee in meinem Kopf für die letzten 20 Minuten zu bauen, so dass ich grob weiß, was ich denke. Es sollte wie der erste Bildschirm aussehen, den ich eine Zielseite mit der Überschrift im Logo sein wollte , und ich möchte, dass sie zwischen heute oder morgen wählen. Also, das ist eigentlich ganz einfach. Habe das ganze Ding schon für Mai gemacht. Jetzt ist es nur eine Frage, wie Willkommenstext. Also würde ich nur sagen, Willkommenstext auf, dann vielleicht Untertiteltext direkt hier. Gehen, um zu tun, was eine kalte Aktion genannt wird Nun, eigentlich bedeutet nur, klicken Sie auf diese Schaltfläche, tun Sie etwas. Es bringt den Benutzer dazu, etwas zu tun. Sag etwas Kiste heute Abend auf dann gut, über zwei Knöpfe. Heute hörst du, dass er diese Grammatik auf Ben ist. Hilfe hier vermischt mit Logo, aber einen Kreis Rufen Sie es Logo. Versuchen Sie nie, das Logo hier zu skizzieren. Es ist nicht wirklich deine Zeit wieder wert. Denkt daran, Leute, wir machen nur harte Dinge. Diese Struktur. Wenn Sie das lesen, haben Sie keine Ahnung, was es ist. Aber für mich macht es Sinn, und es ist ein sehr guter Ausgangspunkt, um zum nächsten Abschnitt zu gehen. Holen Sie sich Mawr definiert. Ich werde genauer damit. Also dann lassen Sie uns einfach sagen, ich hoffe gezogen Linie von hier sagte es. Verbinden. Sie klicken heute auf Angenommen, es bringt Sie zu einer Seite, die zeigt, dass Sie Ihren Standort kennen. Machen Sie es zu einem Gitter. Jetzt beschriften Sie diese Straße gut, drei. Teoh, etcetera usw. vorgeschlagen. Sie wissen ungefähr, wie das aussieht. Versuchen Sie nicht mal, das aussehen zu lassen und er denkt, erkennen Sie? Ich schmeiße ihn irgendwo einen Stift raus, so wie dies der Ort sein könnte, und dann würde ich sagen, dein Standort und dann waren vielleicht alte Happy Hour Standorte hier, hier und hier drüben. Also balken Sie ein O. R. an die O. R. Drei schwer zu lesen, sexuelle Handschrift zu schreiben. Hoffentlich machst du es. Du verbringst ein bisschen mehr Zeit mit deiner Handschrift, aber du machst das immer weiter durch. Und dann der nächste Traum, sagen wir, wir nähern uns von hier und Sie wollen das tun, ist auch so, wie beim Klicken. Also wissen Sie für sich selbst, Hey, also war ich so hier auf legaler Geschäftsseite. Also wirst du das Titelfoto haben, das ich nur Bild oder Namen habe. Sie sind Stunden Preise und dann können Sie einfach diese Bilder nennen. Ich bin G für kurze xx xxx Text Dollarzeichen. Äh, jetzt ist das ein Skizzengesicht. Also weiß ich, dass zum Beispiel vergessen haben, wir zum Beispiel vergessen haben,die Kontaktinformationen einzugeben. Ich weiß, dass wir vergessen haben, zu sagen, ob die Stunden für heute oder morgen Sie gehen oder nicht. Ich habe das nur in Ich möchte diese für eine Weile betrachten und über Kopf nachdenken und sehen ob ich mich erinnern konnte, ob ich etwas falsch gemacht habe. Onside setzen heute nur als Erinnerung. Aber der Rest ist es nicht wirklich wichtig. Also, das ist ungefähr, was sind iPhone Happy Hour, die aussieht wie Remember the label? Hoffentlich könnt ihr das lesen. Wenn ihr nicht nur irgendwelche Fragen stellt, Leute, Leute, wenn ihr eine Klärung dazu braucht, postet einfach in der Gruppendiskussion oder schickt mir eine private Nachricht, geht das nochmals durch. Ich kritzelte diese wirklich schnell verwendet, um Ihnen zu zeigen, dass sollte nicht eine Tonne Zeit dauern. Dies ist nur, um die Säfte fließen zu bekommen, ist es, Sie zu einem Punkt, wo Sie sich wohl fühlen , Dinge auf Papier. Übertragen Sie dies schließlich auf Ihren Computer und beginnen Sie dann, etwas zu bauen, das ein wenig substanzieller ist. Wenn Sie diesen Schritt überspringen, habe ich festgestellt, dass es erheblich schwieriger wird, weil Sie dann von Grund auf neu beginnen oder das Werkzeug, das besonders komplizierter ist. Sie haben keine Erfahrung, Layouts niederzulegen. Nun wieder, wenn Sie jemals einen Punkt getroffen, wo Sie verwirrt sind, wissen Sie nicht, um dio ziehen Sie Ihr Telefon. Wenn Sie eine mobile App erstellen und einfach anfangen, APS zu durchsuchen, versuchen Sie, diejenigen zu finden, die ihnen ähnlich sind. Sie können dort keine finden. Durchsuchen Sie alles. Es wird Ihnen Ideen geben, wie Sie vielleicht wollen, um dieses Layout zu legen, wie Sie vielleicht wollen, um dieses Aussehen zu machen, wie Symbol könnte so etwas aussehen. Es ist einfach, Inspiration zu finden, wenn Sie sich nur andere APS ansehen. Normalerweise schaue ich mir Karten an, die beliebt sind, weil diese normalerweise ein besseres Design haben. Versuchen Sie also, zu sagen, wenn Sie den Apple iPhone Store haben, suchen Sie nach dem Top Grossing oder dem meistverkauften Blick auf die Art und Weise, wie sie es tatsächlich tun, und folgen Sie ihrer Führung. Abgesehen davon, dass Ihre Website eine Web-Version auf Ihrem Laptop gehen, gerade angefangen, eine Seite zu bringen und zu sehen, wie sie es tun. 7. Lass das Lernen fortfahren: Hey, Leute, ich wollte mich nur bedanken, dass ihr diesen Kurs besucht habt, und ich hoffe, ihr habt etwas gelernt. Ich hoffe, was ich gesagt habe, hat Sinn gemacht und ich war klar, wenn Sie irgendwelche Fragen haben, irgendwelche Bedenken haben, nur die Gruppendiskussion zu veröffentlichen, alle auf Sie antworten. Du könntest mir sogar eine direkte Nachricht schicken, wenn du willst. Ich möchte Ihnen ein kurzes Wort geben, wie Sie die Fähigkeiten, die wir in dieser Klasse gelernt haben, nehmen und wie Sie es auf die nächste Stufe bringen können. Lernen Sie einige andere verwandte Fähigkeiten. Also diese Klasse haben wir behandelt, wie man grundlegende App-Skizzen macht, Wirklich? Wir haben gerade überlegt, wie man direkt in die Art der mentalen Blöcke ignoriert, die man mit der Herstellung von Drahtrahmen bekommt und wie man den Prozess strukturiert, mit dem man sie herauszieht. Nun, wenn Sie dieses Lernen von vielen Klassen über Drahtraming und Prototyping weitermachen wollen , sollten Sie vorsichtig überprüfen, wenn ich vorschlage, dass das Auschecken Rapid Prototyping mit Balsamic ist . In dieser Klasse nehmen wir Balsamico, das ein sehr beliebtes Drahtrahmenwerkzeug ist . Ich möchte Ihnen zeigen, wie Sie schnell und einfach Drahtrahmen herstellen können, die wirklich gut aussehen. Ein weiterer, der sich lohnt, ist der Drahtrahmen mit Paedo Co. Das ist ein weiteres Werkzeug, das eine Menge von der Feature-Set von Balsamico umfasst, aber es geht viel weiter in Patoka schwächen. Nehmen Sie Drahtrahmen und setzen Sie sie auf unsere Tablets. Legen Sie sie auf unsere Telefone. Wir können sie auch online stellen und Mitarbeiter und Rezensenten hinzufügen. Okay, wenn du mit deinen Fähigkeiten weiter gehen willst, sieh dir die an. Ansonsten, nochmals, Vielen Dank für die Teilnahme an den Kurs.