Home
Search results “User interface style guides”
Creating a style guide for...Everything!
 
12:01
As YouTube approaches its 9th birthday, we finally created a comprehensive style guide. What took us so long? Join us as we talk about what it actually takes to define a brand book and style guide for a product that is defined by the entire world of content and arguably one of the most complex user-interface problems out there. As YouTube is finally coming into its own as a streamlined user experience, it's expressing its own unique brand voice while still managing to be a service for anyone, anywhere.
Views: 28002 Google Developers
Better user experience with style guides and Atomic design - Sandra Granberg
 
21:07
Design consistent user experience by shifting focus from designing web pages to designing atomic design systems. With Style guides and Atomic design, every single piece of the user interface is considered individually to work beautifully regardless the device, screen size or scenario. This approach enable organisations to reach their goals in their digital transformation projects. Foo Café is an independent and physical meeting place for people of all backgrounds and expertise within the IT-industry in the Malmö/Lund region. Foo Café is aimed at those interested in sharing, learning and creating. Join the fun at foocafe.org
Views: 1273 FooCafe
Examples of Modular User Interface Design
 
03:01
This video lesson is part of the tutorial “Designing in a Modular Way". You can view the written tutorial at http://bit.ly/2A7WGOe ------ About the Tutorial Modular design encourages us to think and design user interfaces and user experiences in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, the design process starts by first understanding the way the UI system is structured and which components that can be used to create the user flow. In this course, we will explore the concepts of modular design and their application to UI design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process. See more at http://www.styleguidedrivendevelopment.com
Views: 1025 Bitovi UX & Design
Using Gestalt Proximity Principle in your UI Designs
 
08:05
In this video, you will learn how to use Gestalt Principle of Proximity in User Interface Design and improve your design skills overall I teach about UI UX Design to more than 25K students. Take my 11 hour Photoshop UI Design course → http://bit.ly/uidesigncourse Start your career as a UI Designer, learn about Photoshop, Typography and Web Design Workflow -------------------------------------- All UI UX Design and Freelancing Courses $10 discount link Typography for Designers & Developers - Don't suck at design (video course) http://bit.ly/typographycourse Workflow of Modern Web Design - From Sketching, Style Guide, Wireframes and Prototype http://bit.ly/workflow10 Design Launcher App icons for IOS and Android Devices http://bit.ly/icondesign10 Ultimate Freelancing guide for Designers and Developers http://bit.ly/freelanceahsan UX Design for Beginners - Design User Friendly experiences http://bit.ly/uxbegin11 Adobe XD - Design, Prototype & Collaborate with Developers http://bit.ly/adobexd10 --------------------------------------------------------- Facebook Page→ https://www.facebook.com/learnuxid --------------------------------------------------------- Website Link → http://learnuxid.com
Views: 749 LearnUXID
Web UI Style - Speed Art: Adobe XD
 
02:21
Web UI style guide, made with Adobe XD (Experience Design). Free download (xd file): https://goo.gl/2fbQmu /* You can help me with donation */ PayPal: https://www.paypal.me/MatejNovak/ ~ http://matejnovak.si/ https://twitter.com/kravzlek/ https://instagram.com/kravzlek/ https://www.linkedin.com/in/kravzlek/
Views: 533 Matej Novak
How to use the New Adobe XD UI Kits
 
10:57
Written tutorial: https://goo.gl/MClRPw http://coursetro.com for more awesomeness. A few days ago, Adobe updated XD to include 3 UI kits for the most popular mobile platforms. Today, I show you how to use them. - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!
Views: 115929 DesignCourse
Semantic UI In 60 Minutes
 
58:30
In this crash course we will talk about all of the basics of Semantic UI including the styling of headings, buttons, lists, icons and much more. We will also look at the build and compile tools with Gulp. CODE: Code for this video http://www.traversymedia.com/downloads/semantic-sandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.linkedin.com/bradtraversy
Views: 80782 Traversy Media
Digital Style Guides: Mini-Lesson - "UI & Front-End Architecture for Style Guides"
 
29:46
There are many pieces and parts that make up Digital Style Guides, one that is often looked in conversations is the architecture of the framework and toolkit. This video is an overview of the Front End Architecture that Kevin Mack and Eric Katz of Cardinal Solutions Group use on their projects for crafting large-scaling component libraries. • Eric Katz on Twitter: https://twitter.com/ericnkatz • Kevin Mack on Twitter: https://twitter.com/nicetransition • Reference to Open Source Projects: https://www.youtube.com/watch?v=Ddw0WbRbzUU
Views: 227 Kevin Mack
Making Your Designs Modular
 
02:35
This video lesson is part of the tutorial “Designing in a Modular Way". You can view the written tutorial at http://bit.ly/2nuKlh7 ------ About the Tutorial Modular design encourages us to think and design user interfaces and user experiences in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, the design process starts by first understanding the way the UI system is structured and which components that can be used to create the user flow. In this course, we will explore the concepts of modular design and their application to UI design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process. See more at http://www.styleguidedrivendevelopment.com
Views: 210 Bitovi UX & Design
Improving Web and Mobile App Typography - 5 basic guidelines
 
