Design schöne Apps: iOS App Design (UX) | Sarah Mick | Skillshare

Playback-Geschwindigkeit


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

Design schöne Apps: iOS App Design (UX)

teacher avatar Sarah Mick, Designer, Illustrator & Photographer

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

4 Einheiten (51 Min.)
    • 1. Kursinformationen

      6:10
    • 2. Skizzieren und das Gitter

      15:33
    • 3. Auswahl der besten Navigation

      18:54
    • 4. Vielfalt und unsere Designs

      10:34
  • --
  • 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.

1.738

Teilnehmer:innen

70

Projekte

Über diesen Kurs

Dieser Kurs ist für alle, die mehr über das Design schöner und einfacher iOS-Apps erfahren möchten. Egal, ob du ein App-Designer bist und neugierig bist, wie wir Dinge von Grund auf machen oder noch nie eine App gestaltet, du wirst sicher etwas von diesem Kurs wegnehmen.

7de8aaf9

UPDATE: Dieser Kurs basiert auf den iOS-6 Standards - wenn du nach neueren und moderneren Updates suchst, ist dies möglicherweise nicht das, was du möchtest. Dabei konzentriert sich mehr auf die Grundlagen

Was du lernen wirst

  • Intro und Herunterladen von Assets. Wir haben eine Liste an Assets zusammengestellt, damit du dich herunterladen und dich mit der Vorbereitung auf dein Projekt vertraut machen kannst.
  • Skecthingg und das Raster arbeiten. Wir gehen von der ersten Skizze bis hin zur Arbeit am Computer und verstehen das vorgeschlagene Gitter von Apple
  • Auswahl der Navigation. Wir werden die Bedeutung des intuitiven navigation diskutieren und Best Practices aufdecken.
  • Gestalten der App. Wir führen dich durch unsere letzten Designs und erklären dir, wie sowohl unsere funktionalen als auch gestalterischen Entscheidungen zusammenarbeiten.

8bd51297

Ben Hsu Projekt

Was du machen wirst

Wir fangen mit einer herunterladbaren Toolbox an Goodies an, um mit den PSD zu arbeiten und zu erweitern, die notwendig sind, um eine funktionale App zu erstellen. Du erhältst Zugriff auf die Ressourcen und Normen, die wir verwenden, und am wichtigsten ist, du wirst in der Lage sein, diese Assets und Standards zu verwenden, um deine eigenen benutzerdefinierten app zu gestalten und ein einfaches 2-3-Screen-App-Mockup zu vervollständigen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Sarah Mick

Designer, Illustrator & Photographer

Kursleiter:in

I've been designing for iOS since 2010 when I began working on my first big project, Yardsale. This app was heavily rooted in the iOS 6 style and was released in the heyday of skeumorphic design. This project familiarized me with the app design process and provided a lot of information about how I could better work with a team and design better wireframes and mockups for engineers.

