How to wireframe a website
Wireframing is the first step in the web design process. If you've been wanting to learn how to wireframe, this is the video to watch. In it I detail how I approach wireframing in order to make my web designs better and show you the process & apps I use for it!
🚀 CharliMarieTV is now powered by Figma! https://bit.ly/figma-charli
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
APPS USED:
Concepts (for the drawing on iPad step): https://concepts.app/
Figma (for the grey-boxes step): https://bit.ly/figma-charli
Please remember to click subscribe if you'd like to see more of my videos.
-----------------------------------------------
// ENJOY MY VIDEOS?
My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon!
You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: http://patreon.com/charlimarie
-----------------------------------------------
// ABOUT ME
Hello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
-----------------------------------------------
// MORE
Blog: http://www.charlimarie.com/blog
Podcast: http://designlife.fm
// SOCIAL
Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
-----------------------------------------------
// MUSIC & TECH
Music from Epidemic Sound. If you want to try it out, sign up using my link! http://charlimarie.com/epidemicsound
Intro & end card animation by hand lettering animator Austin Saylor: http://www.austinsaylor.com/
Video editing by Nancy Palm: http://nancypalm.com/
Видео How to wireframe a website канала CharliMarieTV
🚀 CharliMarieTV is now powered by Figma! https://bit.ly/figma-charli
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
APPS USED:
Concepts (for the drawing on iPad step): https://concepts.app/
Figma (for the grey-boxes step): https://bit.ly/figma-charli
Please remember to click subscribe if you'd like to see more of my videos.
-----------------------------------------------
// ENJOY MY VIDEOS?
My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon!
You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: http://patreon.com/charlimarie
-----------------------------------------------
// ABOUT ME
Hello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
-----------------------------------------------
// MORE
Blog: http://www.charlimarie.com/blog
Podcast: http://designlife.fm
// SOCIAL
Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
-----------------------------------------------
// MUSIC & TECH
Music from Epidemic Sound. If you want to try it out, sign up using my link! http://charlimarie.com/epidemicsound
Intro & end card animation by hand lettering animator Austin Saylor: http://www.austinsaylor.com/
Video editing by Nancy Palm: http://nancypalm.com/
Видео How to wireframe a website канала CharliMarieTV
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
How to Design a Website – A UX Wireframe TutorialHow much do web designers earn? [My salary history]Figma 101: An introduction tutorialFree Course: Beginner Web Design using HTML5, CSS3 & Visual Studio CodeTips on Sketching Your WireframesWhat is a Wireframe?Designing a website - Episode 1: Planning & site map!My 5 BEST wireframe & prototyping tools for UI/UX Designers (2020)Sketch vs Figma - Why I switched!10 tips to work 10x faster in Figma7 Design Portfolios that I MIGHT Rate a 10!Figma design system for a marketing websitePlanning + wireframing a new landing page | Design With MeFree Adobe XD Tutorial: User Experience Design Course with Adobe XD CourseFree Figma Tutorial: Designing Wireframes with FigmaFigma UI Design Tutorial: Get Started in Just 24 Minutes! (2021)How I learned to code websitesUX Design Process: How To Sketch Wireframes—Web Design Pt 1INTRO TO LAYOUT: Free Web Design Course 2020 | Episode 6