06:49
One of my goals this year is to digest important concepts in design and then try to explain them in a concise, easy-to-follow format. My first attempt is on typography. I studied from the best and I was able to list five essential principles to improve the typographic quality of your web and mobile app products in this video. I hope you like it—your feedback would be greatly appreciated. Here are five essential practical guidelines to improve your typographic quality of your web and mobile product designs. 1. Start by choosing your body text typeface. 2. Try to avoid mixing typefaces. 3. Watch your line length. 4. Balance line height and point size. 5. Use proper Apostrophes and Dashes. I plan to go more into detail in a crash course on typography that I’ll publish here. We’ll talk about the difference between typefaces and fonts, how to choose the right type, where to discover good typography, pairing typefaces, and more conceptual stuff. In the meantime, check out these awesome resources: RESOURCES: To find fonts for the web and mobile apps https://typekit.com/ https://fonts.google.com/ Typewolf, a great source of inspiration and resources https://www.typewolf.com/ Just My Type, learning how to mix typefaces http://www.justmytype.co/ Jessica Hische’s fantastic guide on type for the web http://jessicahische.is/talkingtype Professional web typography by Donny Truong https://prowebtype.com/ Butterick’s Practical Typography http://practicaltypography.com Style Manual by Andy Taylor http://stylemanual.org/ Fonts have feelings too, by Mikael Cho (great read) https://medium.com/who-what-why/fonts-have-feelings-too-1523564d966c#.boqxndw40
Views: 40736 Sketch Together
5 UX Design Tips & Techniques | UX Design Basics
 
06:22
UX design is a highly sought-after skill these days, and for good reason, a UX designer focuses on making products more effective to it's users... But there's not always a dedicated UX Designer on the team, in the budget, or in the scope of work. Today's video is focused on 5 UX Design techniques you can apply right now in your projects as a designer that will take you a long way. Remember to Subscribe https://goo.gl/6vCw64 UX Design Definition: User experience design (UX, UXD, UED or XD) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product. User experience design encompasses traditional human-computer interaction (HCI) design and extends it by addressing all aspects of a product or service as perceived by users. UX Design resources: http://uxmag.com/ https://www.smashingmagazine.com/category/user-experience https://www.awwwards.com/ http://uxmovement.com/ https://designmodo.com/design/ux-design/ http://www.uxbooth.com/ ------------------------------------------------------------------------------------ ////////// Sign up for my Monthly Newsletter http://jesseshowalter.com/newsletter ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://goo.gl/6vCw64 - If you want to support the content I make and buy me a cup of coffee https://www.buymeacoffee.com/jesseshowalter ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - ////////// Equiptment https://www.amazon.com/shop/jesseshowaltertv
Views: 5812 Jesse Showalter
Crafting Front-End Style Guides (Video)
 
02:20:37
Video From Crafting Front-End Style Guides In most instances the word Style Guide conjures thoughts of a document outlining specs on things such as logo spacing, colors, and typography – all defined for a print medium. This type of document was never intended to be translated directly to the web; but when built and maintained for the web, it can make a site more performant, improve user experience, aid in onboarding new team members, and increase design and development efficiency. In this talk, Jana Veliskova and Brian Crumley will demonstrate how to find efficiency in building front-end design systems from a living Style Guide. What You’ll Learn - What is a Style Guide - What are the benefits of implementing a Style Guide - How to audit your existing site elements - What components can make up a Front-End Style Guide - Challenges in Implementing Style Guides / UI Toolkits in organizations - How to Overcome Challenges - Implementing Style Guides / UI Toolkits / Pattern - Libraries in new projects and established ones - Examples of Style Guides created by Jana and Brian - What resources are available for creating Style Guides
Views: 23 Shwaman Josh
Living Style Guides vs Traditional Style Guides
 
02:53
This video lesson is part of the tutorial “Using Style Guide Driven Development". You can view the written tutorial at http://bit.ly/2AVU0Tt ------ About the Tutorial The Style Guide Driven Development (SGDD) approach lays the groundwork for building more scalable and maintainable applications while providing a commonplace, a Living Style Guide for communicating with developers, designers, and stakeholders. In this course, you will learn what is exactly SGDD and why you should use it. We will drill down into the different parts of the process, along with examples and compelling arguments to get you and your team on board. Learn SGDD and bridge the gap between interface design and technical information and boost development time and team communication. learn more at http://www.styleguidedrivendevelopment.com
Views: 529 Bitovi UX & Design
Interactive styleguide for VOLTU (UI Design)
 
