Rapid Prototyping mit Balsamiq: Geringe Treue in einem Blitz | Evan Kimbrell | Skillshare

Playback-Geschwindigkeit


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

Rapid Prototyping mit Balsamiq: Geringe Treue in einem Blitz

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

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

      1:48
    • 2. Einführung in Balsamiq

      13:47
    • 3. Erste, was zu tun ist

      1:05
    • 4. Youtube mit Balsamiq erstellen

      9:21
    • 5. Ein Beispielprojekt in Balsamiq

      3:14
    • 6. Lass das Lernen fortfahren

      1:33
  • --
  • 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.

532

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Hättest du schon mal eine App-Idee (komm, ich weiß, du hast es auch schon mal versucht), hast es jemandem erklärt, aber deinen Punkt nicht auf den Punkt gebracht? Ja. Wir alle wissen, dass der leere Star ist. Ermutigend

Dieser Kurs lehrt dir, wie du eines meiner bevorzugten UX Balsamiq verwendest, um wireframing für das Rapid Prototyping schnell einzurichten.... was bedeutet, dass du dein aktuelles und größtes Web- oder will zeigen kannst

Balsamiq ist extrem einfach zu bedienen und ist von der kreativen Community gut angesagt, weil es nahtlos, einfach zu verstehen ist und in einem kurzen Moment mit der Genauigkeit von geringer Treue wireframing erzeugt. Es ist wie Skizzen auf einem Whiteboard, aber über den Computer. Andere wireframing Tools sind teuer, wirklich schwer zu erlernen und haben mindestens 14 Funktionen, die du wahrscheinlich nie benutzen wirst.

Was du lernen wirst:

  • Lernen Sie das System kennen
  • Lerne wie du es navigierst
  • Entdecke was für jede Schaltfläche ist
  • Verwenden der Werkzeuge und legen sie auf die Leinwand an
  • Erstellen eines Mock-ups einer Anwendung


Am Ende des Kurses kannst du dein eigenes Mock-up erstellen oder mit dem Beispiel folgen, das wir gemacht haben.

