課程介紹

Are you excited to get into the world of UI/UX but you don’t know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m he

…[更多細節]

哪些人適合這堂課？

• Anyone who wants to start using Adobe XD in their career & get paid for their user experience design skills.
• This course is for beginners, newbies & amateurs in the field of UX design.
• Aimed at people new to the world of design & user experience.
• For anyone that needs to add ‘UX Design’ to their portfolio.

學習目標

• Become a UX designer.
• You will be able to start earning money from your XD Skills.
• You will be able to add UX designer to your CV
• Build a UX project from beginning to end.
• Become a UI designer.
• Build & test a full mobile app.
• Build & test a full website design.
• You will have a project of your own to add to your portfolio.
• 93 lectures of well-structured, step by step content.
• Learn to design websites & mobile phone apps.
• Work with fonts & colors.
• Prototype your designs with interactions.
• Test on mobile phones.
• You’ll create realistic prototype complete with micro interactions.
• Send your designs for feedback & commenting.
• Export production ready assets.
• Create your first UX brief & persona.
• Create quick wireframes.
• How to use premade UI kits.
• Learn professional workflow tricks & shortcuts.
• You will get the finished files so you never fall behind
• Downloadable exercise files
• Forum support from me and the rest of the BYOL crew
• All the techniques used by UX professionals
• Build a mobile app prototype that responses to voice commands.
• You will be able to talk correctly with other UX design professionals.
• You’ll learn how to choose colors.
• You’ll learn how to pick the correct fonts.
• You’ll be able to send your finished work to other professionals in the correct formats.

課程介紹

Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a web browser or using their desktop application made for windows and macs. Figma is similar

…[更多細節]

哪些人適合這堂課？

• User Interface designers
• Web Designers
• Graphic Designers
• UX Designers
• Beginners looking to get into the UI/UX field

學習目標

• Design Websites
• Design mobile and desktop apps
• You will have a fully interactive design and prototype at the end of this course
• You will learn how to reuse design elements for future projects

課程介紹

When it comes to User Interface (UI) design, your job — whether you’re a designer, developer, UXer or a mix of all those things — is to make sure that no aspect of someone’s onscreen interaction happens without explicit intent. The UI design choices

…[更多細節]

哪些人適合這堂課？

• Print and Digital Designers, Web and App Developers and anyone looking to take their UI work to the next level!

學習目標

• Be able to create useful, usable and visually compelling UI design for any kind of app, site or system.
• Understand how to properly balance form and function
• Understand the critical rules for designing on small screens and mobile devices
• Know how to effectively organize and economize visual information
• Understand + apply the principle of Balance to create visual order
• Understand + apply the principle of Rhythm to establish and reinforce comprehension
• Understand + apply the principle of Harmony to shape disparate UI elements into a unified, consistent experience
• Understand + apply the principle of Dominance to direct user focus and enhance UX
• Understand + apply the principle of Alignment to lead the user’s eye and speed task completion
• Understand + apply the principle of Proximity to signal relationships between screen elements and decrease users’ cognitive effort
• Communicate with color, typography and imagery in the UI
• Understand how color communicates and influences interaction
• Know how to choose the right colors for any UI design
• Know how to apply contrast properly to guide users and call attention to critical UI elements and interactions
• Know how to determine whether or not color and contrast are appropriate
• Understand the fundamentals of typography as a design element
• Know how to choose the right fonts and design appropriately with them
• Understand + apply 7 crucial rules for great typographic design
• Understand + apply 5 rules for choosing the right imagery
• Understand + apply a core set of DOs and DON’Ts when designing with images
• Know how to create and simplify visual cues that direct user focus and interaction
• Understand the 3 kinds of data visualizations used in UI design
• Understand how the context of the data presented determines its visual form
• Understand + apply 6 rules for great data design
• Know how to simplify visual information to clarify meaning and improve UX
• Know how to visually separate content from controls to make interactions easier for users to understand and act on
• Walk away with a set of “18 UI Design Mantras” that you can apply to anything and everything you ever design!

課程介紹

Do you think that UI Designers use Photoshop in the same way as other Designers?

Do you know what are the basic concepts, settings and tools UI Designers know and you don’t?

So if you want to learn UI Design with Photoshop and upgrade your confiden

…[更多細節]

哪些人適合這堂課？

• Novice/Beginner Level Designers
• Web Designer
• Graphic Designer
• Web Developers who wants to learn UI Design
• UI Designer who wants more advaced techniques

學習目標

• Start your Career as UI Designer
• Learn the settings necessary for UI Design Process
• Learn all the Basic tools of Photoshop for UI Design
• Start using Photoshop with solid foundation in UI Design
• Learn all the Photoshop Shortcuts for UI Design
• How to use Photoshop Extensions to speed up UI Desing Process
• Tips and Techniques for Efficient usage of Photoshop for UI Design
• Learn how to use Custom Scripts in Photoshop for UI Design
• Learn about Color schemes and Typography Online tools
• Learn how to use Gradients and Patterns in UI Design
• Create Wireframes and learn the tools needed to create them
• Learn how to design MODERN DASHBOARD graphs and elements
• Learn how to design MODERN HERO/HEADERS of Websites

課程介紹

UI design skills are one of the most employable opportunities of our lifetime. In this course you’ll learn how to design a professional website in Adobe Illustrator CC. We’ll start right at the basics of Illustrator and work our way through to buildi

…[更多細節]

哪些人適合這堂課？