00:36
This is part of our UI design case study for VOLTU (glispa GmbH) Even though we were responsible for the entire frontend development in addition to designing the interface, we left glispa well-equipped for the future by providing them with an interactive style guide. UI elements with all of their properties such as position, color, font, etc. can be individually inspected and exported to all formats if needed. Read the whole case study here: ENGLISH http://mndn.de/en/2016/12/13/case-study-voltu-social-influencer-ui-en/ GERMAN http://mndn.de/2016/12/13/case-study-voltu-social-influencer-ui-design/ MNDN is an interface design agency in Berlin, Germany. http://mndn.de
Views: 72 Mondon Design
Color & Character Styles Adobe XD Tutorial
 
05:20
In this tutorial we're going to take a look at Color Styles and Character Styles in Adobe XD. Symbols Tutorial: http://bit.ly/2egtlWT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📦 Download UNLIMITED Assets for Designers Get access to over 600,000 ready-to-use photos, illustrations, templates, effects, fonts, brushes and more! https://goo.gl/V3VSe2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⭐️ The BEST Web Design Tool for Designers Design responsive websites with powerful interactions, zero coding required, and it’s free to get started! https://goo.gl/gVd9a5 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📚 The FUTUR of Education for Creative Professionals Learn the creative process and best practices from design professionals who charge $10k+ https://goo.gl/ZbzfsZ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Support me on Patreon https://www.patreon.com/foreverdansky Follow me on Instagram https://www.instagram.com/foreverdansky Say hi on Twitter https://twitter.com/ForeverDansky - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Tutorial Playlists Adobe Photoshop: https://goo.gl/4yQx1e Adobe Illustrator: https://goo.gl/rt3PFX Adobe InDesign: https://goo.gl/eZtdnR Adobe XD: https://goo.gl/UYAngG Adobe Premiere Pro: https://goo.gl/4XDHSF - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Views: 19497 Dansky
Digital Style Guide for Brands | Creative
 
00:40
Brands need to heavily focus on maintaining a Digital Style Guide that promotes brand consistency. brand guidelines and editorial guidelines. This builds a trust with your audience so they become a valuable lead or customer.
Views: 30 Creative MMS
Common Pitfalls of Using a Living Style Guide
 
03:14
This video lesson is part of the tutorial “Designing in a Modular Way". You can view the written tutorial at http://bit.ly/2AU2lqK ------ About the Tutorial Modular design encourages us to think and design user interfaces and user experiences in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, the design process starts by first understanding the way the UI system is structured and which components that can be used to create the user flow. In this course, we will explore the concepts of modular design and their application to UI design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process. See more at http://www.styleguidedrivendevelopment.com
Views: 134 Bitovi UX & Design
Prepare your Photoshop & User Interface for UI & UX Design
 
22:50
Ultimate guide for Beginners to learn how to prepare your Photoshop & User Interface for UI & UX Design ►Join me : ✔ FACEBOOK https://www.facebook.com/ElMehdiCEO ✔ TWITTER https://twitter.com/ElMehdiMobi ✔ GITHUB https://github.com/mlaidouni ✔ LINKEDIN https://fr.linkedin.com/in/mlaidouni ►Facebook Group : https://www.facebook.com/groups/1795624087378868/ Business | Collaboration | Partenariat : ✔ EMAIL [email protected]
Views: 561 ElMehdi LAIDOUNI
What Is a Design System?
 
03:47
A design system is a pre-defined library of design assets that can be used for quick product prototyping, design and development ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ A design system typically includes the following assets - ‍- UI components and patterns -‍ Typographic styles and scales ‍- Colour palettes -‍ Icon families ‍- Grid layouts and systems ‍- Brand guidelines (photography style, tone of voice) - UI - Commonly re-usable UI components such as buttons, navigation, forms and card styles Type - Different styles of fonts, weights and sizes Colour - Brand colour palette. Highlights primary and secondary colours and their application to various UI and design elements Icons - Brand icon families and their common styles and usage Grid - The different grid layouts and systems in use on your product. This could include grids for different layouts on different devices, as well as different layouts in certain contexts Brand Guidelines - The brand guidelines tie everything together from a brand perspective and let people know what usage of certain brand assets is and isn’t acceptable, as well as giving guidance for how the brand is applied beyond visual design. Such as photography and written communication style (tone of voice) ___ Watch, share and subscribe to my channel: http://bit.ly/2zOjnU1 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 3551 Robert Smith
Blender Beginner Tutorial - Part 1: User Interface
 
16:04
Blender tutorial for complete beginners! How to use the most common functionality of Blender: Modelling, Materials, Lighting Watch Part 2: https://youtu.be/s05DiCEDVGE?list=PLjEaoINr3zgHs8uzT3yqe4iHGfkCmMJ0P Get the Blender Keyboard Shortcut PDF: https://mailchi.mp/ef5b15a32043/subscribe-to-the-newsletter
Views: 2164170 Blender Guru
Webinar Frontify für Agenturen
 
