Design Systems with Brad Frost - The State of the Web

Рет қаралды 46,363

Күн бұрын

In this episode of the State of the Web, Rick Viscomi talks with Brad Frost (Web Designer and author of Atomic Design) about design systems highlighting web design, material design, and more. Let’s get started!
Links:
Bootstrap → goo.gle/3beu44L
Material Design → goo.gle/2Symgm7
Atomic Design → goo.gle/2UsdtEM
Styleguides.io → goo.gle/2SrCNIu
Design.systems → goo.gle/2S2DOHC
The State of the Web → goo.gle/2nBiwEL
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

Пікірлер: 24

@leeboyin945 4 жыл бұрын

Questions covered 00:18 Has the metaphor of a webpage exceeded its usefulness? 04:23 Given that there are so many different viewport sizes and everything, does that mean that the flat Photoshop file is no longer very useful as a mean of conveying the design? 08:02 What it might be like for a user to be on a site that has design debt? 13:33 What are the trade-offs of investing in a design system versus taking something off the shelf like Bootstrap? 18:18 How much of a design system’s success depends on the designers as opposed to the developers? 21:59 What extent should a design system anticipate the chaos of user-generated content like errors and long names? What is the breaking point of a design system? 26:14 What resources would you recommend for people eager to learn more about design system?

@lincolnamari3486 2 жыл бұрын

I know im asking randomly but does anyone know of a tool to get back into an instagram account?? I was dumb forgot my account password. I would appreciate any tips you can give me!

@lincolnamari3486 2 жыл бұрын

@Callan Alaric i really appreciate your reply. I got to the site on google and I'm in the hacking process atm. I see it takes a while so I will get back to you later with my results.

@nobody-bt7mu 10 ай бұрын

Tysm!

@hugocsl 4 жыл бұрын

Wow, Brad Frost title himself as a "web designer", long life to the web design 💪

@LeviathanDesigner 4 жыл бұрын

This conversation/interview was really insightful. Thanks for sharing.

@tobiasstrollo 3 жыл бұрын

Really freakin' awesome interview! So much experience and knowledge delivered from Brad. Also great questions! Thank you so much :-)

@nobody-bt7mu 10 ай бұрын

Thsi content is gold!

@xuefeng77 4 жыл бұрын

At 13:56, "have you heard of Google?" - "sounds familiar" 😂 this is a good one.

@Andrey-il8rh 4 жыл бұрын

One very important thing that wasn't actually stressed enough is that (at least to me) having a design system can be an alternative way of end to end testing plus it's fully visual and accessible for any member of the team, whether it's a developer, designer or a stakeholder. It allows to quickly communicate overall structure of the project for the new team members too.

@prateekgaur1172 3 жыл бұрын

I was listening to podcasts came to know today video exists

@gusgyn 4 жыл бұрын

At 26:14 there is no audio when Rick is talking

@RickViscomi 4 жыл бұрын

We're swapping the video with a corrected version. It'll take ~24 hours to propagate.

@kvv8965 4 жыл бұрын

Audio is bit out of sync, difficult to watch the entire video cause of it.

@MightyPenguinV 4 жыл бұрын

Bring Mark Dalgleish to talk about this as well!!

@TheNewton 4 жыл бұрын

Web design software needs to be based on browser engines we keep paying an continuing overhead over and over to port the outputs of most software into compliant web sites.

@newChiller 3 жыл бұрын

Isn't figma kind of fixing this issue with in-browser designing?

@juanpablovelasquezsalazar9778 4 жыл бұрын

This is very useful for web designers, but systems require something bigger than that. What about Design X of D. Norman and Stappers? What about Systems-oriented Design? Please, don't confuse design approaches.

@DanielOlivierArgyle 3 жыл бұрын

Can you please give some examples of where your research had led you? It will be useful to a lot of designers like me who are keen to understand things from a development and design point of view.

@andynonimuss6298 2 жыл бұрын

Which is why Flash as a "vector" tool was the perfect tool for the future that would have easily "resized" to all of these different device screens. The push to throw out Flash and go back to 1999 JavaScript is why websites continue to struggle with video, animation, and sound. Modern websites are dull and boring now. Atomic Design's ideas are nothing new. Designers have been using Design Systems (reusable components and patterns) from the very beginning with Photoshop. Adobe Flash also used reusable graphic "components". We just didn't call it Design Systems back then. Nowadays it's easier to create a Design System with the cloud-based ability in Adobe XD. I think Brad Frost is a cool guy, but he only highlighted the idea of the obvious. I understand the small to large analogy of Atomic Particles, but trying to inject science terms into design language makes the concept confusing for designers.

@aurelianspodarec Жыл бұрын

@@andynonimuss6298 Some people have 1year of experience repeated 22times. I'm not saying you have 1year of exp repeated 22times, I don't know... but that's not a good argument to throw in years of experience. The way you say it its hard to take you serious or take it in any good way. As far as I remember, back in 2010 the way pages were built is it was like Brad said, page by page, nested CSS rules with nested CSS rules and nested CSS rules. I'm sure not doubt there could have been a 'design system' like you say, but those were probably elite people at the time, with rare knoweldge where's not its more mainstreammedia and more people are aware of this. Company i work at right now for example, they do stuff as if it was 2010 so and they are founded in 2010 ironically lol so ufff. So I can agree with you but also strongly disagree. Also, I have no idea about chemicals, or whatever, but its easy to understand reading it twice, and some people depending on the country have background in physics. Everyone in Poland will understand what an atom, molecule etc... is. Its pretty much a basic school level stuff.

@andynonimuss6298 Жыл бұрын

@@aurelianspodarec As I already stated very clearly... Atomic Design's ideas are nothing new. Designers have been using Design Systems (reusable components and patterns) from the very beginning with Photoshop and other tools. Adobe Flash also used reusable "components". We just didn't call it Design Systems back then. I think Design Systems are a great thing, it's just that Atomic Design doesn't create anything new and already quotes the obvious for those of us that have been build websites and apps for a long time.

@aurelianspodarec Жыл бұрын

@@andynonimuss6298 I see. That makes sense. Hmmm. So I suppose, in that case, people just capitalised on the fact it wasn't known and just made big bucks of it now. But yeah, it makes sense what you're saying. Ty for the reply ^^

@Rio-by1eh 5 ай бұрын

@@andynonimuss6298reading as someone who comes from print, and someone who really never pivoted to web design, in print they were called style guide, I’m sure they were much simpler in dimension but essentially it was the foundation of controlling brands consistency etc. …with the advent of web , people just started being “Re inventors” of this fundamental concept … eventually I could not keep up with everyone in digital workflow coming up with their own language and culture of naming , renaming of ideas…