• This course is for beginners. Aimed at people new to the world of web and UI design. While no previous Illustrator experience is necessary.

學習目標

• Work as a UI designer building web design & app designs.
• Use Illustrator to a professional level.
• Know how to build wireframes.
• Know how to build site maps.
• Know how to design for a responsive website.
• Professional workflows and shortcuts.

課程介紹

Interested in user interface (UI) design? You should be. You can make more as a user interface designer than any other kind of digital design. UI designers enjoy amazing work flexibility and regularly makes top-ten lists for the most in-demand, faste

…[更多細節]

哪些人適合這堂課？

• Anyone who wants to start a career in design
• Anyone who wants to work in tech but doesn’t have a technical background
• Anyone who wants a career that lets them be creative
• Anyone who wants a career that’s well-paid and in-demand
• Anyone who wants a career that let’s them set their own hours and work from home
• Anyone who wants to design their own app or web interfaces

學習目標

• How to create gorgeous user interfaces using Figma (like Photoshop meets Sketch)
• How to think like a designer with no previous experience or talent
• All the design philosophy & lingo needed to sound like an old pro
• How to design real world projects to showcase in your portfolio
• Proven methods for finding high-paying freelance UI design work
• How to get companies to come to you for design services
• Basically: everything you need (and nothing you don’t) to start earning six figures as a UI Designer

課程介紹

Welcome to the #1 documentation recommended paid resource for learning Material-UI!

Across 35 hours and more than 200 lectures, I will teach you absolutely everything there is to know about building finely designed applications using hands-down the

…[更多細節]

哪些人適合這堂課？

• React developers looking to bridge the gap between design and development.
• React developers who feel like they know React but still have more to learn before building a polished website.
• React developers who have great designs but have struggled on perfectly implementing them in practice.
• React developers who want to be able to build any website design that’s handed to them.
• React developers who want to master responsive design
• React developers looking for a better understanding of UX/UI design principles
• React developers looking for an easier, faster way to get up and running with clean, consistently designed applications

學習目標

• Create beautifully designed production applications from scratch with Material-UI
• Build applications that look perfect on every screen with Material-UI’s responsive design system
• Refine UX/UI design intuition and see concepts in action
• Search Engine Optimization in React JS
• Migrate from create-react-app to Next JS
• Use serverless functions with Firebase
• Export and efficiently integrate animations with react-lottie
• Collect data and track events with Google Analytics in React JS
• Ensure cross-browser support with your styles in Material-UI
• Deploy production Material-UI/React JS applications

課程介紹

Adobe XD is a powerful tool for UI/UX designers giving you the power to design and prototype an entire app, all from one program. 

This course starts off with Adobe XD basics and quickly gets up to speed on designing and prototyping a full fledged a

…[更多細節]

哪些人適合這堂課？

• Anyone who wants to learn Interface Design
• Anyone who wants to learn User Experience Design

學習目標

• You’ll learn how to use Adobe XD to design and prototype apps from scratch
• You’ll learn tools that are universal across multiple design apps to enhance your design workflow
• You’ll learn how to incorporate best practices in reusing design elements and styles to increase efficiency

課程介紹

Last UPDATED on → 25th September 2020

Added New Resources → 3 New Lectures about Mobile Typography

——————————————————————————————————————————–

Have you ever wond

…[更多細節]

哪些人適合這堂課？

• NOT for Novices (Must have some Photoshop Experience)
• Web Designers
• Mobile App Designers
• All Designers who think their design have something missing
• Web Developers
• Graphic Designer

學習目標

• Create elegant web & Mobile app design by selecting and pairing meaningful fonts
• How to use white space effectively by using Vertical Rhythm and Modular Grid
• Dramatically improve your boring designs with Modular Grid & Baseline Grid
• Learn about Typography Classes and Anatomy
• Learn about how to use line-height and letter spacing effectively
• Learn about IOS App Typography and understand different IPhone Screen siz
• Learn Google Android Typography, its scale and its SP unit of type
• How to connect your Photoshop Screen to IPhone or Android Device
• How to balance your design using LEGO Blocks method
• Step by Step coding exercises to apply Baseline Grid for Developers
• How to show baseline grid in HTML page with just one line of code for Developers
• How to use padding, margins and other elements to create Vertical Rhythm in CSS for Developers
• How to use Vertical Rhythm in Bootstrap for Developers
• Learn when to use em, rem, vm or % font-size units for Developers
• How to set up Typography Scale using online tools easily for Developers

課程介紹

這門線上課程將會帶你完整跑過一次設計流程，讓你了解在每個流程當中需要產出什麼樣的文件或內容。課程還會提供常見的排版版型，並且運用一些設計準則讓排版更加靈活。此外更透過原子設計與 Google Material Design 等設計規範來介紹 UI 元件的正確繪製觀念，並會對應程式碼的撰寫方式，讓你繪製出有程式邏輯的設計稿，與工程師的協作更加流暢。這門線上課程最後還規劃了一個電商網站的最終作業，讓你不用擔心只學到理論卻沒有實作作品！

…[更多細節]

哪些人適合這堂課？

• 對 UI 設計有興趣
• 想要轉職成為 UI 介面設計師
• 想要複習基礎知識的 UI 介面設計師

學習目標

• 了解 UI 介面設計師的工作範疇
• 掌握 UI 介面設計的實務知識
• 如何繪製有程式邏輯的設計稿
• 設計屬於自己的電商網站作品