45:35
Kostenlose Registrierung: https://frontify.com/styleguide & https://frontify.com/workspace Webinar auf Deutsch "Frontify für Agenturen" mit den Themen Themen: - Brand Guidelines im digitalen Zeitalter - User Interface Elemente dokumentieren - Design-to-Development Prozess Beispiele: - Unser Kunde möchte PDF Style Guide durch digitalen Style Guide ersetzen - Unser Kunde möchte UI Elemente in einer Pattern Library dokumentieren - Unsere Agentur möchte die interne / externe Zusammenarbeit verbessern - Unsere Agentur möchte den Design-to-Development Prozess optimieren Inhaltsverzeichnis: - 4 Nutzungsbeispiele - https://youtu.be/aiHIQ8GVRgA?t=51s - Was ist Frontify? - https://www.youtube.com/watch?v=aiHIQ8GVRgA - Frontify für Agenturen - https://www.youtube.com/watch?v=aiHIQ8GVRgA - Beispiel 1: PDF Guidelines durch Digitale Guidelines ersetzen - https://youtu.be/aiHIQ8GVRgA?t=4m48s - Beispiel 2: User Interface Element Library erstellen - https://youtu.be/aiHIQ8GVRgA?t=12m9s - Beispiel 3: Kollaboration mit internen / externen Stakeholdern - https://youtu.be/aiHIQ8GVRgA?t=19m42s - Beispiel 4: Optimierung Design-to-Development Prozess verbessern - https://youtu.be/aiHIQ8GVRgA?t=22m - Fragen & Antworten - https://youtu.be/aiHIQ8GVRgA?t=34m20s
Views: 1103 Frontify
What is Style Guide Driven Development?
 
03:03
This video lesson is part of the tutorial “Using Style Guide Driven Development". You can view the written tutorial at http://bit.ly/2jjMb02 ------ About the Tutorial The Style Guide Driven Development (SGDD) approach lays the groundwork for building more scalable and maintainable applications while providing a commonplace, a Living Style Guide for communicating with developers, designers, and stakeholders. In this course, you will learn what is exactly SGDD and why you should use it. We will drill down into the different parts of the process, along with examples and compelling arguments to get you and your team on board. Learn SGDD and bridge the gap between interface design and technical information and boost development time and team communication. learn more at http://www.styleguidedrivendevelopment.com
Views: 1192 Bitovi UX & Design
How to create a style guide in Sketch using templates (Part One)
 
02:27
There are a lot of style guide hosting options for designers right now, Brand.ai, Invision Craft, etc. If you're wondering which system in the best I recommend that while you do that research, you try this simple method for creating a super lightweight style guide using Sketch. Once you push the limits of this approach then you'll know exactly what you need in a more feature rich system. Let me know in the comments below if this approach is helpful and if there are any critiques or other angles worth mentioning! Get more: Design: http://design.tobysilverman.com Photography: http://tobysilverman.com Medium: https://medium.com/@TobySilverman Instagram: https://www.instagram.com/toby_silverman Twitter: https://twitter.com/TobySilverman
Views: 1765 Toby Silverman
Azerite UI · 1.1 Release · Features
 
00:48
The 1.1 Release is here and the Azerite Team has more under their sleeves. Designed by Daniel Troko, coded by Lars Norberg. Go and enjoy Azeroth with style! Download the UI! ► https://curse.azeriteui.com Join the community! ► Discord: https://discord.gg/MUSfWXd ► Facebook: https://www.facebook.com/AzeriteUI/ ► Twitter: https://twitter.com/AzeriteUI Pledge to our work! ★ Patreon: https://www.patreon.com/AzeriteUI ★ PayPal: https://www.paypal.me/azerite
Views: 611 AzeriteUI
UX UI Design Career Advice → Finding a mentor
 
02:52
Finding and following a mentor or coach is necessary in every field to succeed. If you are a UI Designer or a UX Designer or a Developer, try to find the person you like the most and ask him/her if they can mentor you or guide you a bit I teach about UI UX Design to more than 25K students All UI UX Design and Freelancing Courses $10 discount link Adobe XD - Design, Prototype & Collaborate with Developers http://bit.ly/adobexd10 UI Design with Photoshop course http://bit.ly/uidesigncours Typography for Designers & Developers - Don't suck at design (video course) http://bit.ly/typographycourse Workflow of Modern Web Design - From Sketching, Style Guide, Wireframes and Prototype http://bit.ly/workflow10 Design Launcher App icons for IOS and Android Devices http://bit.ly/icondesign10 Ultimate Freelancing guide for Designers and Developers http://bit.ly/freelanceahsan UX Design for Beginners - Design User Friendly experiences http://bit.ly/uxbegin11 --------------------------------------------------------- Facebook Page→ https://www.facebook.com/learnuxid --------------------------------------------------------- Website Link → http://learnuxid.com
Views: 165 LearnUXID
How To Build a Design System | UXPin
 
