Тёмный

How to Create Design Systems in InDesign Tutorial 

The Futur Academy
Подписаться 420 тыс.
Просмотров 91 тыс.
50% 1

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 211   
@sinuo3988
@sinuo3988 4 года назад
This 15min video just taught me more than my 3-year degree
@heshankolitha
@heshankolitha 4 года назад
definitely and design school doesn't teach software
@mrbenburns
@mrbenburns 4 года назад
Thanks so much!
@wendycervera1637
@wendycervera1637 3 года назад
25 years in the biz here....been using InDesign since v.1 and before that...QuarkXpress and PageMaker. These are the types of shortcuts and tools I am always shocked that young designers arent learning! So glad you are showing this. You can be the most kick ass designer on the planet but if you don't have streamlined processes and procedures like the ones shown here that increase efficiency I fully believe you will not make it very far in this field.
@Deckard76
@Deckard76 4 года назад
Been using InDesign to create client style guides and design systems for over 10 years too. Other designers kept telling me to use other software... then when I showed them a full brand reference manual with exported digital assets in html and css for online use, they begged me to show them how to create one! InDesign is LIFE!
@mrbenburns
@mrbenburns 4 года назад
Boom
@eklerrr
@eklerrr 4 года назад
Indesign was and still is one of the weapon of choice to rule them all. Before sketch and figma cool guys used to use it for complex web design systems too.
@mrbenburns
@mrbenburns 4 года назад
Really?! I never did that but I did use placed/embedded photoshop files as symbols hehe
@NineOneOneFx
@NineOneOneFx 4 года назад
TOTALLY TRUE Anton! I remember when I was asked to do a complex UI/UX using only InDesign, which I consider a very underused and underrated software for creating this type of projects, including the audio and video. I'm currently developing a planetary interactive ePub for children using this masterful software! This was the result inspired by the main menu on the Chronicles of Riddick Xbox game and and the feel of an Alien aircraft. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xV9f9V-KtxQ.html
@4TheCreatives
@4TheCreatives 4 года назад
Love the LOTR reference and I am 💯 with you. I don’t know what I would do without InDesign honestly.
@mguerra79
@mguerra79 4 года назад
Not as fancy as the honeycomb presentation, but my first portfolio, back in the day, 2009, was made in InDesign. I did a printed version and a digital version, with a small capacity for UI... If you want to check it out... www.dropbox.com/s/lls111aqhvsbiet/Folio_Digital_Final_MarcioGuerra.pdf?dl=0
@msmit1999
@msmit1999 4 года назад
7:37 this is a really cool tip, having an overview of all the different styles makes it so much easier to edit them.
@mrbenburns
@mrbenburns 4 года назад
Thanks!
@charles6685
@charles6685 4 года назад
Damn! I've used inDesign for years, and I usually do it per page, which is frustrating. You, Sir Ben Burns, have helped me a lot in these master grids and color swatches. I sincerely thank you for that.
@mrbenburns
@mrbenburns 4 года назад
Right on! So glad to have helped.
@odukoyajesuseyitan7417
@odukoyajesuseyitan7417 4 года назад
I think this is my first time seeing Ben without a cap Great video, my InDesign skills just got a lot better
@mrbenburns
@mrbenburns 4 года назад
Quarantine style
@RuezgaDaniel
@RuezgaDaniel 4 года назад
I'm one of those people who only used Illustrator for layouts and was afraid of using InDesign, but I've been using InDesign for my post-grad job since we are working on a 100+ page report. Man, I've been missing out! InDesign makes creating layouts very easy once you get the hang of it. To anyone hesitant to try InDesign, it's really not hard to get used to it once you put some time into it. Great video! Very useful tips!
@mrbenburns
@mrbenburns 4 года назад
Saaaaame. I was really confused about Indesign for a while but when I figured it out, no way I was going back
@4TheCreatives
@4TheCreatives 4 года назад
Adobe InDesign is my favorite CC program. I love what you said about Illustrator and how much more efficient InDesign is! That’s what I’ve been telling other designers 😀It’s funny because I see designers using Photoshop as well for type but then it looks pixelated. Thanks for the tutorial!
@mrbenburns
@mrbenburns 4 года назад
I think it’s just a comfort thing. It’s comfy to use the program you know. But it’s so much more efficient to use the right tool
@NineOneOneFx
@NineOneOneFx 4 года назад
LONG LIVE InDesign! Masterful software! Thanks for sharing these superb and useful techniques Ben!
@mrbenburns
@mrbenburns 4 года назад
ALL HAIL INDESIGN!
@BBI-Brandboost
@BBI-Brandboost 4 года назад
We have just started to get to grips with using InDesign and are finding it very intuitive. These tips on style and formatting will come in handy for some of our future projects. Being able to view all of your typography styles on one page is a great way to see what you are working with. Your advice around this will save a lot of time and will help with our design process.
@usamaali9330
@usamaali9330 4 года назад
Love your every single word. Awesome 😘
@PhenMas
@PhenMas 4 года назад
I love InDesign - glad to see someone talk about it since so many designers hate it.
@PhenMas
@PhenMas 4 года назад
Also great for menus and anything with lots of hierarchy challenges.
@mrbenburns
@mrbenburns 4 года назад
It gets a lot of hate because it's not understood.
@camilalau5477
@camilalau5477 4 года назад
Time saving tips!!!!! Thanks 😊
@mrbenburns
@mrbenburns 4 года назад
Thank you Camila!
@joelmacleod1275
@joelmacleod1275 4 года назад
THIS IS THE EXACT VIDEO I NEEDED TO SEE TODAY 😆 The Futur to the rescue once again! Thanks Ben! 🙌
@mrbenburns
@mrbenburns 4 года назад
Excellent!
@wouters.9343
@wouters.9343 4 года назад
A nice thing to learn in InDesign is GREP-styles. It can save you a ton of time and automate a lot of text editing. It's really powerful.
@corgikun2579
@corgikun2579 4 года назад
Second that
@OscarObians
@OscarObians 4 года назад
I got into InDesign over the past year now and while it was a bit of learning curve, I can say InDesign is bae.
@mrbenburns
@mrbenburns 4 года назад
100% agree
@mahfujarrahman7432
@mahfujarrahman7432 4 года назад
Thanks for sharing!
@abnerphilipe
@abnerphilipe 4 года назад
This video is awesome, specially for those who likes to do everything on Photoshop. There are wonderful tools out there, InDesign is one of them.
@mrbenburns
@mrbenburns 4 года назад
Thank you! And absolutely agree.
@imdiaanne
@imdiaanne 2 года назад
I love Ben's humor so much. It makes learning the technical stuff bearable and worthwhile. Thank you for this Ben Burns! :)
@guillermoc.1467
@guillermoc.1467 9 месяцев назад
Wish I had this tutorial 10 years ago... just amazing!
@connorpallister
@connorpallister 4 года назад
Damn, this is the video I never knew I needed. I used to use boxes to keep spacing the same! I dread to think how much time I have wasted. Thanks for making this video!
@mrbenburns
@mrbenburns 4 года назад
hehe yep, same. And thank you!
@sallllooo
@sallllooo 4 года назад
me too
@YahyaRhouna
@YahyaRhouna 4 года назад
Hi, you can use a new feature called "adjust layout" instead of tweaking the elements of each page. The elements stay snapped to the grid. In case doesn't works it gives you at least a starting point. Thanks for the video. I always create my guidelines in inDesign and i was wondering why people don't use it. Thanks for clarifying that i appreciate.
@mrbenburns
@mrbenburns 4 года назад
Oooo Awesome!
@EthanRom
@EthanRom 4 года назад
I learned this in my first job doing annual reports. Those paragraph styles are magic, but I loved how this video explained the more in detail and how exactly they work. Definitely picking up the guide.
@mrbenburns
@mrbenburns 4 года назад
Awesome, thanks so much!
@catalinamejia8871
@catalinamejia8871 4 года назад
Well InDesign is a Layout Software, it can actually go even deeper, but I never got past the things he already explained. Too bad our Type teacher was sooo boooring back in the day so most of the things you learn in time comes from experience. Love the things he explained, this is a must know thing in Indesign for long Documents.
@mrbenburns
@mrbenburns 4 года назад
Aww thanks! I never found a reason to go deeper into the InDesign features, but I’m sure there’s more
@LUSHImboundMarketingFKcom
@LUSHImboundMarketingFKcom 4 года назад
Thank you! I just clearly understood the great differences between Illustrator and Indesign. The last one offers so MANY productivity features!
@richardmohan1037
@richardmohan1037 4 года назад
# What is a Design System? > A collection of visual rules, patterns, and graphic elements. ## Most Basic Level of Pattern Layout - Hues - Typography - The way you use the space available # Wisdom in Passing - When working with grids its best to create them it the master pages - The master page will override the content on the page - Save the format for all typefaces in "Paragraph Styles" ## Most Basic Level of Pattern Layout - Hues - Typography - The way you use the space available # How to Change Body Text 1. If the company wants a more classic typeface other the one we used. 2. Pick your font to time new roman and make some adjustments You edit one Block of text 3. Then you use this to overrides the Body Text Paragraph style. Any block with the same style will auto-update. 4. To-do so... Right Click on the paragraph style and click "Redefine Style" 5. Boom-Yah done "...You can edit the style directly... But I like to play with things on page...Because I'll know what it's going to look like." ## Tips - It might look ugly, but put all your text styles on one page so if you need to update, you can just do it all in one place instead of running all over the place to do the #How to Change BodyText trick # Colors! ## Wisdom in passing - Save your entire document as local swatches - ## Setting our new hues 1. We want to edit the swatches directly on the page 2. You can do this by placing your new swatches on your page 3. Write click on the swatch in the swatches side menu 4. Click on to swatch options to bring up that small window 5. You can copy and paste hex code or using the eye doper tool in that small menu to get the new color 6. Everything with the same swatch should update
@Christdesign
@Christdesign 4 года назад
Very useful tips, often forget to set up style sheets and just copy and paste the text box from one page to another.
@xenoaurora
@xenoaurora 4 года назад
As always you and The Futur continue to put out some of the best content available for creatives on youtube, and sell some of the best resources available on the market!
@mrbenburns
@mrbenburns 4 года назад
Right on, Travis! Thanks so much for the endorsement!
@ALFIEbmx
@ALFIEbmx 4 года назад
another great video! Thank you ben and the futur
@mrbenburns
@mrbenburns 4 года назад
Thanks Alfie
@salutvictor4772
@salutvictor4772 7 месяцев назад
THANK YOU FOR THIS!!!! Watching, learning and enjoying from Guatemala!!!!
@yassinekaissi2701
@yassinekaissi2701 4 года назад
Thank you so much for sharing
@mrbenburns
@mrbenburns 4 года назад
Thanks!
@purvadudhrejiya3492
@purvadudhrejiya3492 4 года назад
It's like you guys read my mind. I was looking for this!
@mrbenburns
@mrbenburns 4 года назад
Thanks!
@TheRealKggJ
@TheRealKggJ 4 года назад
Indesign is complicated but when you start understanding the basics, it's nothing but a smooth ride after that.
@ChrisOfTheOutdoors
@ChrisOfTheOutdoors 3 года назад
Great tips! Thanks Ben!
@MohamedFodamotog
@MohamedFodamotog 4 года назад
Thanks
@dallasdesigner300
@dallasdesigner300 4 года назад
I remember when InDesign first came out. I was STOKED. It was like combining QuarkXPress with Illustrator. Thanks for the quick vid! Do one on Pagemaker! (Kidding)
@mrbenburns
@mrbenburns 4 года назад
Haha I’m excited to announce our next series: Quark tutorials!
@Heydjcam
@Heydjcam 4 года назад
@@mrbenburns quark AND pagemaker jokes!? amazing lol
@iwpsurf
@iwpsurf 4 года назад
Thanks for sharing your knowledge.
@karlsonty
@karlsonty 4 года назад
Thank you so much Mr. Burns ! I hope there will be more Indesign tutorials!
@GH-sx6tk
@GH-sx6tk 4 года назад
Amazing Video. Buying this template!
@mrbenburns
@mrbenburns 4 года назад
Awesome, thank you!
@Mushba.
@Mushba. 4 года назад
love this! I've made three books on indesign, so I'm no stranger to the software. But I still managed to learn some new tips from it
@mrbenburns
@mrbenburns 4 года назад
Awesome! I saw your tweet as well thank you
@monicasdesignprocess
@monicasdesignprocess 4 года назад
This was amazing Ben! I learned quite a few new tricks here I had no clue about.
@cody2470
@cody2470 4 года назад
This video made me realise how much I (and many others) underappreciated Indesign. Definitely going to make more use of it for future projects, no pun intended!
@zalodias123
@zalodias123 2 года назад
InDesign is very powerful. Thanks for the insight Ben!
@cweb1988
@cweb1988 4 года назад
awesome! Thank you! I need these "systems." Helps so much with workflow and effeciency.
@taskuku
@taskuku 2 года назад
this is extremely helpful thank you!
@ale2tss
@ale2tss 4 года назад
I find this is very inspiring. Thank you very much for sharing this! See you in the next videos!
@killianmerdrignac2077
@killianmerdrignac2077 2 года назад
So informative, thank you Ben! Just started using Indesign after intensive Illustrator and Photoshop sessions and now it's starting to all make sense 🙏
@juditcselle7166
@juditcselle7166 4 года назад
This video was awesome! I am gonna use more master pages, that's a great tip. InDesign is my number one tool. I draw in Illustrator, edit photos in Photoshop then I put the project together in InDesign. I love it. Unfortunately the praragraph and character style often have bugs but it still a good feature.
@mrbenburns
@mrbenburns 4 года назад
I worried about bugs too, but found that a lot of them were user error hehe
@juditcselle7166
@juditcselle7166 4 года назад
​@@mrbenburns Yes, I am sure :))) and with the typo style master page easily can be fixed. Genius!
@FEWEDZI
@FEWEDZI 4 года назад
Love this Video. Super Helpful
@veroniqueleduc1607
@veroniqueleduc1607 2 года назад
Sweeeeeeeet video! I may just need that style guide kit!!! Thanks for this beauty!
@corgikun2579
@corgikun2579 4 года назад
Thanks for sharing! 7:38 I also do a "cheat sheet" for CSS styles to see how they all look in one page
@mrbenburns
@mrbenburns 4 года назад
Yep, bingo
@RafaelLopez-jc3hi
@RafaelLopez-jc3hi 4 года назад
You are the beast, thank you so much.
@mrbenburns
@mrbenburns 4 года назад
Thanks!
@MaxWeir
@MaxWeir 4 года назад
This is a nice kit to have, only thing I changed was resetting the guides as once the margins were changed the guides in your doc shifted.
@felixquansah5214
@felixquansah5214 4 года назад
Missed you Ben....I hit that "like" button before even watching
@mrbenburns
@mrbenburns 4 года назад
Thanks man! Missed you too
@AkshaySharma-sy9zf
@AkshaySharma-sy9zf 4 года назад
This is awesome! I wish I could see more Indesign tips in futur.
@mrbenburns
@mrbenburns 4 года назад
I may add more - any specific questions?
@naz5978
@naz5978 2 года назад
Thank you, that was very informative 👍
@AlexPresa
@AlexPresa 4 года назад
Thanks so much for this well of goodies. Been enjoying the Style Guide Kit so much!
@mrbenburns
@mrbenburns 4 года назад
Right on! thanks Alex
@warderto
@warderto 4 года назад
Love your content! Thank you so much for the amazing quality of your tutorials
@mrbenburns
@mrbenburns 4 года назад
Thank you!
@AmandaLucaseu
@AmandaLucaseu 4 года назад
Great video. Love using it in xd and pairing it with zero-height - clients love it
@fzhardacher
@fzhardacher 3 года назад
xd?
@tyralegeorge2812
@tyralegeorge2812 4 года назад
Game changer! You saved a lot of time for us.
@mrbenburns
@mrbenburns 4 года назад
Changing the game
@JordiBudiyono
@JordiBudiyono 4 года назад
Thank you for sharing :)
@heshankolitha
@heshankolitha 4 года назад
I have made so many brand guidelines with illustrator with this I'm getting tempted to use Indesign
@mrbenburns
@mrbenburns 4 года назад
DO IT
@BuszEx
@BuszEx 4 года назад
Thank you for sharing! I love it!!!
@danrodrigues5460
@danrodrigues5460 4 года назад
Amazing job!
@masonthompson3284
@masonthompson3284 4 года назад
You guys don’t miss!! Got it on pre-order first notice. My only question is this: When creating docs like this, do you start defining constraints (colors, type scale, etc.) right away? Or do you create a skeleton layout (s) with your bases off an art direction, then turn that into the definitive style guide? Thanks!
@manukendole2002
@manukendole2002 4 года назад
Hi, Its very nice video and your great help
@jo69123
@jo69123 Год назад
Thank you for the video!
@Blake-ov3st
@Blake-ov3st 2 года назад
Ben is really good at teaching tbh
@zhalabi
@zhalabi 4 года назад
Thank you
@philoki
@philoki 3 года назад
Thanks man, I'm currently looking to start a project, which needs exactly this!
@MadManX668
@MadManX668 4 года назад
You're a God! one love. And Thank You! keep them coming
@mrbenburns
@mrbenburns 4 года назад
Thanks so much!
@samuelwilks7938
@samuelwilks7938 4 года назад
Hi, thank you for sharing your knowledge!!!
@mrbenburns
@mrbenburns 4 года назад
Thanks for watching, Sam!
@scyfox.
@scyfox. 3 года назад
I love how he talks like giving advice and not lecturing about how bad we used to do things. I also use master pages to draw shapes and layouts for testing composition and setting up templates
@charlenemprosser571
@charlenemprosser571 2 года назад
omg why haven't I thought about making a typography master for my own reference? i mean.. a non-designer won't see it unless they dive into the native and even then who is going to dig into the master unless they're that curious or need to? i.. i am speechless. OF COURSE. OF COURSE IT MAKES SENSE. EUREKA. MOAR CAPS. I'm so mad I didn't know some of these tips before.
@JohanvanderSchoof
@JohanvanderSchoof 4 года назад
Good tip! 👌 I have been working with master pages, color palettes and paragraph styles for years. Which is also very interesting to explain styles for the ‘table of nu contents’. Especially for magazines and brochures with an extensive index. Here you can also incorporate the styles. Succes guys!
@Ash_scribbles
@Ash_scribbles 4 года назад
For anyone that needs to design publications, pdf presentations, menus for print, and multi-page documents; InDesign is your best friend - It is made for handling huge files, and typesetting extensive documents. If you prefer to make any of those in illustrator, you're genuinely using the programs wrong. Illustrator's not made for multi-page documents and could drain the power of your computer, easily.
@amberweeks8262
@amberweeks8262 3 года назад
Don't forget about the TOC too, now that everyone is online due to COVID having a linked TOC is a must!
@stinkleaf
@stinkleaf 4 года назад
I use InDesign for the overall guide but I use XD for the web because developers can snag CSS code and download assets into any format and pixel density scale.
@mrbenburns
@mrbenburns 4 года назад
100% can’t use anything else for digital
@omarb.4527
@omarb.4527 4 года назад
This is a great piece of content, I love stuff that makes life’s easier, thank you!
@elissamcmahon4365
@elissamcmahon4365 4 года назад
"It's a master...applied to the master...that gets applied to the pages. Welcome to the Matrix." LOL
@mrbenburns
@mrbenburns 4 года назад
Super nerdy, but it works hehe
@katyakovalenko3207
@katyakovalenko3207 3 года назад
God bless you for doing this video, man!!
@hossamabdulkareem5366
@hossamabdulkareem5366 2 года назад
Another good benefit for Paragraph Style is to make Table of contents
@ahoodsaid8695
@ahoodsaid8695 4 года назад
This video is AMAZING, it really MADE MY DAY
@vishme_luck
@vishme_luck 4 года назад
This is very helpful , i really don't know about these features. Here comes mr. Ben burns to the rescue.. Thankyou sir 🙂👍🏻
@MrDemian0666
@MrDemian0666 4 года назад
This was great. I like your communication style as well. Also, now that I have a beard, we look alike. Bonus!
@mrbenburns
@mrbenburns 4 года назад
Beard bros!
@josefjames
@josefjames 4 года назад
Bought them 🤝, this is going to be amazing.
@sandysaysify
@sandysaysify 4 года назад
Wouldn't it be a good idea to ON layout adjustment tab so all the content pages will adjust itself snapping to the margin? In that case you may not need to adjust individual elements in each page.
@jennastanley4567
@jennastanley4567 3 года назад
thank you sm for this video :)
@jkartz92
@jkartz92 4 года назад
can you share the grid(guide system guidelines) for different book sizes, say A3, A4, A5 and what's the margin, column width and gutter width?
@YahyaRhouna
@YahyaRhouna 4 года назад
The script www.bepxlagency.be/thebookcalculator/script/TheBookCalculator_MarginsCalculator.zip
@joshuagermon2169
@joshuagermon2169 4 года назад
👍
@toolatefortv
@toolatefortv 4 года назад
Yet to explore InDesign. It looks so daunting but since I do a lot of docs for my company now, it's necessary to explore it.
@mrbenburns
@mrbenburns 4 года назад
You won't look back - using the right tool for the job makes things so much easier.
@user-bq6jv7iz2q
@user-bq6jv7iz2q 4 года назад
How do I design the type area for a one-page document? What is a well-proportioned margin?
@mrbenburns
@mrbenburns 4 года назад
Grab a copy of Grid Systems in Graphic Design by Josef Muller Brockmann
@mrbenburns
@mrbenburns 4 года назад
It’s everything.
@bartalisgabi8436
@bartalisgabi8436 3 года назад
Tks Ben! do you have some tricks for a large Product Catalogue? I suppose I shall use this design system there as well? sorry, I'm struggling making the product pages layout, because I have products with more or fewer details :(
@mikereno4220
@mikereno4220 4 года назад
@mrbenburns
@mrbenburns 4 года назад
Hahaha thanks a bunch.
@chukwumaudokporo2586
@chukwumaudokporo2586 4 года назад
Love your videos. Quick question though...how do you come up with your layouts?
@mrbenburns
@mrbenburns 4 года назад
Lots of scrolling Dribbble, Pinterest, and reading design books. It all goes in the compost heap, and then out grows the layout.
@sallllooo
@sallllooo 4 года назад
very nice video thank you , can you show us how to design more than one master page and use them
@imimran924
@imimran924 Год назад
for a4 page size, 10px gutter was perfect and I could not match 30px gutter with a4 page size
@WiErImixes
@WiErImixes 3 года назад
what page format is he using? I like the with of it. But I don't know if it is handy to print...
@iron_tyson
@iron_tyson 4 года назад
I think I will be using this video if I ever have to work with someone fresh out of college. I find that too many people don't understand the importance of masters and styles. Any reason why you have the 6pt baseline shift on 07 - Heading 4?
Далее
How to Get Better at Composition and Creative Layouts?
31:20
InDesign - Working with Modular Baseline Grids
17:22
Просмотров 47 тыс.
For my passenger princess ❤️ #tiktok #elsarca
00:24
InDesign Tutorial: Baseline Aligned Grid
15:53
Просмотров 85 тыс.
Adobe is horrible. So I tried the alternative
25:30