Wenn du Unternehmer, Produktmanager, Projektmanager oder kreativer Freelancer bist, empfehle ich dir sehr, dieses Tool zu verwenden, du willst wirklich die Gelegenheit nicht verpassen, mit Balsamiq Rapid Prototyping zu lernen.

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. Also in diesem Kurs werde ich dir Rapid Prototyping beibringen, und wir werden es mit einem meiner Lieblings-UX-Tools tun. Balsamico. Vielleicht haben Sie schon mal von Balsamico gehört. Es liegt daran, dass es ein sehr, sehr beliebtes Werkzeug zum Erstellen von Low-Fidelity-Drahtrahmen ist. Der Grund, warum Leute es mögen, ist, weil die Benutzerfreundlichkeit und die Geschwindigkeit, mit der es Ihnen ermöglicht Drahtrahmen zu erstellen, jetzt ziemlich beispiellos ist. Der Grund, warum ich Balsamic ausgewählt habe, um dir das beizubringen, ist, weil es so schnell ist. Und deshalb sprechen wir von Rapid Prototyping. In dieser Klasse werde ich Ihnen zeigen, wie Sie ein Web- oder Mobilanwendungsprojekt drahmen mussten, wie Sie einfach direkt hineinspringen und loslegen können. - Balsam. Es ist leicht zu verstehen. Ich werde Ihnen zeigen, wie Sie sich mit ihrem System vertraut machen, wie Sie es navigieren, welche Schaltflächen tun, was dann werde ich Ihnen zeigen, wie Sie diese Werkzeuge nehmen und es auf Ihre Leinwand anwenden und schnell ein Mock Up Ihrer Anwendungsidee erstellen können. Nun, wenn Sie ein Unternehmer, Produktmanager, Projektmanager Projektmanager oder einfach nur ein kreativer Freiberufler sind, ist dies ein Werkzeug. Ich schlage vor, dass Sie lernen, wie Balsamic zu verwenden, ist sehr gut von der kreativen Gemeinschaft aufgenommen , und es ermöglicht Ihnen, durch die Art von einem mühsamen Schritt der Drahtrahmen viel schneller zu bekommen. Am Ende des Kurses werden wir ein lustiges kleines Projekt haben, bei dem wir tatsächlich anfangen werden, Balsamic die Web-Version zu verwenden und unsere eigenen Ideen zu erstellen, wenn Sie Ihre eigenen haben oder eine generische, die ich Ihnen zur Verfügung stellen. Ich hoffe, Sie sind aufgeregt, Rapid Prototyping mit Balsamico zu lernen. Klicken Sie auf und rollen Sie es wird dort sehen. 2. Einführung in Balsamiq: Ich werde dich in BALSAMIC einführen, das ein Drahtverbindungswerkzeug ist, dass wir es die ganze Zeit benutzen. Balsamic kauft weit mein Lieblingswerkzeug für Drahtrahmen. Ähm, und es ist mein Favorit aus zwei Gründen. Eine ist, dass es sehr einfach zu bedienen ist. Sie können es sehr schnell abholen. Ich glaube wirklich nicht, dass du Stunden damit verbringen musst. Man kann es wirklich im Laufe von 15 20 Minuten lernen. , Es gibt viele Werkzeuge da draußen,die dir helfen, für ihn zu verdrahten, aber sie versuchen, ihre Systeme viel zu fortschrittlich zu machen. Meine Erfahrung. Sie am Ende nicht mit 90% der Funktionen, die sie versuchen, Ihnen zu geben. Ähm, und wieder, Sie wollen wirklich nicht viel Zeit damit verbringen, herauszufinden, wie der Drahtrahmen. Der zweite Grund, warum, wie Balsamico ist dieser Tag. Haben Sie eine Skizze Art von Design, um ihr System, und Sie werden dies in nur einer Sekunde zu sehen. Wenn Sie Drahtrahmen entwerfen, sieht es so aus, als hätten Sie es auf einem Stück Papier skizziert. Das gefällt mir sehr und unsere Kunden mögen das wirklich. Es sieht einfach schrullig und cool aus. Und es sieht irgendwie so aus, als hättest du es auf einem Kratzpad gemacht. Ich mag auch, wie die Skizze so aussehen lässt, wie es sich anfühlt,weißt du, weißt du, das ist ein Drahtrahmen. Wir brauchen es nicht zu ernst zu nehmen. Und es vermittelt irgendwie, dass der Entwickler, Ihr Designer wirklich irgendwie den Vorteil geben sollte. Der Zweifel, dies ist kein exaktes Design dessen, was Sie wollen. Ähm, und das gefällt mir irgendwie. Ein Nachteil des balsamischen zugeben ist, dass sie Geld kosten, weil ich glaube, dass eine Benutzerlizenz 79$ ist , was für ein Drahtrahmenwerkzeug ziemlich teuer ist. Ähm, es gibt noch andere Dienste, die billiger sind, aber leider bin ich mir keiner bewusst, die im Moment frei sind. Früher war Mockingbird ein kostenloses Drahtrahmenwerkzeug, das verfügbar war, und ich plante ursprünglich, einen Vortrag darüber zu halten. , Wenn ihr wirklich wollt,dass ich einen Vortrag über ein anderes Draht-Framing-Tool mache, ähm, das ich nicht unbewusst bin,... vergewissern Sie sich einfach die Nachricht und lassen Sie es mich wissen. Und ich werde es da draußen machen, weil ich es vorziehen würde, wenn ihr eine kostenlose Version habt. Aber momentan weiß ich einfach keine kostenlose Version. Lass uns einfach hineintauchen, okay? So sieht Balsamico aus. Ähm, ziemlich einfach. Sie haben im Wesentlichen Designs oben, und diese stellen Art von allen gemeinsamen Elementen dar, die Sie in einer Website oder einem Drahtrahmen für mobile Anwendungen verwenden würden . Sie möchten mobil, haben einen Abschnitt für iPhone, den Sie tun möchten? Sehen Sie, wenn Sie eine Form von Formen gut machen wollen und alles genau hier haben, was Sie brauchen und was Sie einfach dio ist, würden Sie es in die Leinwand hier unten ziehen und ablegen. Und das ist die Leinwand. Also, hier geht's, Hier ist ein Knopf. Sie können es wie jede andere Art von Design-Anwendung skalieren, um die Schaltfläche so aussehen zu lassen , wie Sie wollen. Ähm, also eines der Dinge über Ballbauch, von denen ich Mitt gesagt habe, ist, dass sie alles in Abschnitte stecken , manchmal ist es ziemlich schwierig, Dinge zu finden. Das ist etwas, das ich Erfahrung habe. Also was? Das Heilmittel dafür ist, dass ich besser werde, die Namen von allem zu lernen, damit Sie danach suchen können . Ähm, , zum Beispiel, wenn Sie wollen, sagen wir, Ah, sagen wir, Ah, Ah, Facebook-Button teilen. Okay, wie würdest du das machen? Sie haben also einen Knopf? Aber es gibt keine Möglichkeit, dass Theis wirklich einen Facebook-Share-Button darstellen könnte, den Sie tatsächlich tun müssen. Es ist, dass Sie nach einem Symbol suchen müssen. Also suchen Sie einfach nach Symbol, aber Symbol und Text Label, oder Sie gehen einfach mit Icahn. Wir haben das Text-Etikett. Also, hier gehst du. Es gibt Ihnen ein Leerzeichen und einen Namen. , Und jetzt, wenn du ein Icon mitbringen willst, taucht dieser kleine User-Interface-Scheiß auf und du kannst danach suchen. Oder Sie können auf diese Schaltfläche klicken, um die Symbolbibliothek jetzt verlangsamt zu öffnen. Das ist, was sie Icon Library sind. Sieht so aus, als hätten sie jede Menge Dinge hier drin. Ähm, mal sehen. Da ist das Reddit-Symbol. Ist das YouTube, ähm, so ziemlich alles, was du dir einfällt. Und sie sind alle Art von in dieser skurrilen Art von Skizzenstil , der sehr beliebt ist. Also, wenn ich auf Facebook wollte und du es nicht finden konntest, könntest du entweder einfach ins Social gehen oder du könntest es hier unten durchsuchen. Ah, hier ist es. Facebook. In Ordnung. Und dann können Sie den Namen ändern, indem Sie nur doppelt tippen, und wir werden einfach sagen, jetzt könnte ich nur einen Anteil. Was auch immer. Sieht nicht genau so aus, wie es bei einer tatsächlichen Anwendung aussehen würde. Aber das ist nicht der Punkt. Sie wollen nur zu Ihrem Designer vermitteln Ihrem Entwickler, was genau Sie in der Gegend wollen . Sie kümmern sich um den Rest. In Ordnung. Nun, wenn Sie Text hinzufügen möchten, ist ein weiterer kniffliger Teil. Und das ist der Grund, warum ich das im Vorfeld angehe. Ich wollte Steuern hinzufügen. Es gibt einen Abschnitt namens Text Kann auch für Text reserviert für Text suchen. Obwohl Sie bemerken, dass das ein wenig verwirrend ist. Ich will nur eine Linie machen. Ich möchte hier nur etwas Notiz schreiben. Abschnitt mit dem Namen Text. Du musst das nur wissen. Es ist tatsächlich String-Label oder Textzeichenfolge ziehen. Lassen Sie das fallen. Und jetzt haben Sie einen Steuer-Aiken-Typ. Was auch immer. Ich will einen Text. Ähm, jetzt mit etwas Text. So würden Sie es ändern. Und das gilt für so ziemlich jedes Element, das Sie auf Ihre Leinwand setzen. Dein Knopf Pop-up. Du wirst es hier drüben bearbeiten können. Gleiches mit unserer Ikone. Ähm, dasselbe von virtuell. Die gleichen Funktionen werden hier angezeigt, wenn Sie eine Kopie wollen. Was auch immer du gemacht hast, hier ist ein Duplikat. Hier ist ein Schnitt. Und hier ist deine Kopie in deiner Paste und du kannst sie ablegen. Ähm, wir werden in einer Sekunde hier gruppieren. Jetzt habe ich einen Text erstellt und was ich damit machen möchte. Ich kann hier die Orientierung ändern. Ich kann den Zustand verwenden und Staat bedeutet nur, dass, wenn ich normal deaktiviert, wenn ich es deaktivieren, Was das im Grunde bedeutet, ist, dass, wenn ich gehe und speichern meine Balsamico ist ein pdf für P und G oder J peg oder was auch immer. Es wird nicht auftauchen, und so könnte das hilfreich sein. Manchmal, wenn Sie große Bits von Drahtrahmen über um kopieren und sie immer und immer wieder verwenden, möchten Sie es manchmal einfach deaktivieren, oder manchmal möchten Sie etwas deaktivieren, nur damit es Ihnen hilft, etwas anderes zu sehen, dass es könnte abgedeckt werden. , Aber wenn du willst,dass es passiert, wolltest du da sein. Stellen Sie sicher, dass es sich um einen normalen Link handelt. Sie können einen Link zu einer anderen verknüpfen, die Sie mit einer Webseite verknüpfen können . Sie könnten dies in einen Link verwandeln, so dass, wenn Sie es als PDF speichern, die Person, die nicht darauf klicken kann und ich sie irgendwo hier mitnehmen kann. Regelmäßige Textbearbeitungsfunktionen. Sie könnten es fett, kursiv unterstrichen unterstrichen usw. machen. Hier ist, was Sie die Größe ändern. Sie können hier auch Ihre Größe ändern. Ich ziehe es vor, damit nicht zu spielen, aber das ist viel genauer. Ähm, das wird es auf eine Weise ändern, die Sie irgendwie nicht wirklich bekommen können, wenn Sie nur diese Inkremente auswählen . Eso bleibe ich in der Regel daran. Ähm, was oft passieren wird, ist zu sehen, wie es von einem Text ging, den Sie einige, weil ich zu groß ging , nachdem Sie den Container öffnen können, machen Sie den Container groß genug, um zu zeigen, was der tatsächliche Inhalt im Element ist. , Wenn Sie Elemente duplizieren möchten,können Sie duplizieren, um eine Kopie davon zu erstellen . Wenn Sie Dinge bewegen, werden Ihnen Rasterlinien relativ zu dem, was sich auf Ihrer Leinwand befindet, angezeigt. Wenn ich jetzt sagen wollte,zwei Dinge kopieren,könnte ich den linken König treffen und beides auswählen. jetzt sagen wollte, Wenn ich jetzt sagen wollte,zwei Dinge kopieren, zwei Dinge kopieren Entschuldigung. Wenn ich dupliziere,wird es beides interessant machen. Wenn ich dupliziere,wird es beides interessant machen. Wenn ich dupliziere, Ähm, eine Sache, was auch passieren wird, ist, wenn ich einen Gegenstand dupliziere und es wird bemerkt, dass es ein Muster ist. Sie sind alle online. Duplizieren Sie das. Es sollte es darunter zeigen. Nein. In Ordnung, nun, manchmal funktioniert es. Manchmal. Es sitzt nicht da. Ok, da gehst du. Auf. Das machst du den ganzen Tag. Das System ist nicht absolut narrensicher. Sie werden feststellen, dass es einige Macken hat. Also, ähm, aber der Punkt ist, es ist immer noch sehr einfach und einfach zu bedienen. Möchten Sie Links einbinden? Wir haben gerade eine SMS. Ein Link lässt etwas wie ein Linktyp in Ihrem Link aussehen. Ich könnte Ihnen einige dieser anderen Dinge zeigen. Schau, das nennt man Semmelbrösel. Brotkrumen von jenen Dingen, die Sie erwarten, oben auf der Website zu sehen. , Das zeigt,dass du weißt, wo du auf der Unterseite bist. Die Webseite. Du bist es. Ich habe normalerweise nicht Dutzende eingeschlossen. Ich versuche wirklich spezifisch mit meinem Drahtrahmen zu sein. , ähm Wenn du einen, ähm, einen , Drahtrahmen für eine mobile Anwendung machen willst, fängst du einfach hier an. Gutes iPhone und auf dem iPhone haben Sie hier ein echtes iPhone. Wieder hat es diese Art von goofy Skizzenstil zu ihm. Also auf dem iPhone, ähm, du wirst feststellen, dass du es erweitern kannst, es größer machen kannst, aber es hat ein Minimum, das ich haben sollte, also kann ich kein dünnes iPhone machen. Es wird immer proportional sein, aber egal, und es gibt auch eine maximale Größe, die Sie treffen werden. Ähm, und dann, was Sie tun können, ist, dass Sie irgendwie Bildschirme Ihrer mobilen Anwendung machen können, wenn Sie wollen. Es gibt einige einfach zu bedienen Dinge Mohnblumen hier drin, wie es eine iPhone-Tastatur, und ich kann einen schnellen Warnbildschirm zusammenstellen. Und dann, wenn Sie versuchen, etwas mit Balsamico zu bearbeiten, könnte es aussehen, als wäre es nicht besonders poliert. Das ist das Design, für das sie sich entscheiden. Aber Sie werden feststellen, dass, , zum Beispiel, wie ändere ich mich? Warnhinweis-Text wird hier angezeigt. Nein. Eins. Ja, Sie werden feststellen, dass drei Zeilen eingeschaltet sind, und so wird alles, was ich in der zweiten Zeile tue, den Untertitel der Warnung ändern. Alles, was ich in der oberen Zeile modifiziere, wird es die obere Linie ändern und Sie erhalten den Punkt, dass dort die 3. 1 die Schaltflächen ändern wird . Nun, wenn ich Teoh wollte , machen Sie mehrere Bildschirme davon. Es gibt zwei Möglichkeiten, es zu tun. Ich könnte nach unten gehen und ein neues Mock erstellen. Also tun Sie, ist Sie klicken. So wird das einen neuen Bildschirm erstellen und Aiken gehen vor und erstellen Sie einen neuen Bildschirm, den Sie auch tun können ist gehen Sie auf Datei und dann tun Sie neuen Klon des aktuellen Mock up und kurze erstellen. Okay, jetzt sehen Sie, dass wir auf eine neue Seite mit genau der gleichen Sache umgezogen sind. Das ist also eine Möglichkeit, inkrementelle Änderungen anzuzeigen. Manchmal können Sie einen Bildschirm anzeigen, einen Text hier schreiben und ihn erklären, und vielleicht möchten Sie mehrere Bildschirme der gleichen Art von Design mit Steuern daneben haben . Es gibt viele Möglichkeiten, wie Sie das nutzen können, ähm, Sie können auch nur, damit ich das nicht sagen werde, weil ich es nicht will. Ähm, aber Sie können auch tun, ist, wenn ich das kopieren möchte. Und normalerweise, wenn ich Drahtrahmen herstelle, werde ich ehrlich sein. Ich mache tatsächlich viele von ihnen alle innerhalb derselben Leinwand. Und die Art und Weise, wie Sie es einfach tun würden, ist, dass Sie nur die Zehe einer Seite ausbauen oder sich weil es eine unendliche Leinwand ist. Ähm, was ich tun könnte, ist, wenn ich alles hier kopieren wollte, werde ich alles mit Umschalttaste auswählen, okay? Und dann kann ich es kopieren. Nur ein Duplikat. Jetzt haben Sie alles. Jetzt habe ich noch einen. Ähm, eine Sache, die ich für sehr nützlich halte, ist dieses Ding, das die Gruppe genannt wird. Sie können Ihre Gruppe ungroomed verwenden. Sagen Sie, ich will alle drei dieser Dinge. Ich habe das iPhone, die Warnmeldung und die Tastatur miteinander verknüpft werden. Ähm, was ich tun könnte, ist, sie zusammenzuschließen, damit ich es nicht ständig verschieben muss und jedes einzelne Ding anklicken kann. Ich konnte sie einfach zusammenfassen und sehen, wie die Farbänderung passiert ist. Jetzt kann ich aussteigen. Ich muss es nicht auswählen. Entschuldigung, Ähm kann mit einem Klick außerhalb des Campus verlassen. Klicken Sie darauf und schauen Sie. Jetzt kann ich das Ganze bewegen, wie es hier war. Ich kann nur eine Sache bewegen. Wie auch immer, Eine Sache, die du tun könntest und Jungs im Hinterkopf behalten. Du brauchst Teoh wirklich nicht. Machen Sie diesen Look perfekt, wenn Sie einen balsamischen, ähm, Drahtrahmen machen ähm, . Was ich gerne mache, ist, dass ich Pfeile auf und groß mit Pfeil machen werde. Sie nennen es eine Form, die eine geometrische Form verwendet. So beginnt es wie ein Kreis. Aber ah, hier ist wieder ein Weg, es zu tun. Ähm, ich könnte so machen. Und ich denke, das sieht irgendwie cool aus, denn was du tust, ist, dass du es dir ansehen und gehen kannst. Oh, erster Bildschirm, zweiter Bildschirm, richtig? Ähm, oder offensichtlich kannst du es einfach mit einem Symbol machen. Also sind sie eine Nikon vorbei, und lassen Sie uns eine schmale aus der Suche nach Pfeil zeigt mir Richtung. Welche Richtung wollen wir? Da gehen wir. Ich werde das größer machen. Nein. Excel drauf. Da gehst du. Jetzt kannst du es nicht verpassen. Okay, ähm, dass ich meine, Balsamico ist, wie ich gesagt habe, sehr einfach. Es gibt also keine Menge Erklärung, die damit einhergehen muss. Und du könntest dir das ansehen und sagen: Wow, es ist wirklich einfach. Wie soll ich eine Website erstellen? Und, äh, wissen Sie, zuerst ist es ein bisschen kompliziert, aber Sie werden feststellen, je mehr Sie damit spielen. Es hat wirklich alles, was Sie wollen abgedeckt. Um meinen Standpunkt zu beweisen, kann ich uns weitermachen und eine Website erstellen. 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. Youtube mit Balsamiq erstellen: Ich werde eine Kopie von YouTube und YouTube machen, wenn ich spreche, damit du nicht auf der Startseite reden und darüber reden kannst, wie der Bildschirm aussieht, wenn du tatsächlich eine Unterseite ansiehst. Also würde ich zu allen gehen, um das Browserfenster hier im Browserfenster zu gehen. Ich kann auf YouTube tippen, und da gehen wir, sehen Sie? Zeigt es auf YouTube an. Erweitern Sie die Größe. Okay, jetzt machen wir so etwas wie, wo du dir die Videos ansehen würdest. Wo ist der Mediaplayer? In den Medien? Keine Medien sind, wo Sie so ziemlich alles einfügen, was Sie wollen, wie könnte assoziieren mit Bildern ist ein Fortschrittsbalken hat eine Straßenkarte. Zieh das raus, damit du es sehen kannst. Das ist wie eine Google Map Street Map. Ähm, ist ein Videoplayer. Ja. Sagen wir also, das ist, du weißt schon, wo du Videos siehst. Nehmen wir an, wir wollen eine Suchleiste oben setzen. Sie können die Suchleiste verwenden. Es muss anrufen. Das Suchfeld befindet sich oben, wo Sie nach Videos suchen würden. Ähm, mal sehen. Ich liebe das an Balsamico. Sie können einfach Symbole verwenden, und sie haben viele der Logos, die Sie häufig verwenden würden. So wie sie das Twitter-Logo im Instagram-Logo und beenden alles, was Sie für die gängigsten sozialen Plattformen wollen . Sie, dass Schauen Sie, jetzt haben wir unser Logo YouTube. Lass uns den kleinen Abschnitt hier machen, wo du dir vorgeschlagene Videos anzeigst. Wissen Sie, was ich dafür tun würde, da die Thumbnails, dass er ein Bild ist, Bilder kommen einfach wie Boxen waren perfekt für das, was wir wollen. Ich nannte es Video, damit unser Entwickler, ein Grafikdesigner, weiß, was das ist. Um jetzt, mit den Bildplatzhaltern, was Sie tun können, ist, dass Sie Grenzen hinzufügen können. Ähm, und Sie können tatsächlich Bilder hochladen und sie in doppelte islamische einfügen. tust du also. Ist man nur doppelt tippen Sie darauf. Wir suchen nach einer Datei. Jeder liebt Katzen. Also benutzen wir Katzen. Dies ist eine coole Funktion. Ich mag dich nur, es ist skizzieren. Also, wenn ich keine Skizze habe, wird es dieses Bild mit der vollen Farbe einfügen. Es wird irgendwie seltsam aussehen, das ganze schwarz-weiße Ding, das vor sich geht, also sage ich einfach „Sketch es“, also sage ich „Laden“? Nein, da geht es. Lassen Sie uns versuchen, es wieder in die Größe zu bringen, die Sie erwarten würden. Ja, ja, das sieht komisch aus. Und wir werden eine Grenze drauf setzen. Das sah dort besser aus. Du siehst jetzt aus wie eines dieser Videos, die du dir vorgeschlagen hast. Jetzt ist es am Text, mit dem Sie daneben gehen würden. So mache ich es. Zahl, Zeichenfolge, Steuerzeichenfolge. Legen Sie es als Titel. Also, oh, Katze, Video-Gebet. Super Original Da es der Titel ist, möchte ich ihn fett machen. Es hat die Größe erhöht. Lassen Sie es einfach. Okay, es Jetzt können Sie Ihre Tastatur verwenden, um Dinge zu bewegen. Also, wenn ich einfach nach links gehe, um es zu bewegen, ein Pixel nach links nach oben, nach unten, um den Punkt zu holen. Ähm, und dann direkt darunter, wenn ich Text direkt darunter setzen will, möchte ich es duplizieren? Leg es direkt darunter. Und lassen Sie uns es ändern, indem Sie es einfach die Katze Person nennen. Weil jeder einen Katzenmensch kennt. Aber niemand weiß, dass eine Katze Person, die sieht, Mann wird es kleiner machen. Es ist entfernen Sie die kühne Sie gehen. Und lasst uns einen View-Zähler setzen. Das ist normalerweise nur eine Nummer. 1.000.000 Leute sehen sich dieses Video an, und normalerweise ist das ein bisschen klein, wo ich denke, es ist ziemlich glaubwürdig. Also, was ich tun werde, ist, dass ich diese eine kleine Gruppierung erstellen möchte und ich möchte, dass es den ganzen Weg über den Bildschirm geht , was normalerweise ist, was Sie in YouTube sehen. Also, was wir dio klicken, wenn eine Gruppe diese zusammen erinnern, wie wir Gruppe tun? Wir hatten eine Gruppe. Jetzt sind sie zusammen. Jetzt meine Kopie, meine Gruppe und sogar verlassen. Ist es wirklich wichtig? Kaffee? Meine Gruppe viel. Los geht's. Es stimmt mit den Gittern überein. Los geht's. Gibt es jetzt eine vorgeschlagene Videos? Vielleicht wollte ich einen Behälter um das „Etwas Licht“ legen. Geh einfach wieder in Form. Keine Form. Ich werde hier nur ein Rechteck aussuchen. Legen Sie es hier, und ich werde es nicht erweitern. Du merkst, wie es ihn bedeckt hat. Jetzt hat der Balsamico eine Schichtung. Ähm, irgendwie wie Photoshopped. Sie haben Fotoshop verwendet, bevor Ebenen hat. , wie Sie wollen, dass das nach hinten verblasst Die Art und Weise, wie Sie wollen, dass das nach hinten verblasst, ist, dass Sie diese kleine Untergruppe verwenden würden . Ähm, das wird es eine Rakete zurückschicken, zurückschicken, Ellison, das den ganzen Weg nach hinten schicken. Dies wird also der Boden Ihres Stellen Sie sich diese Art von Papier vor, das übereinander liegt. Das wäre das untere Stück Papier. Du kochst das, wenn du das kochst , bringt es den ganzen Weg von oben, also wird es alles dahinter decken. Ich möchte es nur zurückschicken, bis es hinter den Katzenvideos ist. Aber es ist vor dem eigentlichen Hintergrund , , den wir vorher gegründet haben. Alles klar , der Rest davon ist wirklich nur kleine Details. Es liegt an dir. Wie viel Detail willst du hier reinlegen? , Wir können,weißt du, weißt du, es ist einfach so tun, als wäre das Ah, hier ist der Platzhalter für das Bild. Wer auch immer das Video gemacht hat , kann wieder Text hinzufügen. Genau hier. Also der Name des Videos sicherer geheime Webcam-Video, weil sie ein Geheimnis sein wollte. Aber sie wollen auch, dass die ganze Welt es sieht. Und sieh dir das an, realistisch, viel. Wohne hier. Ok. Wo das unten an irgendeinem Platz. Sie können diese Daumen nach oben und Daumen nach unten hinzufügen. Ich wähle nur ein Symbol aus. Aber hier drüben kann man sogar einfach nach Erdfilmen suchen. Filme sind eins. Da gehst du. Ein kleines zu laufen macht mehr Sinn, richtig, und Sie können sogar, kopieren Sie es direkt daneben und dann finden Sie einfach wieder ein Symbol Daumen, paar Daumen nach unten, wie das Video. Ja, dann kleben Sie einfach jemandes Gesicht drauf, weil es eine Webcam ist, richtig? Du bekommst jetzt die Drift, also mach es mit Breitbild. Was auch immer. Sie können eine enorme Menge an Details in Balsamico setzen, wenn Sie Teoh wollen. Aber wie Sie bemerkt haben, hat mir das wirklich nicht viel Zeit in Anspruch genommen. Und ich habe einen Drahtrahmen eines Videos. Sie wissen offensichtlich, was Watmore Zeit und Mühe in was auch immer Sie tatsächlich bauen sich selbst. Aber sobald Sie sich tatsächlich damit vertraut machen, sind Sie hoffentlich mittlerweile bekannt. Sie können sich wirklich blitzschnell bewegen, und Sie können diese wirklich sehr, sehr schnell produzieren . Wenn ich nundennächsten Bildschirm bei YouTube machen wollte,dann könnte ich einfach rauf gehen,um das aktuelle Mock hochzuspielen. nun Wenn ich , nächsten Bildschirm bei YouTube machen wollte ich einfach rauf gehen, Und sieh mal, ich habe das gleiche, und ich könnte einfach von hier wegziehen und anfangen, Dinge zu löschen wo immer ich will, und Dinge zu ändern. Ähm, es gibt mehr Funktionalität für Balsamico. Ich glaube nur nicht, dass es etwas ist, das du sein musst. Sie brauchen keine ausführliche Anleitung dazu. Siehst du, was ich getan habe? Ich habe gelernt, du könntest das sehr schnell lernen. Du könntest es zusammen schlagen. Und das ist irgendwie die Schönheit des Balsamico. Ich will nicht, dass du viel Zeit damit verbringst. Das ist, warum wir Art von scheuen weg von einigen der super professionellen, harten Kern Draht Framing Dienstleistungen und nur bewegen sich in Richtung dieser eine, die nur Art von Spaß ist. Und jeder sieht aus, dass es das Design mag, sobald alles fertig ist. Nun, wenn du fertig bist und mit dem zufrieden bist, was du hast, musst du nur zur Datei gehen und du kannst es speichern, als was immer du willst. Stellen Sie sicher, dass Sie es sichern. Wenn ihr hier auf einem älteren Computer seid und sicherstellt, dass ihr keine Tonnen und Tonnenvon Tabs offen habt. Wenn ihr hier auf einem älteren Computer seid und sicherstellt, dass ihr keine Tonnen und Tonnen Es kann wirklich verlangsamen Ihren Computer, aber sonst nur zu was Sie wollen exportiert. Ich mag pdf. Das ist einer der einfachsten von Ihnen oder Sie tun es einfach als Bild. Das ist, was Sie am Ende senden Ihren Grafikdesigner, Ihren Entwickler, und sie werden Ihnen 1000 Mal danken. 5. Ein Beispielprojekt in Balsamiq: Jetzt, da Sie den Vortrag über die Verwendung von Balsamico beendet haben, Ich kann Ihnen zeigen, Ah, Ah, Wieder ein Lebensbeispiel für einen Balsamico-Drahtrahmen. Früher haben wir eine separate Unterseite für unsere, ähm unsere Hauptsprint gestartete com-Homepage gestartet. Ähm, also habe ich das in Balsamico gebaut, und Sie können sehen, dass es viele der gleichen Eigenschaften hat, die einfach überstanden haben. Und ich kann Ihnen zeigen, dass das irgendwie der Schwierigkeitsgrad im Detail ist dass , den ich von jemandem erwarten würde. Es baute etwas auf Balsamico auf. Würde irgendwie gehen für, ähm, ähm, Sie können sehen, dass das nicht besonders detailliert ist. Wir wollten eine lange Landing Page erstellen, etwas, das Sie eine dieser lang genannten langen Seiten nach unten scrollen konnten. Und wir wollten, dass Teoh dafür sorgt, dass wir ein separates Logo haben. Also haben wir irgendwie etwas zusammen auf Balsamico geworfen. Das ist die Idee dahinter. Wir wollten Sprint Kick Entwickler auf Abruf zu tun. Ähm, und dieser Dienst war Service. Wir begannen vor etwa einem Jahr helfen Menschen Mitarbeiter ihre Unternehmen mit Arbeitsvertrag und so im Grunde, was ich gerade getan habe, ist, dass ich ein Bild von der sind Header Bharat Sprint Kick. Ich kopierte diesen Vorfall es als Bild in Balsamico, so dass Sie unsere obere Leiste sehen konnten, und ich änderte mich nur mit ein wenig X Markierungen, ähm, und kleinen Formen, die ich verwenden würde, diese ein Kratzer aus. Und dann wechselte ich zu dem, was ich wollte, dass es dann oben drauf sagen, so ziemlich alles hier unten. Es ist alles nur eine Art Hühnerkratzer zusammen. Das ist ungefähr die Steuer, die ich setzen wollte. Das ist ungefähr eine Art Idee von , Icon-Design,die ich zusammenstellen wollte. Ähm, ich würde sagen, wir haben so ziemlich jeden Abschnitt entworfen. Und so, wie Sie sehen können, war es super schnell und einfach. Ich habe so ziemlich jeden Abschnitt reingesteckt. Ich dachte, ich möchte, dass du merkst, dass ich es irgendwie zusammen gekratzt habe. Es ist sehr viel ein lockeres Mock up. Ähm und dann habe ich irgendwie eine Idee gegeben, wie, wissen Sie, ein Bild von einem Menschen für ein Startup und drei Menschen für ein mittelständisches Unternehmen und in mehreren für Unternehmen, und ich überließ es den Grafik-Designer, dann irgendwie kommen mit einem Bild, das all das entsprechen würde. Ähm und dann sogar wie eine von U.N F A. Q. Ich muss nicht jedes einzelne Stück Text ausschreiben, kann ich einfach locker machen, wie das Format aussehen soll. Und ich zeige dir, wie es am Ende aussieht. Das Ende. Dies ist das Ende der Seite. Endet sah aus, wie du siehst, das ist das benutzerdefinierte Logo, das wir gemacht haben. Dies ist der neue Header. Ähm, das ist dieses Symbolset. Aber ich habe vorher darüber gesprochen, und alles hat ziemlich gut geklappt. Die ganze Sache hat uns etwa 500 Dollar gekostet. Dazu gehört auch die Programmierung, die das Design beinhaltet. Es enthält sogar wenig Vorfall, wie ein kleines JavaScript-Plug Ins, die es so machen, dass ich Dinge wie diese und so nicht zu schäbig umgehen kann . Sie müssen nicht wirklich die Bank brechen, um die Dinge zu erledigen. 6. 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 ergeben. Und ich war klar. Wenn Sie Fragen haben, irgendwelche Bedenken, nur die Gruppendiskussion posten, alle antworten auf Sie. 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. In dieser Klasse haben wir gelernt, wie man Balsamico verwendet, das ein sehr beliebtes Prototyping-Tool ist, um hauptsächlich Low-Fidelity-Drahtrahmen herzustellen. Nun, wenn Sie Maura über Drahtrahmen lernen wollen und Sie dieses Lernen weitermachen wollen, ich habe einige andere Klassen, die ich auf jeden Fall denke, Sie sollten überprüfen. Also speziell würde ich vorschlagen, Drahtrahmen in Paedo CO auszuchecken. Nun, Peter, weil ein anderes Werkzeug, das viel von dem tun kann, was Balsamico kann, aber tatsächlich viel weiter in Tokio geht , könnte man eine Menge Dinge tun, die Balsamico nicht kann. So könntest du Dinge wie das Teilen tun. Sie könnten Zusammenarbeit tun Online-Bewertungen Sie alle Arten von Dingen, wie die Bereitstellung direkt auf Ihren Tablets, Ihre Telefone und Ihren Computer dort, wenn ich vorschlagen würde, Auschecken ist Intro Web und Mobile App Skizzieren jetzt App. Skizzieren ist, wenn Sie nur einen Bleistift und Papier nehmen und Ihre Idee Ihrer Bewerbung entwerfen . Dies ist etwas, das bei Start-ups und Agenturen immer beliebter wird, also denke ich definitiv, dass es etwas ist, das Sie vertraut sein sollten. Es lohnt sich, einen Besuch abzustatten. 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.