20:34
In this video I will teach you how to build a UX Design System using the UX Pin prototyping & design platform. In the video I talk about the individual elements that make up a UX Pin Design system, such as Colours, Typography, Iconography, Photography and UI Patterns. ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 15745 Robert Smith
Simple style guides
 
05:43
Views: 15 Rahim UD-DIN
UX Crash Course | Getting Started in User Experience Design
 
09:37
User experience design (UX, UXD) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product. Remember to Subscribe https://goo.gl/6vCw64 What is UX Design //////////////////// At the core of UX is ensuring that users find value in what you are providing to them. There is lot’s of discussion on what the main purpose is of UX but I’ve always gone with the big 7 What does a UX designer do? //////////////////// Useful: Your content should be original and fulfill a need Usable: The Product must be easy to use Desirable: Image, identity, brand, and other design elements are used to evoke emotion and appreciation Learnable: Content needs to be navigable and simple enough to be learned by the user while they are using it Memorable The user should be able to return to the product without having to relearn it Accessible: Content needs to be accessible to people with disabilities Credible: Users must trust and believe what you tell them What Do UX Designers Do? //////////////////// 1. Wireframes 2. User Research 3. Copywriting 4. User Personas 5. User Testing Helpful information on UX design //////////////////// https://uxdesign.cc/ https://generalassemb.ly/design/user-experience-designhttps://theblog.adobe.com/what-does-a-ux-designer-actually-do/ https://www.invisionapp.com/blog/become-ux-designer/ https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95 https://careerfoundry.com/en/blog/ux-design/what-does-a-ux-designer-actually-do/ https://uxplanet.org/how-to-get-started-in-ux-ui-design-ae097cc0d1c ------------------------------------------------------------------------------------ ////////// Sign up for my Monthly Newsletter http://jesseshowalter.com/newsletter ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://goo.gl/6vCw64 - If you want to support the content I make and buy me a cup of coffee https://www.buymeacoffee.com/jesseshowalter ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - ////////// Equiptment https://www.amazon.com/shop/jesseshowaltertv
Views: 24013 Jesse Showalter
User Interface Design | Styling the Front-Page | Responsive Design
 
32:07
Hi friends, this is the second video in the UI Design Module of Complete Website Development Course. Here is the playlist of the course: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ If you have not watched the previous video where we wrote the markup of this page, please watch it here: https://www.youtube.com/watch?v=eJWMM189mB0 In this video, you will learn how to style your front page using the latest CSS standards. We will be adding media queries to make the webpage responsive. Hope you like it.
Views: 928 GTCoding
Designing Mobile View of Website - Planning Grid and guides in Photoshop
 
04:42
This is a Free lesson from my course on Udemy "Workflow of Modern web Design- from Sketching to Style Guides", $10 Discount Course Link → http://bit.ly/workflow10 --I have covered a pro level process of Responsive Web design using design frameworks like Atomic Design and 8-Point Grid System You will learn about design briefs, Wireframing, extracting project information, ideation, mood boards, style guides and Prototyping. Tools you will learn to use during this course are Balsamiq Mockups, Adobe Photoshop, Zeplin and Invision App. So if you really want to get closer to the process used in Startups and Web Design agencies, this course is going to help you learn that. ------------------------------------------------------------- Facebook Page→ https://www.facebook.com/learnuxid ------------------------------------------------------------- Website Link → http://learnuxid.com
Views: 4797 LearnUXID
Help+Manual 6 User Interface in Windows 8 Metro Style
 
01:11
Help+Manual is a full-featured help, documentation and e-publishing tool that creates Windows help, Webhelp and publishes to the Apple iPad. Version 6 comes with a slick new user interface in Windows 8 Metro style.
Views: 11509 ecsoftwarecom
Digital Branding in a Component Library: The Style Guide Layers
 
57:48
Presentation from 2016 M3 Conference: August 5, 2016 | The Ohio Union Creating a component library is not a new piece of the development and design process but with the growth of responsive and contextual factors it has become a requirement for complex systems. Digital Style Guides bring alignment of teams and solve complexities by providing quality tested interface components that are reusable across all projects. Within this presentation, we will discuss not only what makes a successful component library but how your brand can evolve within the digital space with a Style Guide. Presented by Kevin Mack Additional Resources: • Digital Style Guides: Mini-Lesson - "Creating Core Reusable Components": https://www.youtube.com/watch?v=-hJsaW-xTOc • Digital Style Guides: Mini-Lesson - "Typography for Digital Branding: Object-Oriented Typography": https://www.youtube.com/watch?v=SThueNEcJFs • Digital Style Guides: Mini-Lesson - "Media, Imagery, and Assets": https://www.youtube.com/watch?v=28-XbcFc8-w • Digital Style Guides: Mini-Lesson - "UI & Front-End Architecture for Style: https://www.youtube.com/watch?v=_pms44zwiQ0 ABOUT KEVIN MACK Kevin is the Creative Director for Cardinal Solutions Group where he focuses on digital strategy, branding, and creative-based solutions. His background includes creating user experiences around web interfaces and the crafting of large-scaling websites and applications. Kevin is the co-founder and organizer of The Columbus Web Group http://columbuswebgroup.com where he actively participates in growing and educating the community around design, development, best practices and standards for the web. You can find him on Twitter (@nicetransition), YouTube https://goo.gl/jrHuQH, CodePen http://codepen.io/nicetransition/, or GitHub https://github.com/kevinmack18 [Apologies for the hiccups in the video, it was due to an issue when video format changed]
Views: 251 Kevin Mack
Create Mobile Style Guide
 