My next big project was working on the popular app Tinder. I designed and transitioned the app from iOS 6 to iOS 7 alongside designer Chris Gulczynski. This project was really valuable in teaching me that many of the bells and whistles that accompanied the iOS 6 design style are not necessary in creating a beautiful and solid app. I'm now working on a new project and once again designing for iOS using t... 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. Kursinformationen: - Hi, alle. - Hi, alle. - Danke, dass du unsere Qualifikationsklasse genommen hast. Ich bin Sarah Mick, und ich bin Chris Kuczynski, und wir werden euch beibringen, wie man eine Wetter-App entwirft. - Es gibt also eine Menge existierender Präzedenzfälle, wie das Wetter absurd ist. - Schau, - Apple entwarf eine Wetter-App. - Es ist immer auf deinem Handy. - Viele Dribble-Designer haben Wetter-APS entworfen, - und es ist wirklich bereit für die Interpretation. - Ja, - Sie können irgendwie so kompliziert wie Apples, - ob App, - die eine Prognose von später am Tag hat und es hat auch eine Prognose von später in der - Woche und Sie können viele Städte hinzufügen und sie haben Illustrationen an der Spitze und Wind und - alles so. - Der Spaß daran ist, dass es eine einzigartige Funktion ist, - und es gibt viele verschiedene Möglichkeiten, die Sie wählen können, um die Informationen richtig anzuzeigen. Also im Vergleich zu Apples, was ich hier oben darauf hinweise, kann man auch einfach nur sagen, dass es gerade regnet, was wir diese kleine App hier wirklich mögen, und, äh, - und wenn Sie tatsächlich nur auf Dribble suchen, - wenn Sie vertraut sind, - dribble dot com um, - suchen Sie einfach Wetter-App, - und es gibt Seiten und Seiten von Beispielen. - Und so, wenn Sie wirklich, - wirklich neu im Design sind, - das hat eine Menge Freiheit für Sie, das Konzept zu interpretieren, ob Sie gehen können - einfach als mit etwas wie Klartext mit einem Symbol. - Oder wenn du nicht so neu im Design bist, - kannst du wirklich kreativ werden und eine Menge von dir hinzufügen, ich und eso. - Wir dachten, das wäre eine Art Holz Art Spanne, - das Reich der Designer, die den Kurs nehmen. - Und so haben wir beschlossen, dass wir die App nennen werden, an der wir arbeiten werden - temp, - und wir wollen euch Jungs viel Raum und Kreativität geben. - Aber wir haben beschlossen, Ihnen eine kleine Werkzeugkiste zu geben, an der Sie arbeiten , um damit anfangen zu können. - Also dachten wir, dass die Branding-Temperatur irgendwie Spaß macht, als in der Temperatur zu sein, und es ist irgendwie ein vorübergehender Aufwärtsgang. - Es ist ah, - lustig, - kleine Erklärung darüber, was wir tun. Also, was wir getan haben, ist eine Art definiert, - äh, - die Primärfarbe, - einige sekundäre Farben auf, - Natürlich, - die Typografie Helvetica, - neue ist eine Systemschrift, - was großartig ist. - Ähm, - es macht es immer einfacher für Entwickler. - Und auch, - wir haben Gotham aufgenommen geht wirklich nett mit Helvetica und es wird unser Titel Spaß machen -. - Ja, - und Sie müssen nicht unbedingt diese Farben verwenden, - in der Tat, - und was wir Ihnen als Nächstes zeigen, - was eine kleine Vorschau dessen ist, woran wir gearbeitet haben, an dem wir nicht am Ende die Verwendung der Farben ist nur ein - Vorschlag und ein Ausgangspunkt für einige Leute, die vielleicht nicht so neu sind oder die vielleicht ein bisschen neuer in der Gestaltung sein. - Unser einziger Vorschlag ist, dass du dieses Logo in deinem App-Designverwendest verwendest . - Und so haben wir eine gewisse Kontinuität und eine gewisse Ähnlichkeit zwischen jedermanns letzten Turn in, - und das ist unsere App, die wir entworfen haben. - Also möchte ich Ihnen nur einen kleinen Teaser darüber geben, was wir ausgedacht haben, wird in die Tiefe gehen - später im Kurs und erklären Interaktionen sind Entscheidungen, - Navigation, - Typografie, - all diese Art von Sachen. - Aber das ist nur ein kurzer Überblick darüber, wie wir interpretiert haben, was eine Wetter-App aussehen soll - wie, - richtig. - Und wir haben in unserer Beschreibung für diesen Kurs gesprochen, dass wir entwerfen und lehren würden - Sie, wie man 2 bis 3 Bildschirme entwirft, - und wir möchten, dass Sie sich darin wohl fühlen. - Also, wenn du ganz neu bist, kannst du dich so fühlen. - Wenn Sie sich nur wohl fühlen, zwei Bildschirme zu entwerfen, ist das in Ordnung. - Und wenn Sie in Ihren Design- und App-Fähigkeiten ein wenig weiter entwickelt sind, - dann können Sie voran gehen und dieses Geld, - Bildschirme oder noch mehr entwerfen wollen . - Das ist auch in Ordnung. Also, - ähm, - nur wissen, dass, wenn du nur tun willst oder du fünf machen willst, dass irgendetwas dazwischen völlig in Ordnung ist. - Und jetzt ist es Zeit für die Hausaufgaben. - Sie werden feststellen, dass wir, - ah, - Link von einer Reihe von Links, - tatsächlich, - von Ressource ist auf der Skill-Share-Seite für euch Jungs zum Download. - Einige von ihnen sind die Apple Human Interface Richtlinien, - sowie nur Links Teoh Icons, - Bildschirmkappen von gemeinsamen APS für Sie zu betrachten. - Es gibt nur eine echte Fülle von Wissen im Internet, - vor allem von bestehenden APS, die durch den APP Store gehen, - nur Blick auf die Interpretationen anderer Leute und bekommen ein Gefühl für welche Art von Design - Elemente, die Sie möchten in Europa zu setzen. - Wie andere Menschen Typografie und Hierarchie verwenden einige andere griechische Systeme Menschen - arbeiten mit und verwenden und wie all diese Dinge in die native Erfahrung der Verwendung in - Iowa passen . - Ja, - und so irgendwie das Beste, was Sie zwischen jetzt und der nächsten Klasse tun können, ist das Herunterladen - alle Downloads, die wir in der Ressource vorgeschlagen haben, ist Abschnitt Wir richten Sie mit nur ein - paar Dinge, die wir erstellt haben das beginnt mit der nächsten Klasse zu arbeiten und zu lesen. - Die ganze Ressource ist, dass wir Teoh miteinander verbunden haben. - Und dann, - am wichtigsten, - fangen Sie einfach an, sich die APS auf Ihrem Telefon und Ihre Lieblings-APS, die Sie verwenden - weniger aus Sicht des Benutzers und vielleicht mehr aus Sicht des Designs. - Fang an, an sie in Begriffen zu denken. - Warum haben sie das getan? - Und warum sollte ich? - Warum sollte ich das tun? - Und wie würde ich es als Designer anders machen, - auch wenn Sie ein erfahrener Designer sind, - einige dieser Links sind hilfreich. Einige dieser Dinge, auf die ich nicht gestoßen bin, bis ich viel später in meiner Gestaltungskarriere war. - Eso Es ist immer gut, wenigstens zurück zu gehen und sich einfach eine Auffrischung zu geben. - Also, - äh, - geben Sie ihn nicht vorbei. - Auch wenn Sie ein erfahrener Designer sind, Yep. - Und, ähm, - das ist es so ziemlich. - Also stellen Sie sicher, dass Sie über alles überprüft haben, - Und wenn Sie voran gehen und anfangen wollen zu skizzieren Und wenn Sie einige Ideen haben, was Sie - möchten, dass Ihre Wetter-App aussieht, - um, - fühlen frei, einen Stift und Papier zu greifen und, - um, - anfangen zu skizzieren, was Sie wollen. - Und wenn Sie die im Projektbereich vor der nächsten Klasse posten wollen, - fühlen Sie sich frei, dies zu tun und werden auf ihre Kommentare und Rückmeldungen für alle und - für die nächste Klasse werden unsere Skizzen präsentieren und wie wir beginnen nähern Sie sich unserem - Projekt. - Ja. - Und wird auch mit dem Raster arbeiten, - das ist eine der Dateien, die wir für euch zum Download haben. - Die Ressource ist Abschnitt für diese Klasse. - Wir sehen uns nächstes Mal. - Glückliche Hausaufgaben. - Ja. - Wir sehen uns später. 2. Skizzieren und das Gitter: - Hallo, alle. - Willkommen zurück zu Vortrag Nummer zwei und vielen Dank, dass Sie unsere Skill-Share-Klasse absolviert haben. - Und heute werden wir darüber reden, mit dem Raster zu arbeiten und sich von Ihren Skizzen zu bewegen - und Ihre Gedanken darüber, woran Sie mit Ihrer Wetter-App und den Ideen gearbeitet haben - Sie mussten mit dem Raster arbeiten und zum Bildschirm weitergehen. Und trotzdem werde ich einige unserer vorläufigen Skizzen hochziehen, da sie nur ein Paar sind, das wir hochgezogen haben. - Und wir haben das hier für euch zum Download zur Verfügung. - Die Ressource ist Abschnitt um. - Dies ist nur ein Beispiel dafür, welche Art von Bühne Sie jetzt noch sollten, oder - dass Sie nach diesem Vortrag, nachdem Sie hören, was wir zu sagen haben - Luft. - Nur einige unserer Ideen, die wir hatten, nachdem wir uns das Wetter APS angesehen hatten und über die Dinge nachgedacht haben, die wir dio wollten und was? - Ich habe ein pdf für euch beigelegt, um zu überprüfen, dass ihr irgendwie herunterladen und anschauen solltet - hin und her, während ihr diesen Vortrag hört, dass, - ähm, - es listet, dass im Grunde jene Art der Schritte, die ihr unternehmen solltet, wenn ihr 're denken - darüber, es zu entwerfen. - Und so ist es Es spricht über das Erstellen einer Liste von einmal und dann auch eine Liste von Dingen, die Sie - nicht in Ihre App aufnehmen wollen. - Und so hier, - Chris hat Dinge angelegt, die er einschließen wollte. - Also mindestens drei Tage Prognosen. - Willst du über das Wappen reden? - Ja. Also haben wir irgendwie unsere Wunschliste von, wie das, was wir wollten, die App. - Ähm, wir haben uns entschieden, es mit mindestens den dreitägigen Prognosen mit Chance auf, - wie, - Fünf-Tage-Vorhersage aufzunehmen - wie, , weil das normalerweise verfügbar ist. - T konsumieren. Wir wollten immer eine immer präsenteTemperaturansicht haben,Lufttemperatur, einen Tag in der Zeit lesen. Wir wollten immer eine immer präsenteTemperaturansicht haben, präsente Lufttemperatur, Lufttemperatur, - Wir dachten darüber nach, die Statusleiste loszuwerden, weil die Zeit dupliziert würde. - Andi dachte, es könnte uns ein wenig mehr Erfahrung geben, - und wir haben uns auch mit Riel-Bildern im Vergleich zu Vektorkunst oder Ikonographie in Betracht gezogen. - Eso in den Skizzen, wir wollten nur versuchen, das allgemeine Gefühl von dem, was wir wollten, die Navigation zu sein, und einige der Interaktionen, und wenn du zum ersten gehen kannst. - Also haben wir angefangen, nach Möglichkeiten zu suchen, wie wir diese Daten visualisieren können und was wir haben wollten - jederzeit auf dem Bildschirm. - Also anfangs dachten wir, es könnte eine wie ein Tab geben, - kein bisschen, - aber wie in der Now-Leiste, - hätten wir eine Nikon, die mehr Navigation darstellt, die versteckt ist. - Ähm, - vielleicht, - wie ein Swipe Kräuter von links nach rechts Ansicht, - wie, - verschiedene Städte, - verschiedene Orte, - Temperatur und ob, - um und wir nur angefangen, Ideen ein wenig weiter unten auf der Seite von, - wie, - verschiedene Wege zu präsentieren, - um, - dass Navigation. - Und weil wir weiter darüber nachgedacht haben, - sind bestimmte Dinge offensichtlich geworden. - Na ja, das wird funktionieren. - Wir haben nicht genug, um das zu erfüllen, oder unsere Bedürfnisse sind etwas anders. - Ähm, - dann war es, als wir durchziehen, - fangen wir an, ein bisschen mehr zu spülen, von denen wir eine klare Vorstellung davon haben, was wir wollen - repräsentieren. - Und da sich unsere Bedürfnisse irgendwie erweitern, - beschließen wir, die Navigation basierend auf diesen Bedürfnissen auszurüsten. - Ja, und so im Grunde, - an diesem Punkt, - müssen Sie nicht genau wissen, was Sie tun wollen. - Der Punkt hier ist nur, alles zu skizzieren, was Sie im Sinn haben. Skizzen, Einige derSkizzen, die wir hier haben, das Rundschreiben, Wäscher was wir unseren Wäschermit dem kleinen Punkt nennen, das ist das hier der aktuelle Bereich, in dem Sie Ihre Finger und schließlich werden Sie Scan in die Zukunft versiegeln und sehen - die zukünftige Zeit. - Das ist unser endgültiges Design, für das wir uns entschieden haben. - Aber wir begannen an etwas ganz anderes begann mit der Art der traditionellen was - Sie denken, - wie, - Symbol mit der Temperatur. - Und das waren nur ein paar gezogene Designs, die wir aus den anderen, an denen wir gearbeitet haben, herausgenommen haben. - Aber Sie wollen nur irgendwie im Auge behalten nur irgendwie skizzenhaft alles, was Sie haben - im Hinterkopf und behalten Sie Ihre Liste der Bedürfnisse und auch Dinge, die Sie ausschließen möchten. - Ich denke, das ist wirklich wichtig, um sicherzustellen, dass du Sachen hast, in denen du behalten willst und Dinge, die du nicht hast. - Also denken Sie daran, - wollen Sie eine wirklich einfache App haben, wo wollen Sie eine wirklich robuste und wirklich - Multi-Feature-App haben ? - Ein weiterer großer Teil dieser Skizzierphase ist es, all diese anfänglichen Ideen und jede Art von visuellen Klischees herauszubekommen ? Weil normalerweise deine erste Idee gut ist, aber es braucht mehr wie eine Erklärung. - Also fragen Sie Flourish Erkundung. - Das ist gut. - So wie unsere Initiale von unserem ursprünglichen Design. Wir haben herausgefunden, wie , wir wollen, dass wir mit unseren Interaktionen ein bisschen eine andere Geschichte erzählen wollen. -Es ist also gut, diese Ideen auszuarbeiten, und du könntest Es ist also gut, diese Ideen auszuarbeiten, über etwas stolpern, an das du am Anfang nie gedacht hättest . - Es sei denn, Sie können Ihre Ideen wirklich auf dem Papier visualisieren. - Okay. Das ist also nur ein Beispiel dafür, woran ihr gerade arbeiten solltet. - Und um Ihnen die Arbeit an diesem zu erleichtern, - wir haben Teoh gegangen und ihr solltet alle das tun, um Teoh den iTunes App Store. - Und Sie sollten einfach gehen Teoh App Sturm und dann gehen Teoh die Kategorie Abschnitt gut hier in - Wetter und Sie werden feststellen, dass es so, - so viele Wetter, - APS und um, - wenn das Sie überwältigt, - Vielleicht solltest du sie nicht ansehen. - Äh, - es überwältigt mich, - aber einige davon sind wirklich wunderschön und es könnte Ihnen helfen, einige Klischees zu vermeiden, die Sie viele Söhne sehen konnten, - viele, - ähm blau, - viele von Wolken, - viele Wolken- und Sonnensymbole, - diese Art von Sache. - Nicht zu sagen, dass diese Luft schlecht. - Ich glaube, es gibt hier jede Menge erstaunliches Design, offensichtlich. - Aber wenn Sie einige dieser Klischees vermeiden wollen, dann wollen Sie etwas wirklich Kreatives tun. Du kannst für dich selbst denken wie Okay, zieh die Wolke und zeichne den Sohn, hol sie aus deinem System und sag dann, ich werde darüber hinausgehen und ich werde etwas ganz anderes machen. - Und bedenken Sie, dass Sie etwas tun können, wo Sie wissen, dass er wirklich cool , kreative Hintergründe, wo es Bilder sind. - Oder man kann etwas mit Ikonographie machen, was ich auch wirklich genial finde. Und sobald man die Skizzierphase und den Geist hinter , muss das nicht so sein wie heute oder morgen, am nächsten Tag oder am Tag danach. - Verbringen Sie einige Zeit mit der Arbeit an der Skizze, die Sie auf Teoh bewegen, nehmen Sie diese Skizzen - und beginnen Sie die Zehenarbeit am Computer. - Und dann werden Sie innerhalb des Rasters arbeiten, das wir verteilt haben. - Und das ist eine Datei namens Starter Underscore Grid PSD Datei, die wir verteilt. Und , wenn Sie die Rasterlinien hier für Sie einschalten, und, äh, - das ist nur eine wirklich einfache Datei, in der wir die Statusleiste oben mit großartigen eingeschlossen haben wenn Sie die Rasterlinien hier für Sie einschalten, und, äh, -das ist nur eine wirklich einfache Datei, in der wir die Statusleiste oben mit großartigen eingeschlossen haben. Hintergrund und das beinhaltete das Logo in etwa der Größe, die Sie wollen, - um, - wenn Sie einschließen wollen, - wie, - hier drüben, - sind ein Nab oben oben. Und dann, wenn Sie eines der Elemente nehmen wollen, können Sie es einfach aus Ihrem T-Schinken nehmen und einfach alles Native hinüber ziehen - hier. - Oder du kannst das einheimische Zeug ausschließen oder das einheimische Zeug verändern. - Und fangen Sie einfach an, basierend auf Ihren Skizzen zu entwerfen und Photoshopped zu verwenden - um es zu entwerfen. - Haben Sie so etwas über das Netz informiert? - Äh, Apfel? - Apples Standard ist, was man einen 44 Pixel-Rhythmus nennt, der in Schritten aufgeschlüsselt - von 11 Picks ist, - um es gibt einige Dinge, die das brechen. - Wie die Statusleiste ist nur 20 Pixel. - Ähm, - untere Registerkarte wäre die untere obere Leiste nach unten geht. - Es sind 49 4 Zellen. - Ja. - Es gibt also viele und auch die Knöpfe hier, auf die ich hinweise. - Also sind sie da 29 Pixel. - Es gibt also einige Ausnahmen. - Ich bin eigentlich das ist Ah, - das ist ah, - Link. - Das ist auch in Ihrer Ressource enthalten. - Ist diese Art in Frage stellt, ob dieser 44 Pixel-Rhythmus eine gute Möglichkeit ist, zu entwerfen, - aber, äh, - ab dem Moment, - das ist irgendwie die Art, wie alle APS gebaut werden. Und so haben wir für euch dieses Weihnachten dieses Gitter alle 22 aufgestellt. - Was Sie 20 Pixel gemacht haben, - manchmal 11 Pixel ist gut für, - äh, - Abstand und so. - Aber Sie werden keine, - eigentlich, -Elemente in der Regel 11 Pixel machen - eigentlich, - . - In Ordnung. - Nur gut, im Hinterkopf zu behalten. - Vielfaches von 11. - Mehrere. - Ja. - Und ich habe auch in einigen,äh, -vertikalen hinzugefügt. ich habe auch in einigen,äh, -vertikalen hinzugefügt äh, - - Ja, nur ein paar Spalten hier. - Nur du kannst das aufbrechen oder diese löschen, - ehrlich gesagt, - wenn du Teoh willst, - aber nur um dir dabei zu helfen, im Hinterkopf zu behalten, - als wäre hier der Mittelpunkt und so etwas und fühle dich frei, an einem Altar zu arbeiten, - Dieses Gitter. - Aber die Hauptsache, die Sie im Auge behalten möchten, ist, dass der Standard-minimale Wasserhahn Kräuterbereich - 44 mal 44 Pixel ist . - Aber das war auf dem originalen iPhone. Also, jetzt, wo wir in Retina-Displays arbeiten, das sind 88 mal 88 Pixel, also können wir ihn anrufen, - äh, - die minimale Tastenfläche wäre 29 Punkte, - wie eine Auflösung. - Unabhängige Punkte? - Ja, genau. Also, ähm ja, und was Sie leicht finden werden, ist, wenn Sie einfach nur, wenn Sie das tun wollen, gehen Sie einfach zu Ihrem GeoEye, - ähm, - Palette, die wir zur Verfügung gestellt und nehmen, - wie, - Ihre Menüleiste und einfach, - wie, - ziehen Sie es rüber und legen Sie es hier. - Und dann hast du das schon , aufgestellt, und du kannst so sein, okay, cool. - Hey, ich habe jetzt diese Knöpfe. - Und wenn Sie nur Ihre neuen Schaltflächen stützen möchten, - wenn Sie Schaltflächen neu zeichnen möchten, - basieren Sie sie einfach von den Größen. - Das ist irgendwie eine einfachere Art, es zu tun. Und dann, wenn Sie zusätzliche Lektüre machen wollen, habe ich auch für euch, - äh, - Links zu dem Buch Tap würdig von Josh Clark. - Das ist leider kein kostenloser Download. - Dies ist ein Buch, das Sie von Amazon kaufen müssten, - aber es ist definitiv vorgeschlagen zu lesen. - Es ist etwas, das viele App-Designer gelesen haben. Und es wurde vor etwa drei Jahren geschrieben, aber es ist eine Art Fundament, auf dem eine Menge Zeug gebaut ist. Und es wurde vor etwa drei Jahren geschrieben, aber es ist eine Art Fundament, aber es ist eine Art Fundament, auf dem eine Menge Zeug gebaut ist. - Und obwohl alles aktualisiert wird und sich alles ändert, - eine Apsis ändert sich, - und das iPhone selbst ändert sich. Es wird alles auf dieser Grundlage geändert, also ist es immer noch eine wirklich gute Lektüre. - Und außerdem, - ich habe einen Link zu diesem großartigen Artikel, - der in diesem Jahr am Februar geschrieben wurde, - der spricht irgendwie viel erklärt. - Was ist in tak würdig über den Pixelrhythmus und wie man auf dem Gitter gestaltet und dann auch - stellt viele Dinge in Frage, die ein wenig seltsam sind, - wie warum ist der Hahn 49 Pixel, wenn es nicht ist, - es ist Art das Gitter zu brechen, dass Apple Dinge wie diese aufstellt. - Also auf jeden Fall gehen Sie in die Ressource ist Abschnitt und laden Sie alles, was wir dort haben - denn das wird helfen. - Sie haben mit dem Raster gearbeitet und, - um, - ein weiterer guter Zeiger, den wir haben, ist, wenn Sie eine App finden, die Sie wirklich mögen, und Sie fragen sich, was ihre Entscheidungen waren, die mit ihrer Navigation oder Platzierung von - Tasten oder einfach so wie, wie sie mit dem Raster gearbeitet haben, ist es, tatsächlich zu gehen und zu nehmen - diese Bildschirme davon. Nimm einfach einen Screenshot von deinem Computer undnimm ihn in Photoshopped, wie einen dieser Bildschirme, öffne ihn im Fotoshop und... Nimm einfach einen Screenshot von deinem Computer undnimm ihn in Photoshopped, wie einen dieser Bildschirme, öffne ihn im Fotoshop und... Nimm einfach einen Screenshot von deinem Computer und öffne ihn im Fotoshop und... nimm ihn in Photoshopped, wie einen dieser Bildschirme, öffne ihn im Fotoshop und nimm ihn in Photoshopped, wie einen dieser Bildschirme, öffne ihn im Fotoshop und... - fange an, es abzubauen, wie schalte deine Herrscher an und beginne alles zu grünen und sieh dir an, wie sie es gemacht haben. - Und Sie werden sehen, dass dort wahrscheinlich im Anschluss an ah, - ähnliches System. - Wie Sie hier sehen können, ist die Haut anders. - Aber es folgt einer ziemlich ähnlichen Art von Apfel. - Ja, wie ein Stil, den du kannst. - Viele Leute werden Zellgrößen wie benutzerdefinierte machen, - aber zum größten Teil, - Sie können mit 44 Pixelrhythmus bleiben, weil Apple eine Menge Benutzertests durchgeführt hat, - und es scheint am besten geeignet zu sein, um mit der Größe zu passen Typografie, die sie verwenden -. - Damit du ein Gitter machen kannst, könntest du ein Gitter brechen. , Aber ich denke, die Erkundung ist gut zu sehen, wie andere Leute sich der Situation nähern und mit welchen Größen sie arbeiten. - Ja, - und Sie werden in der Lage sein, Instanzen zu finden, in denen Menschen diese Art von Grundlinie nicht folgen - Raster. - Und es gibt Fälle, in denen es wahrscheinlich keine gute Wahl war. - Und es gibt diejenigen, bei denen es wie eine vollkommen gute Wahl scheint, - und es hat wahrscheinlich gut geklappt. - Und so denke ich, es ist nur einer dieser Fälle, in denen es gut ist, die Regeln vor dir zu kennen - sie irgendwie zu brechen. - Ähm und so, - äh, - ja. - Das ist also das Ende dieses Abschnitts. - Wir haben eine Reihe von re Quellen, - einschließlich, - wie unsere Skizzen dieses Starter-Grid-Vorlage hier herunterladen ist in der enthalten - ersten Abschnitt, - Um, - und dann dieser Link, - sowie, - äh, - den Link, um das Top würdige Buch herunterzuladen oder die Spitze des Buches zu kaufen. - Vielmehr, - wenn Sie möchten, Teoh Eyes auch in der Ressource ist Abschnitt. - Es ist eine gute Lektüre. - Es lohnt sich einen Kaufpreis. - Und ich habe es beide gelesen. - So wie du anfängst. - Ah, - App-Design für Leute, die wirklich erfahren sind, dass die erste App, die ich je gemacht habe, war - völlig individuell. - Ich habe keiner Art von Pixel-Rhythmus-Raster gefolgt, - und es hat sich als OK erwiesen. - Die Entwickler waren ein wenig mit mir gekreuzt. - Es stellte sich heraus, dass es viel mehr Arbeit für sie war. Aber da wir das Design von Iowa durchlaufen haben, haben wir wirklich erkannt, wie wichtig es ist und wie es sich verbessert. - Irgendwie werde ich den Troll haben. - Großartig. - Ablehnen. - Du kannst es versuchen. - Ich versuche, daran zu arbeiten. Du musst die Gruppe umarmen, um das Gute zu brechen. - Also, - ähm, - aber es hilft, Ihre Ideen zu konzentrieren und die Geschichte zu kommunizieren, die Sie mit Ihrer App erzählen möchten -. - Ja. - Also, - im Grunde, - an diesem Punkt, - einfach anfangen. - Beginnen Sie mit der Arbeit an Ihren Skizzen, - bringen Sie Ihre Skizzen bis zu dem Punkt, an dem Sie sich wohl fühlen mit den Ideen , die Sie entwickelt haben, und beginnen Sie dann mit der Arbeit im Fotoshop, - mit dem Raster, das wir eingerichtet haben, - mit den Elementen, die wir übergeben haben, und mit den Werkzeugschlössern, die wir euch gegeben - mit einigen der Farben, die jemals das Logo veröffentlicht haben und auch mit einigen der Inspiration, die gefunden habt, - um, haben - mit einigen der Farben, die jemals das Logo veröffentlicht haben und auch mit einigen der Inspiration, die ihrgefunden habt, - um, Blick auf andere Menschen APS. Und wenn Sie Fragen haben, gibt es keinen Platz für diesen Vortrag. - Aber wenn Sie irgendwelche Fragen haben, - fühlen Sie sich frei, die im Projektbereich zu posten, wie wenn Sie haben, - wenn Sie auf etwas stecken gerade gepostet ist ein Projekt und sagen, - Hey, - ich habe eine Frage hier. - Ich bin an diesem Punkt. - Was soll ich als Nächstes tun und wird dort passieren und anfangen, für Sie zu antworten? - Und das war's. - Also sehen wir euch nächste Vorlesung. - Viel Glück, alle. - Danke, - Aber von 3. Auswahl der besten Navigation: Hey, alle, willkommen zurück zum dritten Abschnitt unseres Geschicklichkeitsstuhls, einer Vortragsreihe. Und heute werden wir über die Navigation für Ihre App sprechen und diese hier einrichten . Dies ist in Ihrer Ressource ist Datei enthalten. Also geh weiter und sieh dir das an. Ähm, das ist ah, schau dir verschiedene Arten der Navigation an. Und so, ähm, wir werden das durchreden, und im Grunde sollten Sie irgendwie mit beiden Füßen an dieser Stelle aus dem Skizzieren reinspringen und dann anfangen, am Gitter zu arbeiten und beginnen, Ihre App ein wenig zu entwerfen. Nicht so sehr mit dem Stil und der Farbe, sondern mehr mit Funktionalität und beginnen, darüber nachzudenken, welche Elemente Sie einschließen möchten. Und jetzt fragen Sie sich wahrscheinlich, wie es funktionieren soll und bestimmte Menüpunkte und wie Sie möchten, dass Ihre Navigation funktioniert. Es gibt also verschiedene Kategorien der Navigation, äh, von völlig gestisch bis nach unten. Also, wie ein völlig 100% Apfel definieren native Erfahrung. Uh, wir würden gerne erkunden und durch die verschiedenen Arten der Navigation sprechen und was Sie finden könnten, dass mit Europa funktioniert oder welche Art von Navigation Pique Ihr Interesse. Ja. Und was wir taten, war, dass wir im Grunde in den Apple Store gingen, den App Store, eher nicht Apple Store, ähm, Store. Und wir haben gerade ein paar Beispiele gezogen, von denen wir für gute Beispiele für Ausgaben hielten . Der Gimmick hier und dieser 1. 1 ist ein Beispiel für etwas völlig Gestisches. Und so, mit echt gekleidet, meinen wir nur Flicks, Hähne , Prisen. Was ist das Gegenteil von einer Prise? Eine 22 Finger Expansion? Ja. Denkst du? Ja. Hör einfach auf, du weißt schon, dieseArt von Sache zu streichen du weißt schon, diese . Und so, anstatt Sachen zu antippen und Menüs öffnen zu lassen, wirst du beim Austauschen und Fegen und so etwas wischen. Und, ähm , so funktioniert das hier. Was ist, dass Sie sehen können, wischen, nach unten ziehen, hochziehen, scrollen, kneifen, doppeltes Tippen, einzelnes Tippen auf solche Sachen, ähm, und dann Bewegen dieser Luft Art von Interpretationen einiger nativer Navigation. Und wenn wir sagen, native Navigation, wir meinen Dinge wie die Registerkarte sind, so dass Sie direkt hier unten sehen. Diese drei kleinen Punkte sind Dinge, auf die Sie tippen können und Informationen kommen. Das ist also irgendwie an der Stelle, wo eine Tab-Leiste wäre. Und so ist es eine Art Interpretation einer Tab-Leiste. Und genau hier, indem Sie darauf tippen, entfaltet es mehr Informationen. Das ist also eine weitere Interpretation des Tablers. Angriffe sind wie eine Bar. Ja, irgendwie eine sehr lockere Interpretation. Und dann wirst du sehen, was ich meine. Die Leute nennen das. Was, wie ein Tablett? Ich nenne es einen Trick, wie ein Side Trip Side Tray. Ja, ich nannte uns ein Seitentablett. Ja, eso Hier ist ein Tablett. Dies ist kein Apfelelement, aber es ist irgendwie eine weit verbreitete Sache. Ähm, Apple Apple hat sich entschieden, , nein, du solltest diese Seitentabletts nicht benutzen, als ob wir nicht denken, dass es Teil der nativen Erfahrung ist. Aber dann bestimmte APS wie Facebook und Path wirklich Art von Besitz es und nahm es in das, was ist jetzt ein Standard-Apple-Erlebnis. Uh, sie entscheiden über den Handel. Nein, Apple nicht, aber sie erkennen es als es. Nun, der Typ, der also der Typ, der den Nebenhandel gemacht hat, ist derselbe Typ, der die Umfrage durchgeführt hat, um zu aktualisieren was da ist? Ich vergesse seinen Namen. Sorry, ein Google-Typ, der den Inhaber von frischen erfunden Wir werden in der Ressource posten ist Abschnitt Ich vergesse seinen Namen gerade jetzt. Schlechte Lehrer. Aber wie auch immer, ja, Es gibt Dinge wie diese, die nicht Apfelnativ sind, dass die Leute sich mit, die wirklich großartige Lösungen, die Sie verwenden können, und, ähm, dass Sie billigen, dass nicht notwendigerweise in den Apple-Richtlinien, aber dass Sie mehr als willkommen sind, zu verwenden, wie, coole Crinkle-Effekte, die offensichtlich sind, wenn sie animiert sind, sie erweitern, um, und bewegen sich nach unten. Es wird ein bisschen nativer, wenn du so willst. Obwohl leider dieses Beispiel, wenn einer von Ihnen, die diese Klasse nehmen, diese App gemacht, entschuldige ich mich. Aber das ist nicht gerade das beste Beispiel für eine gut aussehende App, weil Sie mit vielen Informationen bombardiert werden. Aber es ist ein Beispiel für eine App, die native aus Elementen verwendet , ,anstatt wie eine native Erfahrung. Ja, ja, native Elemente. Also wirst du sehen. Dies ist die traditionelle Registerkarte sind in seinem wahren Zustand des Entwicklers. Ich habe gerade das da reingestopft. Und das, ähm, was ist das? Ich schätze, Naff Bar hier oben hat gerade das da reingestopft. Und dann, natürlich, da ist die Statusleiste hier drin, und so haben sie auch ihre eigenen kleinen Elemente hier eingeschlossen. Sie würden offensichtlich dieses kleine Menü hochziehen, und so ist das eine Art Mischmash von einem Haufen verschiedener Dinge hier. Aber das hat definitiv einige Verwendung wirklich nativer Elemente. Und dann, natürlich, das ist Apples Wetter-App. Das ist also völlig nativ, obwohl das. Ich meine, das sind Brauch. Ja, es ist nicht nativ so wie Zehe wie, wie gerade aus wie eine T-Hand fehlt, wie G Y etwas, aber es ist es, was Apple verwendet. Ein Sfar ist wie Übergänge, Tabellenzellen Ansichten. Aber in der Platzierung meinen wir das mit Native. Ja, genau. Und so zeigt diese Art von Ihnen, dass Sie den ganzen Weg von etwas machen können, das wie zum Beispiel Art von Ihnen mag diese Tabellenzellen und diese Art von Plus- und Minus-Willen. Das Gegenteil von diesem Minus wäre das Plus und solche Dinge, und du weißt schon, diese Art von Kopfzeilen und solchen Sachen, diese Schaltflächen bis hin zu etwas völlig interpretiert, wie die schwebenden Art von Kugeln. Und dann natürlich meine ich natürlichZutat. Damit wirst du scrollen und flicken, wasjetzt völlig anders ist, jetzt völlig anders ist, nur eine Art Notiz. Teoh. Verschiedene Navigationsstile oder mehr wie Übergänge in Navigationselemente. Einige von ihnen könnten irgendwie trendy sein. Der Handel war irgendwie trendy, und jetzt ist es Es ist wirklich ein Standard eso es ist irgendwie übertroffen den Trend, aber Dinge wie Falten Aktion, Sachen wie das. Als ich die erste Generation der Ausschreibung entwarf, haben wir uns entschieden, eine Akkordeonfalte zu verwenden, um zum nächsten Bildschirm zu gelangen. Aber wir fanden, dass es wirklich zeitaufwendig ist, ist, diesen Übergang zu nutzen. Also landeten wir weg von ihm und gehen zu etwas in den Handel die Seite Tablett Art von Vene. Es ist also etwas, das man berücksichtigen muss, wie man das rechts präsentieren wird . Und so habe ich in Ihrer Ressource enthalten ist dieses kleine Pdf, wie es eine Zusammenfassung unseres Vortrags genannt wird , aber es ist irgendwie ah, Liste von zusätzlichen Punkten und haben einen Abschnitt hier namens Convention gegen Trend. Und so bin ich irgendwie die Art von Person, die ich wirklich aufgeregt über diese Trends. Wenn ich etwas Neues sehe, wie eine Akkordeonfalte, denke ich, wie cool ich das benutzen möchte. Und manchmal kann das dich in Schwierigkeiten bringen. Denn nur weil etwas trendy ist, brennen diese Trends manchmal sehr schnell aus und wo so etwas wie die Polderaktualisierung zu einer Konvention wird, könnte etwas anderes einfach schnell zu einem Trend werden und dann verblassen. Und dann wird Ihre App entweder müssen sie herausnehmen oder wenn sie es in lässt, wird es wirklich albern werden. Und so denke ich, dass das Wichtigste hier ist, also fragen Sie sich immer, ob das, was Sie tun, Ihren Bedürfnissen entspricht. Also gehen Sie nicht einfach nach Trends jagen, weil Sie sie tun wollen oder tun Sie sie in Ihrer Freizeit , nur um sie aus Ihrem System zu bekommen. Aber Sie müssen sich fragen, ob das, was Sie tun, die absolut beste funktionale und visuelle Lösung für das Problem ist , das Sie zu lösen versuchen, und so werden Sie irgendwie durch den Bereich navigieren, ob Sie etwas tun oder nicht nur weil es ein Trend ist oder ob Sie etwas tun oder nicht, weil es wirklich die beste Lösung in derselben Richtung ist. Manchmal ist es als Designer, den Sie für andere Designer entworfen haben wollten. Ich schätze schon. Wenn Sie es wollen, denken Sie immer daran, dass Sie für den Endbenutzer entwerfen, der Ihre Eltern sein könnte, Ihre Großeltern, der Typ unten die Straße, der nichts über Design eso weiß. Diese Dinge sind cool, aber am Ende muss es Funktion über Form sein, oder? Wie zum Beispiel diese App hier. Ich finde es wirklich schön. Ich habe diese Hälfte nicht benutzt. Ich habe nicht damit herumgespielt, also ist das ein gutes Beispiel. Also schaue ich mir diese Bildschirme an. , Ich habe keine Ahnung,wie diese App funktioniert. Ich hätte keine Ahnung, wo ich klicken soll. Nur einen Blick auf, in und in dieses Mock zu machen. Dies ist die, die ich habe, habe ich nicht gespielt, aber ich hatte eine Menge Zeit, um es zu betrachten, wissen Sie, eine solide, wie 25 30 Minuten, um es in dieser Präsentation und immer bereit, darüber zu sprechen. Und selbst nachdem ich es gesehen habe, habe ich keine Ahnung, was ich damit machen würde. Und ich bin ein Designer. Und wenn das gibt Ihnen einen Hinweis als sein Gleichgewicht seiner schönen gegen Wie auf der Erde benutze ich es, müssen Sie irgendwo in der Mitte treffen. Und einige dieser APS- und Navigationsstrukturen verlassen sich auf etwas, das leicht auffindbar ist , und sie werden Ihnen beibringen, wie man es beim ersten Mal benutzt, anstatt sich auf ein gelerntes Verhalten zu verlassen , das was wir wie eine einheimische Erfahrung nennen. Denken Sie also daran, dass es eine bestimmte Balance gibt. Sie können Ihren Benutzer nicht bitten, einen Nab vollständig zu lernen, das neue System der Navigation und Gesten zu grüßen und zu wischen, während Sie versuchen, Ihre App zu verwenden , so dass es zumindest auffindbar sein muss, wenn es nicht nativ sein wird, leicht verständlich und eine letzte Sache. Ich denke, es ist in Apples Richtlinien. Wenn nicht,werde ich es hier im Grunde zusammenfassen. Wenn nicht, Ich habe es gerade gelesen. Es ist im Grunde Apple sagt, aber es ist. In ihren Richtlinien sagt Apple, dass es nicht wirklich das Beste ist, sich auf Bildschirme und Overlays zu verlassen, die Ihnen erklären, wie Sie die App verwenden . Der beste Anwendungsfall. Das bedeutet, dass die U. Y. ihre Arbeit nicht erledigt. Und Apple verlässt sich auf einen völlig entdeckbaren Weg, um ihre Bemühungen zu nutzen. Das ist die Apple-Erfahrung, und so wollen sie, dass Sie Ihre Bauchmuskeln entwerfen. Ja, also das heißt, du solltest keinen Knopf machen müssen, der hat, wie ein Smiley-Gesicht drauf. Und das ist Ihre App und und dann die App öffnen und dann eine Bildschirmüberlagerung haben, die besagt Wenn Sie die Smiley-Gesichtstaste drücken, senden Sie eine E-Mail an Ihre Mutter, die besagt, Alles Gute zum Geburtstag, und dann dieser Bildschirm übermäßig verschwindet. Also, jetzt wissen Sie, dass, wenn Sie das Smiley-Gesicht drücken. Aber du hast gesagt, du schickst jede Schmelze deiner Mutter, die alles Gute zum Geburtstag sagt, wie du wissen solltest, dass wenn es durch den Blick auf die U I was der Knopf intuitiv tut, wenn das Sinn macht. Behalten Sie das einfach im Hinterkopf, während Sie das entwerfen, dass Sie sich darauf verlassen müssen, dass Leute das benutzen und verstehen, sie zurückgezogen haben, welche Maßnahmen ergriffen wurden. Im Grunde, lassen Sie die Leute wissen, was auf der Erde sie tun, also auf subtile Weise. Und denken Sie daran, dass die Verwendung von Symbolen immer die Benutzerfreundlichkeit verbessert, die Sie nicht immer buchstabieren müssen. Okay, also weiter, wir werden jetzt auf unsere Bildschirme schauen, und das wirst du bemerken. Das sieht ganz anders aus als das, was wir Ihnen bei der ersten Präsentation unseres fertigen Designs gezeigt haben. Weil dies eher ein Drahtrahmenstatus ist. Also das ist unsere App Sobald du sie geöffnet hast, und, und, ähm, das ist unser Bildschirm, wie du es sehen würdest, äh , sagen wir, es ist Samstag, 26. M. 78 Grad. Ja. Es sind nur die funktionalen Daten. Ja, und die ich denke, Schnittstelle, die die Haupt. Die Hauptsache, die Sie Schnittstelle würden? Jep. Nein, keine Enthäutung hier, wenn Sie so wollen, wie keine Design-Elemente. Wirklich. Um und so haben wir sie alle weggenommen, damit wir Ihnen nur die Funktionalität zeigen können. Es gibt also zwei Bits Funktionalität hier. Eine, die wir wollten, dass Sie Teoh Peeling können, wenn Sie so wollen, in die Zukunft, um drei Tage vor der Zeit zu sehen. Ähm, wie wäre die Temperatur auf dem, was das Wetter sein würde, was wir Ihnen zeigen, was das Wetter sein wird, wenn wir in die Design-Elemente kommen und dann auch, wir wollten, dass Sie in der Lage sein, andere Städte hinzuzufügen, die Sie werden suchen. Ja. Also haben wir uns entschieden, mit der Trace-Down-Navigation traditionellen oberen linken zu gehen, die nur initiieren würde , dass der Hauptbildschirm würde genau nach rechts gleiten und enthüllt verschiedene Orte. Sie können jederzeit einen neuen Speicherort hinzufügen. Und wenn Sie einen neuen Standort hinzufügen, gibt es viele verschiedene Möglichkeiten, dies zu tun. Wenn wir einen neuen Standort hinzufügen, haben wir beschlossen, ihn von dem zu stützen, was Apple tut, wenn Sie einen neuen Speicherort hinzufügen, d. h. alle Daten zu entfernen. Also,dieser Also, Schieberegler würde nach links gleiten Art von sprechender Animation hier würde nach links und dann nach rechts gleiten . Tut mir leid, meine Wegbeschreibung. Und dann werden all diese Informationen auftauchen. Und das sieht wirklich ähnlich wie Apples, ähm, Wetter-App sieht aus, wenn Sie eine neue Stadt hinzufügen. Außer sie hatten diesen Text es sagt, Fügen Sie eine Zip-Stadt oder Staat tatsächlich oben in dieser Art von dicken nah weit, und ich habe gerade diese Informationen innerhalb der Suchleiste platziert, weil ich denke, es ist ein bisschen prägnanter . Ansonsten ist dies eine sehr native Erfahrung. Wenn Sie zusätzliche Dinge wie diese tun, wie das Hinzufügen einer Stadt, möchten Sie wirklich, dass es etwas Bequemes für einen Benutzer ist. Also haben wir uns entschieden, das wie ein motile Pop-up zu machen. Es ist etwas, das den Benutzer nicht verwirren wird. Es wird wirklich einfach. Es ist etwas Vertrautes. Es gibt Tabellenzellen. Es ist also etwas, das für diese Bewertungen wirklich bequem ist. Ja, und wir dachten uns, da es für Apple gut genug ist, um für ihr Wetter zu verwenden , um , als hätten wir keine Bedenken darüber, was sie taten. Und das ist ein wirklich einfacher Bildschirm. Also hatten wir nichts zu ändern, außer dass es zu unserem passiert passt. Also haben wir buchstäblich nur die Grafik für die Spitze geändert. Und das war es, Ähm, und dann geht unser zweites bisschen Funktionalität ist der Wäscher, also ist es im Grunde wie Zeitschrubben und so was Sie sehen werden, und Sie fragen sich vielleicht, wie die Leute wissen, wie das funktioniert und was das ist. Also im Grunde werden wir ein bisschen wie ein bisschen eine pochende Art von Bewegung haben hier mit wie einem hellen Hintergrund läuft, diehier mit wie einem hellen Hintergrund läuft,der animiert wäre, es jetzt und dann vortäuschen würde, Ähm, das ist das wird Tap Kräuter und Sie werden in der Lage sein, Sie werden in der Lage sein, Teoh Wind dies um diesen Kreis in die Zukunft bis zu drei volle Tage. Während dieser Zeit wird es Übergänge der Temperatur, des Tages und der Minuten sowie des Hintergrunds geben. Wir werden auch ändern, was unser Wetter zeigt. Also haben wir uns auch entschieden, Teoh die Statusleiste herauszunehmen, die Apple normalerweise nicht empfiehlt. Aber unsere Begründung dafür ist, dass die gleichen Informationen auf dem Vollbild-Erfahrung repliziert wurden . Es ist also nicht wirklich notwendig, diese Bar zu haben , und sie eignet sich irgendwie. Wollen Sie die fertige App und die Bilder sehen, die wir in den Hintergründen verwendet haben, die ein wenig mehr Sinn machen wird , aber für jetzt, dass wir nur unseren Grund teilen wollen, dass die Argumentation für die Einnahme von Aufregung so weit normal würden Sie Tu es nicht. Es ist im Grunde nur, um ein bisschen mehr wie eine immersive und einfache Erfahrung zu schaffen, und ich denke, dass es auch ein bisschen mehr einen Schub in den Trend gegeben hat, um die Statusleiste zu entfernen . Wir meinen, weil tatsächlich eine Weile darüber geplaudert hat. Ich war wirklich dagegen. Als würden wir es nicht tun. Wir werden es tun. Ich weiß es nicht. Ich weiß immer noch nicht, ob es wirklich gute Wahl ist. Ich habe nicht zu viele APS gesehen. Nimm es raus. Einige Karten tun, wenn Sie wie ein Vollbild sind, wie ein Netflix oder wenn Sie etwas sehen, Also ich weiß das nicht. Das war eine Art Entscheidung, die wir getroffen haben. Wir könnten in beide Richtungen gehen. Ja, aber das ist es, woran wir festhalten. Ja, und so, im Grunde für unsere Navigation. Da dieser Abschnitt Navigation ist, haben wir gewählt, dass es die Option für den Benutzer. Teoh, im Grunde tun Sie etwas wirklich Einfaches um diesen Kreis zu kreisen und sehen Sie Donnerstag, Freitag , Samstag, und sehen Sie die Temperatur in der Zeit zu dieser Zeit. Und dann auch in der Lage zu sein, Teoh, tippen Sie einfach auf diese und fügen Sie andere Städte hinzu. Und dann, wenn Sie diese Städte sehen möchten, müssen Sie nur auf diese tippen und Chicago auswählen und Sie werden wieder auf dieser Seite hinzugefügt, die Ihnen die Temperatur usw. an diesen Tagen zeigt, und so sind in diese Städte, und das ist so ziemlich das Ausmaß unserer Navigation und dieser Art von Hits. Ein Punkt, den ich in Ihrer Hand hinzugefügt, das ist, dass wir es einfach halten wollten und die geringste Art des Teufels am wenigsten die minimalste Navigation zu tun, die geringste Navigation, die Sie möglicherweise tun können, um die Arbeit zu erledigen. Genau das ist der Grund, warum wir ausgewählt haben, anstatt wie ein Handel mit einer dreitägigen Prognose mit kleinen Boxen zu haben und mehr Zahlen auf diese Weise zu replizieren, sehen Sie die Informationen, sobald Sie leicht auf zukünftige Informationen zugreifen können. Es gibt keine unordentlichen Ausrutschen von Tabletts oder anderen U-Elementen, um das Erlebnis irgendwie zu überladen . Und so werden wir diese PSD-Datei für euch zum Download werfen. Er ist tatsächlich in separaten Dateien zum Herunterladen einfach auschecken um, in der Ressource ist Datei, so dass Sie sich das ansehen können und, ähm und das ist darüber. Und , wenn Sie Fragen haben, lassen Sie es uns wissen und Sie haben Projekte. Dio. Ihre Projekte für diesen Abschnitt sind also, um Ihre Navigation zu vervollständigen. Ähm, und Teoh hat im Grunde ein Mock wie dieses. Wenn Sie Farbe haben möchten und Sie beginnen möchten, an Ihrem Design und Ihrer Art von Haut zu arbeiten . Wenn Sie die Art von Person, die gerne entwerfen, während Sie Drahtrahmen sind. Und während du über Navigation nachdenkst, ist das völlig in Ordnung. Posten Sie einfach im Grunde alles, was Sie bisher haben, von Skizzen und Konzepten bis zu dem , was Sie gerade tun, im Projektbereich veröffentlicht. Und, ähm, das heißt, glaube ich, in den 20 Sekunden, und wir werden da drin sein, um alle Beiträge zu kommentieren und , ähm, das war's, und wir werden nächstes Mal mit dir reden. nächste Mal werden wir unsere komplett fertige App mit all unseren Design-Entscheidungen zeigen und erklären, warum wir diese Design-Entscheidungen ausgewählt haben und im Grunde einen ganzen Spaziergang durch alles, was wir beschlossen haben, und wie das Funktionale in der visuellen Arbeit zusammen. So viel Glück, alle. Wir freuen uns sehr auf Ihre Arbeit. Ja, danke, und wir reden nächstes Mal mit dir. 4. Vielfalt und unsere Designs: - unsere Vortragsreihe und heute werden wir über unsere endgültige Design-Lösung für unsere - App-Temp, - sprechen - App-Temp, und das wird irgendwie zweifach sein. - Wir zeigen Ihnen was? - Unsere Lösung ist ziemlich kurz und irgendwie abholen, wo wir von der Navigation aufgehört - Vortrag. - Und dann werden wir ein wenig darüber reden, wo ihr sein solltet - Entwerfen und Enthäuten eurer App an dieser Stelle. - Und was wir Ihnen jetzt zeigen, ist unsere endgültige Lösung. - Das ist also unsere App, wie wir sie mit, äh, - all den Bildschirmen und allen möglichen Hintergründen beendet äh, haben. - Und wir haben im Navigationsvideo ein wenig darüber gesprochen, wie er sich für eine fotografische Lösung für unsere Hintergründe entschieden hat . - Und Sie können hier sehen, dass vier verschiedene Arten von Wetter, anstatt zu sagen, dass es ein bewölkter Tag sein wird oder ein Symbol für Wolken zeigen, - wir haben gerade beschlossen, eine visuelle Lösung zu zeigen, damit die Leute feststellen können, welche Art von anstatt zu sagen, dass es ein bewölkter Tag sein wird oder ein Symbol für Wolken zeigen, - wir haben gerade beschlossen, eine visuelle Lösung zu zeigen, damit die Leute feststellen können, welche Art von ob es waas, indem man nicht wirklich einmal ein Symbol lesen muss, - ein Wort lesen, - aber um einfach eine Stimmung zu bekommen oder einfach nur ein Bild zu betrachten. - Es ist ein bisschen mehr ein Augenblick. - Sofort, - äh, - sieht aus wie sofort erfreulich. - Ja, - es trägt zur visuellen Erfahrung bei. - Das bringt Sie in die gleiche, die immersive Erfahrung, in der Yep zu sein. - Und, - äh, - so wirklich schnell, diese Bildschirme hier durchlaufen, haben wir den ersten Bildschirm als Faras - Funktionalität. - Ah, - es würde mit dem einheimischen Apfel auftauchen. - Können wir diesen aktuellen Standort für Sie nutzen? - Und, - äh, - würden Sie, - natürlich, - erlauben Sie es auf. - Und für uns wäre das Los Angeles. - Und so, - ähm, - heute wäre jemand. - Es Grade an einem Samstag am Abend, - es würde regnerisch sein. , Und dann,wenn Sie zum Beispiel hier, umrechtzeitig voranzukommen, um ein paar Stunden, ein paar Stunden, wäre es ein bisschen kühler, und es würde etwas dunkler werden. - Und ich zeig's dir in ein paar Sekunden. - Einige dieser Übergänge, wenn ich zu den Photoshop-Dateien übergehe, - äh, - und dann, was wir in den Drahtrahmen aus dem Navigationsvideo gezeigt haben, ist jetzt ein bisschen mehr aufgebaut , mit uns unsere Fotos und platziert in die Telefone hier, - ähm, - das Tablett, wo Sie auf Städte sowie wie es aussieht, wenn er aus der Stadt. - Und dann diese Luft nur zusätzliche Bildschirme, wo es verschiedene Städte ausgewählt und - Differenztemperaturen sowie verschiedene Arten von Wetter. - Und lasst uns hier rüber zu den Photoshop-Dateien springen. Und eines der Dinge, über die wir nachgedacht haben, als wir das entwarfen, ist, wenn Sie anfangen würden, voranzukommen, - zum Beispiel, - lasst uns hier sehen, um rechtzeitig voranzukommen. - Aber ich möchte rechtzeitig von 10 54 Uhr vorwärts gehen und diesen kleinen Knopf hier nehmen und ihn nach vorne streichen und ein bisschen vorwärts bewegen - etwa eine Stunde. - Und wir wollten sehen, was dann passieren würde. - Und sagen wir, das Wetter ist regnerisch und du willst sehen, was in ungefähr einer Stunde passieren wird , und es wird einfach regnerisch bleiben. - Aber es wird etwas dunkler, ein bisschen stürmischer. - Was würde passieren? - Und dieser Übergang würde passieren. - Es wird um vier Grad abkühlen, und es wird etwas dunkler, ein bisschen Sturm hier. - Und das sind also die Art von Übergängen, mit denen wir arbeiten wollten, sind Dinge wie diese oder - zum Beispiel, , - mal sehen, - es ist, - ähm, - ein bewölkter Tag und es wird erhellen ein wenig und verwandeln sich in einen sonnigen Tag. - Und so, - wie Sie vorwärts geschrubbt hatten, - würden diese intermittierenden Übergänge beginnen zu geschehen und, - ähm, - erscheinen. - Und wenn Sie aufhören würden, - würde es für einen Moment anhalten und dann wieder zu Ihrem ursprünglichen Ausgangspunkt geschnappt. Und so mögen wir diese Art von Blick, wo die Dinge transparent sind und, ähm, - - die Unterschichten Luft durch und diese Art von wirklich ziemlich doppelten Belichtungen geben - Art von Effekten. - Und das war unsere Lösung. - Anstatt Farben und Vollfarben zu verwenden und so etwas wollen wir mit Fotografien - und, - ähm, - auch 11 andere Notizen. - Wir sind für, - um, - für unsere Navigation gegangen - um, . - Wir haben uns entschieden, dies in einer Art flachen Stil zu stylen. Es gab in letzter Zeit einen wirklich großen Trend, Dinge extrem flach zu stylen , ähm und sich von den, ähm, - physische Objekte mit Haut wie diese zu verweisen. - Ja, - wirklich schwere Schrägstellung. - Morph ist um, - es geht nicht komplett mit der U-Bahn. Manche Leute, manche Leute sind, aber es ist es, ein Gleichgewicht zwischen schwerer, sprudelnder und schwerer Tiefe und dem eher flachen Feld zu finden. - Also haben wir uns entschieden, etwas mit etwas Tiefe zu tun, aber meistens flach, oder? - Ja, hier ist nur ein einfacher Text. - Die Art von Ziel war es, einfach zu tun, - aber auch, um Ihnen ein Gefühl der Tiefe zu geben. - Ähm, vor allem, da das definitiv ist. - Wir wollten, dass es sich unter dem Hauptbildschirm anfühlt. - Ähm, - und dann, - natürlich haben wir Seite hinzufügen, - und so ist das eine Art von der App. - Und wie Sie sehen können, - haben wir hier mehrere Schichten, - auf der Seite mit unseren Bildern sowie unseren, - ähm, - kleinen Komponenten. - Und unsere Location Bar und unser Labor sind oben. - Und was wir getan haben, ist, dass wir diese PSD-Dateien in die Ressource aufgenommen haben, so dass ihr Jungs hier springen und mit Leichtigkeit herumspielen könnt . - Ähm, - und auch, - wir haben diese JPEG-Datei für Sie zum Auschecken hinzugefügt. - Wir haben gerade diese Art unserer Abschlusspräsentation ausgedacht. - Du musst dieser Abschlusspräsentation nicht folgen. - Danach gibt es noch einen kurzen Vortrag, der keine Videovorlesung ist. - Es ist nur ein Download, der Ihnen zeigt, was zu tun ist, um Ihre eigenen Dateien zu exportieren und zu präsentieren. - Auf jeden Fall - können Sie so kreativ werden, wie Sie wollen, wenn Sie es präsentieren. - Und wir wollten euch auf eine wirklich flache Art und Weise zeigen, wie man jeden Bildschirm zeigt, nur damit die Leute eine Vorstellung davon bekommen, wie die Möglichkeiten für die App aussehen. zweite Teil ist wirklich nur, um Das ist also der erste Teil, dass wir erklären, was wir ausgedacht haben, und dann der euch im Grunde wissen zu lassen, dass es das nicht gibt. - Es gibt keine wirklich gute Möglichkeit für uns, den Design-Teil der APP so zu erklären, wie Sie irgendwie haben. - Dies ist wahrscheinlich der kürzeste Teil der gesamten Klasse, weil wir über alle gesprochen haben - die Branding-Elemente und wir sprachen über die Designstücke und wir haben über die - Richtlinien in den Best Practices gesprochen und und ja, - und was wir getan haben. - Aber wenn es darum geht, tatsächlich zu springen und es zu tun, - es ist genau das, was Sie sich entscheiden, dio und was Sie wollen, dio und, - um, - und schauen Sie sich andere APS an und öffnen Sie einfach Photoshopped und arbeiten. - Ja, es geht um eine Menge darum, die Entwürfe anderer Leute so zu betrachten, wie sie sich nähern - Dinge. - Und wir versuchen zu erklären, dass es keinen, genau richtigen Weg gibt , , um das zu häuten. - Es ist eher eine persönliche Vorliebe. - Ich denke, dass dies wirklich auf die Benutzerfreundlichkeit und die Navigationsstrukturen ist, die Sie Elemente -. - Visuelles Design kommt ein wenig später in der allerletzten Phase, - und deshalb haben wir hier nur einen kurzen Überblick über unsere Lösung gemacht, richtig? - Und wenn Sie irgendwie auf Design-Elemente verzaubert sind oder, ähm, - sind Sie nicht sicher, woran Sie arbeiten sollen? - Wie ich schon sagte, - Sie könnten in den APP-Store gehen und andere Wetter APS betrachten und verschiedene Symbole verwenden und - spielen herum. Und als ich anfing, an Design zu arbeiten, APS zu entwerfen, fühlte ich mich wirklich wie ein Fisch aus dem Wasser, und ich wusste nicht, was ich tun sollte, als ich für jemanden arbeite, und ich sagte ihnen, dass ich APS zu entwerfen, fühlte ich mich wirklich wie ein Fisch aus dem Wasser, und ich wusste nicht, was ich tun sollte, als ich für jemanden arbeite, konnte APS entwerfen und ich hatte keine Ahnung, wie ich also eine Reihe von Screenshots gemacht - von anderen Leuten APS, die ich mochte. - Ich habe sie mir selbst geschickt. - Ich habe sie im Fotoshop geöffnet und habe gerade angefangen, auf ihnen zu entwerfen. - Und so habe ich gelernt, APS zu entwerfen. - Attn zuerst, bevor ich etwas lese. Also, Also, , es gibt keinen falschen Weg, dies zu tun. - Und so viele Leute, wie es in diesem Kurs gibt, ist so viele verschiedene Designs gibt es - zu sein? - Das ist also der Teil, an dem wir uns irgendwie entten und sagen: - Ihr habt jetzt eine Woche, - wahrscheinlich zu diesem Punkt. - Es gibt noch eine Woche Kreisverkehre für dich, bevor du die letzte Abreise eingehst , ... und einfach los und fange an, daran zu arbeiten , - um das Coolste zu machen, was du nur kannst. - Und wenn Sie Fragen haben, - posten Sie sie im Projektbereich. - Es gibt noch eine kleine Vorlesungsreihe. - Wie ich sagte, - es ist nur sehr kurz erklärt Teoh, - glätten Sie Ihre Dateien und legen Sie sie in iPhones mit den paar Ressourcen-Links. - Ähm, - und die Dinge im Projektbereich posten, - wenn Sie Fragen haben, - werden sie beantworten und, äh oh, - und noch eine Sache, die wir hinzugefügt haben, - haben wir einen Preis hinzugefügt. - Wie heißt es? - Ich weiß es nicht. - Ich kann nicht immer den Sieger anrufen. - Das kannst du gewinnen. - Sie können sehen, wie es heißt. - Kann schauen, was seine Siegerfähigkeiten genannt. - Ja, ich weiß nicht. Du erinnerst dich daran, wie man nennt, dass du diese Klasse gewinnen kannst und wenn du gewinnst, haben wir uns entschieden, jemanden auszuwählen, der am meisten verbessert ist haben wir uns entschieden, jemanden auszuwählen, der am meisten verbessert ist. - Also hat jemand im Grunde noch nie zuvor entworfen, der scheint, als hätten sie es getan - große Verbesserungen vom ersten Tag bis zum letzten Tag gemacht. - Und wenn Sie möchten, Teoh, - wir chatten mit Ihnen auf einem Google, - hängen für, - wie, - 1/2 Stunde bis zu einer Stunde und überprüfen Sie Ihre App oder überprüfen Sie Ihre Arbeit oder chatten Sie mit Design mit Ihnen - oder was auch immer. Du willst, dass wir in irgendeiner Weise diotieren , dass wir dir helfen können. - Und so gewinnst du. - Und das ist dein Preis. Also jedenfalls, ja, das ist das das Ende von allem in Bezug auf unsere Führung. - Also, - ähm, - stellen Sie sicher, dass Sie alles herunterladen und all das Zeug aus der nächsten Vorlesung bekommen und in Projekten posten, - und das ist, wo wir Sie für den Rest der Dauer dieses Kurses sehen können wir - würde passen. - Du hast gemacht. - Ja. - Wir sind aufgeregt. - Vielen Dank, Jungs.