- Видео 57
- Просмотров 471 925
Johannes Ippen
Германия
Добавлен 22 июл 2006
Hi! I’m Jo - I run the Human Deluxe Design Studio in Berlin, a small studio working on the intersection of Brand and UX, On my channel, you will find content around Design, Brand and UX. I love working with startups and sharing my experiences with you. Subscribe to see more design theory, best practices and case studies on your feed!
I upload every Tuesday.
Instagram: johannesippen
Twitter: johannesippen
Blog/Website: johannesippen.com
Studio Website: humandeluxe.com/
Studio Toolbox: toolbox.humandeluxe.com/
I upload every Tuesday.
Instagram: johannesippen
Twitter: johannesippen
Blog/Website: johannesippen.com
Studio Website: humandeluxe.com/
Studio Toolbox: toolbox.humandeluxe.com/
Figma Slides Experiences after Config (Not a Review)
In this video, I will share my experiences with Figma Slides, all the bugs and things that still missing. Also, I will talk about my Config 2024 predictions - which of them did become a reality?
Figma Vector Devices Kit:
www.figma.com/community/file/1327248958106139882/vector-devices-kit
Resources that will make you a better designer:
Free Google Ventures Brand Sprint Template:
toolbox.humandeluxe.com/brand-sprint-figma/
Free Design Tools Overview:
johannesippen.com/2019/access-over-ownership/
Love in Product Design:
johannesippen.com/2019/love/
The Gear I use:
Camera: amzn.to/3xydNDS
Audio: amzn.to/3Qpc64k
Editing Software: www.adobe.com/products/premiere.html
Sound Library: www.epidemicsound.com/ref...
Figma Vector Devices Kit:
www.figma.com/community/file/1327248958106139882/vector-devices-kit
Resources that will make you a better designer:
Free Google Ventures Brand Sprint Template:
toolbox.humandeluxe.com/brand-sprint-figma/
Free Design Tools Overview:
johannesippen.com/2019/access-over-ownership/
Love in Product Design:
johannesippen.com/2019/love/
The Gear I use:
Camera: amzn.to/3xydNDS
Audio: amzn.to/3Qpc64k
Editing Software: www.adobe.com/products/premiere.html
Sound Library: www.epidemicsound.com/ref...
Просмотров: 408
Видео
Best Figma Master File Approach (Design System for Brand Projects)
Просмотров 2,1 тыс.6 месяцев назад
This video will cover how to create and utilize a Figma Master File for design projects. I'll walk you through structuring the file with separate pages for assets like logos, colors, typography, and components. You'll learn how a Master File allows for consistent branding across multiple projects by centralizing your design elements. The file can contain styles for colors, text, wireframes, and...
Best Figma File Structure & Design Process (Real App Design & Brand)
Просмотров 8 тыс.6 месяцев назад
This video will cover my Figma file structure and pages organisation. I will walk you through my design process for a branding and app design project, from research through concept to final design and asset export. You will learn how following this design process and organisation method will streamline your design and reduce clutter in your design work. ✅ Learn how to organize a figma file ✅ Br...
Figma Config 2024 New Features Announcements & Leaks
Просмотров 1,8 тыс.7 месяцев назад
This video will cover: ✅ My predictions for what will be announced at Figma Config 2024 ✅ What Canva and other players in the industry are doing ✅ The features that have already leaked in the final product ◽️◽️◽️◽️◽️◽️ Resources that will make you a better designer: Free Google Ventures Brand Sprint Template: toolbox.humandeluxe.com/brand-sprint-figma/ Free Design Tools Overview: johannesippen....
Make My Logo Better - Full Walkthrough Logo Design Process in Figma
Просмотров 2707 месяцев назад
Kenny has asked me to take on his logo - so I did - and made it better! This video will cover: ✅ Judging a logo made by a viewer ✅ Selecting typefaces and researching logo references ✅ Creating an improved logo using Figma ◽️◽️◽️◽️◽️◽️ Links mentioned: Human Deluxe Culture Fund: humandeluxe.com/culturefund Best Free Font Sites: ruclips.net/video/oOxGKke4Q7/видео.html ◽️◽️◽️◽️◽️◽️ Resources that...
FIXING my Urbanears Headphones Easy Repair (Planned Obsolescence)
Просмотров 472Год назад
FIXING my Urbanears Headphones Easy Repair (Planned Obsolescence)
I built a Minimalist CRM in Google Sheets
Просмотров 2 тыс.Год назад
It’s been a minute - but I am back. In this video, I will show you how I created a minimalist CRM using Google Sheets. This video will cover: ✅ How to manage clients in a simple and minimalist way ✅ How to build a minimalist CRM in Google Sheets ✅ How to use it ◽️◽️◽️◽️◽️◽️ Links mentioned: Minimalist CRM on Google Sheets (Go to "File - Make Copy"): docs.google.com/spreadsheets/d/113SAEDY4vrXza...
Icon Design in Figma - How to Create a Gear Illustration in Seconds (Tutorial)
Просмотров 1,9 тыс.2 года назад
This is a quick & easy one: How to create a stunning looking, highly customizable gear icon in Figma. As a true alternative to Illustrator, Figma shines when it comes to icon design: In this video, I will show you how to create an icon for your Settings Menu or Tech Startup.
Logo Fonts That Scream Authentic Brand
Просмотров 1922 года назад
This video will cover: ✅ How to choose the right font for your logo design ✅ Considering brand personality, values, and industry norms ✅ Tips for selecting legible and appropriate typefaces Resources mentioned: Free Logo Font List: toolbox.humandeluxe.com/best-logo-fonts/ The Gear I use: Camera: amzn.to/3xydNDS Audio: amzn.to/3Qpc64k Editing Software: www.adobe.com/products/premiere.html Sound ...
Adobe Acquired Figma - What Will Happen Next?
Просмотров 3062 года назад
Adobe acquires Figma - what does that mean for designers? What will happen next? What will happen to Adobe XD? Should you switch to Sketch? Sources: Adobe/status/1570383755386421250 AlexAperios/status/1570395610301493248 darylginn/status/1570388553938653185
Best Free Fonts Sites that are not Google Fonts - Open Source Alternatives
Просмотров 15 тыс.2 года назад
Here are the best alternatives to Google Fonts - free open source font foundries that you might not know yet: www.fontshare.com/ uncut.wtf/ anrt-nancy.fr/fr/fonts/ www.theleagueofmoveabletype.com/ www.losttype.com/ www.tunera.xyz/ www.design-research.be/by-womxn/
Better Design w/ Premium Google Fonts Alternatives - from $300 to $3 (or less)
Просмотров 1172 года назад
Comment with your favourite Google Font - do you see it everywhere? In this video, we will cover premium alternatives for the most popular Google Fonts - and help YOU to up your design game. ✅ Alternatives for Playfair ✅ Alternatives for Roboto ✅ Alternatives for Open Sans ◽️◽️◽️◽️◽️◽️ Links mentioned: Helvetica Now: www.myfonts.com/collections/helvetica-now-font-monotype-imaging Freight Sans: ...
Google Font Premium Alternatives
Просмотров 2162 года назад
Google Fonts are pretty cool - unless you want to go premium. In this video, we will look into paid alternatives for Google Fonts for different price points. If you want to up your font game, this video is for you. This video will cover: ✅ Why Google Fonts are ILLEGAL in some countries ✅ How you can get great paid fonts for as little as $3 ✅ What font Chris Do uses ✅ Alternatives for Bebas Neue...
Best Figma Plugins for Beginners (App Design, Icons & Productivity)
Просмотров 2132 года назад
Best Figma Plugins for Beginners (App Design, Icons & Productivity)
Best Figma Print Plugins & Templates - BETTER than InDesign, Word & co?
Просмотров 19 тыс.2 года назад
Best Figma Print Plugins & Templates - BETTER than InDesign, Word & co?
How to Design A Logo - Casey Neistat Film School #1
Просмотров 4932 года назад
How to Design A Logo - Casey Neistat Film School #1
Casey Neistat Monthly Course REVIEW
Просмотров 1,8 тыс.2 года назад
Casey Neistat Monthly Course REVIEW
Figma Simple Isometric in 90 Seconds
Просмотров 3 тыс.2 года назад
Figma Simple Isometric in 90 Seconds
How Many Links Should My Navigation Have?
Просмотров 473 года назад
How Many Links Should My Navigation Have?
I just want to know how to use the plugin to print in Figma. Thank you, though please just get to the point. We usually have things we are looking to accomplish at the moment.
Thanks for sharing your fix. I had been trying to glue the broken piece. And first attempt, which was done using super glue, lasted a short while before it broke. I am trying a UV cure glue at this time but wanted to look up what I can try to secure this joint. I think there could be a good 3D printed fix to this as well
Hey what software do you use to screen record + zoom?
Thank you! No really thank you for sharing the full walkthrough! i was staring at my screen for hours! my brain just stopped working i swear to god man, and i stumbled upon your video in pure luck asking ChatGPT to spark me again and he just give me your video tho its not very popular, but im glad that chatgpt find you in pure luck! Thanks really!
Why include the date in the file if we can sort out the content? Can you please explain?
Great question! The date helps you to figure out two things: 1. Sorting chronologically in a bigger folder 2. Versioning/context for iterations It also makes it easy if you ever lose the metadata of a file, e.g. if you recover the data from a flash drive or download it from a cloud storage
Great overview! Needed a quick recap and this was perfect
Thank you! I heard you can in fact have templates now
greaT NICE
great
Thanks for the great video! I love these kinds of shape tricks.
this was so helpful. appreciate you sharing!
Wtf is that dude, go to learn design
sir, How I can download "Bageo Alternates" Font? Please reply me
Sir, this is a Wendy‘s! I recommend using a search engine to find a font shop of your choice that offers Bageo, which is not a free font.
keep it up man , u doing such a great work
Thanks man, that means a lot!
Love the all websites, such a trendy and useful fonts are there thanks for sharing ✨
You're welcome! Which one is your favourite?
Thank you!!
I am an aspiring designer attending config 2024 and I would love to meet and learn from you!
Let’s do it! just hit me up whenever you spot me, I’m actually wearing the same shirt tomorrow :D
I had to really slow down some moments to implement this correctly but thank you for explaining your approach!
Thank you for that feedback! I can try slower next time :)
This channel deserves more love ❤
Tell all your friends ❤️
Nice walkthrough. Everyone needs to follow these discipline… I wasted a lot of time redoing things thinking each time its one off and I wont reuse anything, however i had chances to save a lot of time by reusing or organising.
Exactly, right?
Thank you interesting video!! I’ll be happy if I can meet you at CONFIG2024
Sure! Say Hi if you spot me :)
Fingers crossed they develop prototyping features further.
How do you feel about the new AI prototype feature?
@@JohannesIppen it’s a joke
I think that maybe they will develop the dev mode, thus besides AI and community marketplace we will get new handoff features as well… but we will see :)
I really hope that Dev mode will be better integrated, especially for agency-type companies who want to need to hand off individual files - let’s see!
Nice video 🎉
Thank you so much 😀
Great video, Johannes. Someone told me about your Brand Sprint by Human Deluxe Figma and I'm going to give it a try.
When exporting to PDF, I dont see the bleed marks. Is there a way to make it visible?
Ty
Thank you for helping!!
Great stuff
it's so addictive Figma!
I'd recommend CAT Fonts too, made by Peter Wiegel. And I'd like to ask if anybody knows if Dieter Stefmann's fonts are actually SIL because he left a testament in 1001fonts and his blog about releasing them for free to use but none come with the license.
Looooves this video
This really smart
Really great resources! Thank you very much, I love how you share your preferred fonts on each website. Thanks, very great job :)
😢❤
I am a T shirt designer.
Thanks for this tutorial.
can i use fonts licensed uder the Apache and MIT license for commercial use?
Hey Lukis - you can, however you’re not allowed to resell them under a different license
Thank you so much for sharing, I'm subscribing !
Awesome! Thank you!
Awesome!
Thank you! Cheers!
bro the intro is too long, no one cares. skip it entirely
Noted! Thank you
Merci pour le lien (link) à L'Atelier en Recherches Tyographique!
I really wish the League of Moveable Type would put out more fonts, and add bolder and bolder italic weights for some o their classics. I am not sure who designed Libre Baskerville and Libre Caslon, and Old Standard TT, but I sure wish they had bold italics and extra bold and extra bold italics with them. -- And I wish there was a libra version of Goudy old style, book, bold and extra bold weights with matching italics for all. Fanwood would be wonderful with bold and bold italics, and maybe extra bold and italics.
I wish someone would do a libra version of Cooper Old Style with Cooper Black, so we had at least book, semibold, bold, and black weights. There is a nice large x-height commercial version from Bitstream and a nice small x-height version (but without italics for the black heavy / extra bold weight, a pity, from URW. I think both only have the less complete P1 character set rather than a Pro character set .he font-family is soft, warm, very appealing, and would make a good book or display typeface, either one.
this is the so far best "), hanks man," for your plugin suggestion,
Glad you like it!
Nice. These are very hand add-ons.
Thanks to show some typefaces of the foundry @Johannes.
thanks!
As prepress engineer with 5+ year experience with "bad" pdf's i laugh my ass off about this. You can't see proper colors in figma. Can't use color profiles. Don't use any other web apps for printing too. Please. Your pdf's out of this application clunky/big/unoptimised. But for casual use sure.
Fully agree - it's nowhere near perfect just yet, still figuring things out
Hey Johannes, thanks for the video! When printing poster etc. with an asset of UI, it is challenging with small details, color issues happens. Do you have a suggestion for converting Figma file to InDesign/illustrator to print in the best way? Thank you!
Hey Serena, I'm still learning how to do that properly, if you want I can do another video on what we know so far
@@JohannesIppen thanks for the reply! It would be amazing to have a video if you also have documents printed a comparison: indesign vs figma... for example :D thanks!
thank you for this !
Thank you for watching! :)
Great technique, your video Is extremelly helpful, thank you Johannes!
Thank you Lucas!