04:14
Becoming a Front-End Developer in OutSystems Guided Path: https://www.outsystems.com/learn/paths/16/becoming-a-front-end-developer-in-outsystems/
Views: 59 OutSystems
How To Get A User Interface Design & Usability Job - Digital Careers Guide by Bubble Jobs Episode 24
 
03:03
Bubble Jobs MD Adam explains the ins and outs of User Interface (UI) in this short video. Watch to learn how to land the dream digital job with handy hints and tips. For more digital career guide videos check out our other videos and subscribe to the Bubble Jobs TV channel here: http://youtube.com/subscription_center?add_user=BubbleJobsTV A new video will be uploaded every weekday afternoon! Visit http://www.bubble-jobs.co.uk for digital job vacancies and more helpful advice about all things digital! Follow us on Twitter here: http://www.twitter.com/BubbleJobs Like us on Facebook here: http://www.facebook.com/BubbleJobs Follow us on Pinterest here: http://www.pinterest.com/BubbleJobs Join our LinkedIn group here: http://linkd.in/151Oadr Like, share and give feedback in the comments!
Views: 511 Bubble Jobs
The Beginner's Guide to Bloodborne
 
13:33
VIDEO SHORTCUTS: Introduction: 0:00 User Interface: 0:22 Options: 2:04 Stats: 2:50 Blood Echoes: 3:22 Insight: 3:48 How to Level Up: 4:10 Combat: 4:38 Controls: 7:23 Moveset: 8:30 Learn from your mistakes: 9:20 Multiplayer: 9:58 Tips: 10:50 The Hunter's Dream: 11:16 DISCLAIMER I received a review copy of Bloodborne in order to release this video at launch. KINDLE THE CHANNEL [become a patron] ►http://www.patreon.com/vaatividya RELEVANT LINKS ► PLAYLISTS ►Dark Souls 2 Lore: http://bit.ly/1dedWjI ►Souls-like: http://bit.ly/1xCPDnu ►Discover Drangleic: http://bit.ly/1hLBw7H ►Dark Souls Lore: http://bit.ly/13x6nNs ►Demon's Souls Lore: http://bit.ly/16mIF86 ►Bloodborne NEWS: http://bit.ly/1mrlV0X SOCIAL ►Follow me on Twitter: https://twitter.com/VaatiVidya ►Follow me on Tumblr: http://vaatividya.tumblr.com/ ►Follow me on Twitch.tv: http://www.twitch.tv/vaatividya ►Follow me on Facebook: https://www.facebook.com/Vaatividya ►Follow me on Patreon: http://www.patreon.com/vaatividya CHANNEL ART ►Outro & Avatar commissioned from https://etall.tumblr.com ►Cartoon-style characters by http://www.carson-drew-it.com/ ►Contributions by http://kalisdevals.tumblr.com MUSIC (most is royalty-free or licensed from audiomicro.com) ► ► ► ► PATRONS ►I'd like to give sincere thanks to all my patrons - your contributions have changed the course of my life, allowing me to put more emphasis on video production in the future. Special thanks to Flame-God tier patrons - Kachun, Matthew, Jesper, Colin, Jace, Brad, Morte, Tyler, Jon, Cooper, Charlie, Noah, Ryan, Daniel, Jordan, Thae, Mikkel, Huwiaden, Steven, Ricky & Fox.
Views: 1388267 VaatiVidya
Component Based Theming With UI Patterns
 
55:55
Brian Perry Since the release of Drupal 8, great strides have been made to develop a component based theming workflow that takes advantage of the best that Twig has to offer and also plays nice with living style guides and pattern libraries. Gone are the days of redundant styles and markup, making way for the efficiencies found when Drupal and tools like Pattern Lab and KSS can share the exact same code. That said, handling the mapping of data between Drupal and your component library can still be quite complicated and difficult to coordinate on larger cross-functional teams. The UI Patterns Module offers a number of powerful ways to make Drupal more aware of the components in your pattern library. By exposing these patterns as Drupal plugins, UI Patterns Module makes it possible to manage this data mapping process within the Drupal Admin UI and also easily use these patterns with component friendly modules like Paragraphs, Panels and Field Layout. This session will cover: Basic setup and use of the UI Patterns Module. Integrating UI Patterns into a typical workflow and theme structure using Drupal and Pattern Lab. Using UI Patterns functionality to manage complicated mappings between Drupal and your component library. Overcoming challenges with onboarding new developers who may not be familiar with this approach to theming. Creating a component-friendly content editing experience. This session is for front-end developers who have experimented with a component based theming in Drupal 8 and have been looking to streamline the process. It is also for front-end developers who haven’t yet adopted this emerging component based theming approach and have wondered how it might impact their workflow. And for those who are involved with Drupal 8 projects but are not front-end developers, this session should help you become aware of some of the potential challenges, as well as the advantages to this component based theming approach as it relates to your work. https://nedcamp.org/new-england-drupal-camp/sessions/component-based-theming-ui-patterns
Introduction to User Interface Options
 
03:47
An overview of the Fluid Project's User Interface Options component, what it offers potential integrators, and its installation instructions. Fluid Project's User Interface Options Documentation Site: http://docs.fluidproject.org/infusion/development/tutorial-userInterfaceOptions/UserInterfaceOptions.html Inclusive Learning Design Handbook: https://handbook.floeproject.org/ Inclusive Design Guide: https://guide.inclusivedesign.ca/ Working with UI Options and Testing Instructions: http://docs.fluidproject.org/infusion/development/tutorial-userInterfaceOptions/WorkingWithUserInterfaceOptions.html
Views: 222 FluidProject
Windows 8 tutorial: Exploring the Internet Explorer 10 Metro style user interface | lynda.com
 
03:11
This Windows 8 tutorial explores the Metro-style version of Internet Explorer 10, including the lower navigation bar and features like pinning. Watch more at http://www.lynda.com/Windows-tutorials/Windows-8-Essential-Training/84572-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-bus-J8qlPF40wGk. This tutorial is a single movie from the eleventh chapter of the Windows 8 Essential Training course by lynda author David Rivers. The complete course is 4 hours and 56 minutes long and shows you all the essential features you'll need to jumpstart Windows 8—whether you work with it closely at the office or use it casually at home 1. Upgrading and Migrating 2. The Windows 8 User Interface 3. File Explorer 4. Windows 8 Apps 5. Additional Windows Accessories 6. System Settings 7. Devices and Networking 8. Windows Security 9. Printing 10. Troubleshooting and Backing Up 11. Internet Explorer 10
Views: 9830 LinkedIn Learning
What’s New in Photoshop for Web, UI/UX, and App Design
 
09:36
The 2015 release of Photoshop CC has a ton of great new features for web, UI/UX, and app design. New features include Artboards that allow you to create multiple layouts in one Photoshop document, Device Preview which enables you to preview your Photoshop design in real time on an iOS device, new export options, the ability to add multiple instances of layer styles, and so much more. Don’t miss the new Linked Assets in Creative Cloud Libraries where when a change is made to an asset, you and your team members have the option of updating it across any Photoshop, Illustrator or lnDesign projects where it's used. Adobe Evangelist, Paul Trani, gives a rundown of these features and more, all starting from a layout created on a mobile device. Get Photoshop CC: http://adobe.ly/10ekpOA Follow Photoshop: https://www.facebook.com/Photoshop https://twitter.com/photoshop https://plus.google.com/+Photoshop https://instagram.com/photoshop/
Views: 258965 Adobe Photoshop
Designers Career in 2018 (in Hindi)
 
11:52
Best guidelines for UI/UX Designer Trends guidelines for each and every designer. https://www.youtube.com/uxdtraining Topic UX Design: The UX Process in General UX Design Principles Free UX Tools Best UX Tools Best UX Books Personas/Empathy Maps User Stories, User Scenarios, User Journeys Customer Experience Maps Wireframing Prototyping User Research User Testing Storyboarding Prototyping Task Flow Analysis/User-Journey Mapping Topic UI Design: Styleguides Design Systems Mood Boards Design Patterns Interaction Design Topic Mobile Design: Mobile UX Mobile UI Design Mobile UI Best Practices (Interface Guidelines) Mobile eCommerce Design User Onboarding Designing Microinteractions Future Design of Mobile Apps User Testing for Mobile Topic: Mobile Design (UI and UX) Mobile UX Mobile UI Design Mobile UI Best Practices (Interface Guidelines) Mobile eCommerce Design User Onboarding Designing Microinteractions Future Design of Mobile Apps User Testing for Mobile Topic: Visual Design Visual Design Trends Visual Design Tutorials Typography and Custom Font Design & Tools Iconography Usage of Color in Design Visual Design Principles (such as visual hierarchy) Topic: Graphic Design (illustrations, print, packaging, etc.) Designer career,career in design,2018,design 2018,ui design career 2018,chat bot design,machine learning,augmented reality,virtual reality Collaborative prototyping Enterprise prototyping Events & News at Justinmind Inside Justinmind Mobile prototyping New releases of Justinmind Prototyping Tool Prototyping and wireframing Q&A with UX and Prototyping gurus UI Design and Prototyping UI Libraries for prototyping User Testing - Tips, techniques and strategies UX and Prototyping UX Design - Research and Insights UX Prototyping Case Studies UX Prototyping Guest Blogs
Views: 943 UX Design Training
Live UI/UX Design with Katy Wyman - 3 of 3
 
01:58:06
Join Visual & UX Designer Katy Wyman on Adobe Live as she designs and prototypes a mobile app that leverages social networks and dietary restrictions to find the perfect restaurant. Today, Katy focuses on the design system for her app - creating the high fidelity prototype and publishing style guides. Katy is a UX Designer, as well as a Visual Designer, based in Brooklyn, NY. She is passionate about building brands and creating awareness through research driven insight and visual aesthetics. ----- ►Check out Katy’s website: https://katywyman.com ►Click HERE for part 1: https://www.youtube.com/watch?v=shRZgwEm-P8 Recap of work so far: 4:25 Work starts: 7:30 Reviewing the User Flow Map: 39:40 Page breaks: 1:09:00 Mask with Shape: 1:16:00 Moodboards & inspiration: 1:22:20 Week recap: 1:51:20 ► Click HERE to watch LIVE: http://bit.ly/AdobeLiveBe ► Click HERE to watch REPLAYS: http://bit.ly/AdobeLiveReplays ► View our SCHEDULE: http://bit.ly/AdobeLiveSchedule Music by Chillhop & Andrew Applepie http://chillhop.com/listen https://andrewapplepie.com/
Views: 1835 Adobe Creative Cloud
BLUI: Blowable user interface
 
02:12
This is a way to support blowing at a laptop or computer screen to directly control certain interactive applications. Localization estimates are produced in real-time to determine where on the screen the person is blowing. You can do this by using a single microphone, such as those that are already embedded in a standard laptop or one placed near a computer monitor by using audio fingerprinting. Research paper: http://www.shwetak.com/papers/uist07_blui.pdf
Views: 77383 shwetakpatel
Access 2010: Create a user interface (UI) macro
 
03:47
In Access 2010, macros are classified as either data macros (see my other video on this topic) or user-interface (UI) macros. This video shows you how to create a simple UI macro that opens a detail form when you click an item in a list. Note: If you're using a Navigation Form, see this blog post for some helpful info: http://wp.me/p1XlyJ-G
Views: 107363 Chris Downs
Digital Style Guides: Mini-Lesson - "Typography for Digital Branding: Object-Oriented Typography"
 
12:51
A key aspect of Digital Branding and Style Guides is typography. This video is about how to create a scalable, maintainable, and flexible design for typography in a Style Guide using Object-Oriented Typography. Object-Oriented Typography is an approach to separate text-based elements by their structure, skin and context of text. It aims to create consistency across an interface by providing guidelines for development and introducing a naming convention. The core of Object-Oriented Typography is to identify the following: • Six font sizes from largest to smallest • Three header & subheader styles: Page, Section, and Article • The base font for primary content More details: http://codepen.io/nicetransition/pen/qbNbOE
Views: 78 Kevin Mack
Max Stoiber & Nik Graf - The Evolution of React UI Development at react-europe 2016
 
20:43
Hot reloading makes for a great Developer Experience, but we can do even better. Using interactive style guides that show our components in a variety of different states we can test their look and feel in diverse situations. Collaborate with designers and marketers on testing them and pushing them to their limits. UI fuzz testing can help us discover combinations of props we haven't even thought of so we catch potential UI issues early on. In the future, we might be able to detect styling and layout issues. Integrating these checks into our Continuous Integration system means we could catch potential problems with our components before any user can see them.
Views: 3416 ReactEurope
Xiaomi style User Interface On Nokia X X+ XL X2 Dual SIM
 
04:51
Change User Interface Nokia Android or Nokia X Platform with Xiaomi Android User Interface. Its call MIUI User Inteface. You can download Launcher MIUI Express please go to http://teknokia.blogspot.com/2014/11/change-user-interface-nokia-x2-dual-sim.html Note: This video is not affiliated with Nokia and Or Microsoft mobile and also Developer of MIUI Express. app installer of MIUI Express licended by The Developer. I am distributed the Official Apk File with No piracy.
Views: 6599 teknokia
How to use sketch tool for UI design - Beginner's guide
 
09:07
Learn how to use Sketch tool to design awesome UI for your Android/iOS/Web application. Sketch:- https://www.sketchapp.com
Views: 26 Kortain Learning
05/05/2017 - New Website StyleGuide Framework
 
06:58
Mike Sallander shows off the amazing new Style Guide for the new Brain Injury Association of America website designed by Brian Mulholland and developed by Scott Shefler.
Views: 16 Chicago Digital

Essay on patriotism in easy words to rhyme
Jack in lord of the flies essay checker
Rollercoaster essay on accelaration
Cpe essay writing tips
Sample college essay person influence you