The benefits of learning to code for designers! - with Ran Segall
ฝัง
- เผยแพร่เมื่อ 6 ก.ย. 2024
- "Should designer's learn to code?" - In this video we discuss that nugget and share our thoughts on why learning to code has helped us in our design careers!
Watch me chat about design events and their value on Ran's channel: • Why Go To Design Event...
Subscribe to Ran: / @fluxacademy
(and if you're not subscribed to me yet, pls do that too!)
Learning to code may seem daunting, but like we talk about in the video you don't need to be a super amazing developer in order to get the benefits of having code knowledge. You'll be able to work better with developers, know how to bring your own ideas to life, and be able to consider how your designs will be implemented.
Try Webflow: bit.ly/cmwebflow
I learned to code using a GREAT online code school called Treehouse, Use my link to sign up and get a free trial! bit.ly/2xllDE2
-----------------------------------------------
// ENJOY MY VIDEOS?
My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on TH-cam. If you want to support me and my channel the best thing you can do is join my Patreon!
You'll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:
/ charlimarie
-----------------------------------------------
// ABOUT ME
Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
-----------------------------------------------
// MORE
Blog: www.charlimarie...
Online apparel store: linernotekids.com/
Design portfolio: charlimarie.com...
Podcast: designlife.fm
// SOCIAL
Twitter: / charliprangley
Instagram: / charliprangley
Facebook: / charlimarietv
Snapchat: charlimarietv
My sister SmayJay's channel: / frangisamme
-----------------------------------------------
// MUSIC & TECH
My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: www.austinsaylo...
MARVEL: Infinity War is the most ambitious crossover event in history
ME: please.... look this video :P
I'm a Frontend Designer (yes, it's a thing) focused on web apps , and yes I totally agree that learn how code works it's great to understand design in every aspect.
Cheers from Mendoza, Argentina!
This was so fun!
Do it again!
I used to watch you both, I have learned so much from your Vlogs and disscussions
It's an incredible thing to see you both in one video!
I'm a Graphic Designer (since 2001), back than you picked Print or Web. In 2012, I went back to college for Web Development, since than I have found dealing with developers is easier and I can keep my designs from putting coding over budget.
I really enjoyed this video. I actually found it helpful learning the basics of HTML and CSS. Even though I use a template for my Wordpress site, I actually use my skills to customize it to my liking. And coding also helps me turn that template into more than what it was.
love this!! how is coding going for you?
I see a lot of people kind of overestimating their ability to code. There is a world of difference with being able to hack together a bootstrap site and an actual front end web dev that can handle scalable web apps for example.. I agree that if you do digital design you must be technical litterate to communicate effectively with devs (and yeah hack together some stuff from time to time). But a "coding designer" would never find a place in a functionning team when more specialised, skilled and faster profiles are available.
I've done both. Building responsive sites (some portals, other sites, or web applications), and before even that was even a concept, from scratch using XHTML and CSS, jQueries, etc. Before Bootstrap and grids times, and after that, too. Doing the whole visual concept design, the front-end code (custom javascript was made by certain ace at that who was in the back-end team) , chopping the graphics, everything what was not back-end. To be sincere, a team for backend, and one nly person for frontend AND graphic design (all print stuff included) is totally exhausting. My point is, one can be a jack of all trades, is just really huge task. I'd love to live in a world where a boss wouldn't tell to cover more than I should, but often that's not reality. I for one would have loved not needing to touch code (even while is true what they say in the video, its understanding make you a better designer). That said, I really enjoyed mastering CSS and XHTML. There ARE mixed profiles, "technical artists" as we have been called in that other industry, game development.
Also would be fine with that if I would see no intrusion in my field... Neither the case when people (not only bosses) not having even basic formation related to color, composition, general graphic design, etc, get to decide about stuff they don't have any idea about. Or when your very good friend and team worker at the ROR database hacks the CSS way more than he should and destroys the design... (not to blame him, is the prob of overpopulating back-end teams and leaving front-end (who already does a ton of other tasks, unrelated) with one guy that at least 6 days a year needs some holidays.... :( )
Indeed... I'd agree with one thing... And VERY STRONGLY would agree with that. To the point I think stuff goes the way of the dodo unless the job market would auto correct itself as has done some other times. Someone or something has to stop companies pretending to get one person for freakin' all. That does not work. The worker wont get stuff in time in all freakin areas, and not with same level of excellence. A programmer is a programmer, with a huge set of skills acquired over the years, a proper view of the main architecture, the clear vision on how to organize the code, a strong knowledge of databases, network, programming, even systems. Asking a designer to do a large part of this - and happens in every job offer, lately- is super wrong in many ways, even bad for the company to a large extent. Same way, this about the UX/UI profile. HUGE mistake. I'm finding a lot of people working there that are barely able to do GOOD graphic design, specially of the more technical nature. Some unable to produce graphic at certain quality levels. In other cases, designers are placed there with little ability for the UX part. UX ("user experience"), as tend to be understood, much more about flows of information, its structure, and the capability of converting into sells, etc, should be designed and lead by people more into the company's strategy planning, marketing department, etc.
This tendency of killing specialties, and/or disrespecting them, better stop, or a lot of good professionals may fly to greener pastures. (I did).
Well. Am a graphic designer, illustrator and all fields in image, almost, except VFX and full 3D animation(bit too newbie in that specific one). Still, I do know XHTML and CSS *for real*, I can tell you. Back then in '96 there was no CSS, and programmers had ZERO interest on dealing with the web. It was "not programming", as yet they say (and that's true). But today it's much of a big part of the cake, so they claimed the hill for their own. So, yeah, it was a matter of designers (and game artists, been at those, too) taking the chance there, or often whoever in the company who had no other tasks to do. It was the times of HTML only, tables, and all that. I still remember convincing my boss about the benefits of using that new thing called CSS. I have been decades crafting my sites like a piece of art, and I mean pure hand coding every bit from scratch, from the PSD, chopping all, to every bit of code, using extensively CSS and clean xhtml strict. The great years when Stylegala was a very respected gallery of beautifully crafted sites, and there was this permanent interest on doing great designs. Then came the frameworks time, grids, Bootstrap and all, and people who made it like a craft, who didn't need any framework at all (ie, at my company I had a complex set of stylesheets, classes very well done, we didn't need a lot of crap that was kindda forced in ) and whose deep knowledge of the xhtml tricks and very complex - but functional- CSS workflows, plus how to deal with every single browser issue, we were "a bit" left aside. Mostly as graphic design also started to decrease in importance, sadly.
Today everybody does more or less the same things/"designs", at least if we speak about the big numbers, what you normally face at a company; not saying there's no originality anymore. Today is more the field of pure developers. That has its cons, and is probably a bubble that at some point will also break. But we'll see. Meanwhile, ppl plike me have found a better place in other kind of more visual work, be it by freelancing or at companies. Or, even just moved to a totally different job. Indeed, this is what the majority of colleagues-friends I knew and keep some contact, have mostly done... Still, the frameworks... knowing those and not knowing to code, that has some issues , which will show up sooner or later. Is like starting a house by the roof... I'll keep doing my graphic design/illustration/3D/pixel art stuff, but I'm guessing than in long term , no code knowledge, at least inside a company, that'd bite ppl in the a$$, sooner or later...
@@3polygons XHTML? Wow, you go way back lol.
@@steverogers9453 I'm a way back person.
Very enlightening interview, indeed. I entered your channel to have a basic understanding on Figma but just caught me to watch many others. I am a self learner struggling with many challenges for the last five years. As you guys said "better communication with developer" which made me to take any projects from someone accordingly. Thank you for this enlightening session.
glad you stuck around Afzal!
Thank you for talking about this topic!! Love your channel and really appreciate the information you give.
I'm more on the opposite spectrum of I am a developer with some design...training? I can design, however, my designs are more functional rather than inspiring. I have been blessed with learning about design and marketing as well.
From a developer standpoint, I sometimes receive designs that are missing functional requirements. An example is a design for hotel search results. I will receive a comp with a full list of the same hotel, but not what the list looks like if no results are returned or nothing matches all the filters active. Things like hover state, active state, loading have to typically be requested. I believe it is partly to do with our communication, but I would love to hear your thoughts on delivering a design comp to a developer to be coded. What would your ideal back and forth be between developer and designer?
At my work, we typically start everything with bootstrap 3. We don't have a brand guide or a style guide for anything we do at the moment. So translating a one-off design to bootstrap is common. The request I make with the designers is that they at least use a 12 column grid. Then, I do my best to match their design but on bootstraps platform.
I had the same issue where I will give my design to my developer and he will present me something totally different. That's why I had to learn how to code and keep on learning. By the way, I love both channels. You guys are awesome.
Charlie and Ran, thank you for posting this. I've been bullshitting around for 6 years with wordpress templates on Themeforest. I can browse the web for hours enjoying designs. I just love the design process. However, in the back of my heart, I've always wanted to learn how to code but never put myself to it.Thanks to this video, I will now.
I know this is an old comment but I'm curious, did you ever start learning HTML5 and CSS, Andre? Your post moved me and I wanted to just say that I hope you succeeded in learning!
Great, I am learning design and code at the same time that helps me to get better at what I'm doing.
Same here. I like to learn as much as I can do on my own. Plus, it opens more job opportunities depending what is hiring at the time.
hey! how is code? are you still learning?
Hey guys, totally agree. Designers should learn the broad strokes of coding, and understand web technologies. For me webflow was the ideal product to allow enough control and freedom to do what I wanted. But without having going crazy trying to figure out time details in HTML or CSS.
I actually watch the both of you.. the coolest channels on youtube.
Designer learns to code so that they can understand how coding work or maybe to show developers how this will look in real world, if the first is the reason to learn code then I think we can solve the design just by sharing all the screens through design sharing software such as Invision, and if the later is the reason to learn the code then I think we can learn prototyping software such as principle or animation software such as After Effects. What do you think? With all these modern tools do we need to learn code still, or we should sharpen our skill on design more.
ive been a fullstack dev for 3 years, but now am filling a graphic design role xD
the being a unicorn term in Poland it's just about being a designer that people want to work with / hire again. I have no idea how it developed tho. But there was whole lecture at the Element Talks conference by Joanna Zabawa tilted 'How to become a unicorn, or be the graphic designer they always dreamed of' th-cam.com/video/urhrX17QCpU/w-d-xo.html (Ran I've watched your lecture there as well! really good stuff on pricing your work). By the way it's really cute cause the world 'Zabawa' literally means 'fun/play' in polish. So it's Miss Fun talking about unicorns. Enjoy ;) love the youtube combo that you've created!
th-cam.com/video/a-xWhG4UU_Y/w-d-xo.html - pink fluffy unicorns dancing on rainbows
You guys look cute :) anywho. Coding for me is definitely a big plus and it's all about your love for learning. Be it numbers or a whole new language, if it's a tool that could help you realize your ideas better then why not. If it's not your thing then keep doing what you do and do it a million times over and be a master of your craft until you no longer feel the need to learn code because people would start to want to hire you for awesome skills that technology cannot replace. (^u^)
im a student currently studying digital design, pursuing on getting my bachelors or even up to my masters in the future
But along the way i plan to learn really valuable skills like coding, python, UI, UX etc. but all of that will be obtained by online courses and alooot of self learning
so ill be a digital designer with a bachelors/masters degree in digital design etc. but my resume will have coding, python skills etc. and a heap of certificates that i can get
love ur vids and would rlly appreciate if u see my comment and read it and give me a feedback will further encourage me to further develop myself and skills.
Crazy seeing you two together. I go from your channel to his.
It's nice to hear other designers admit having the same struggles I'm having with getting your design coded and having it look...off.
yess learning to program as a designer is a superpower! were you trying to do some css?
Thank you for very inspiring video! I have one question..Do you know also PHP for developing WordPress? Or just HTML and CSS?
Natalia Siposova Art I guess only HTML and CSS so they don’t know how to “code” since HTML and CSS aren’t programming languages... :D
hey, i love your drawings! were you interested in learning how to code?
You guys make a very good argument for learning code but i will counter with, I don't wanna!!
Haha fair enough!!
They use a program that requires no coding... It's a coded program that does it for you.
😂😂😂😂😂😂😂
I follow you both!
Hey charli amazing video as usual... i am so proud to be part of design life commnity too... you guys make learning easier... do you plan on collaborating with anyone and talk about branding???
Would love that
Kudos!
Love the collab! I love you both!
Awesome video guys. Thank for the insight.
Thanks for watching!
I am literally watching all of your videos right now. You are awesome! Thanks for all the advice.
💕 Great collab!
It is useful advice. thanks
What kind of programming language(s) do you suggest designers learn?
I don’t think designers really need ‘programming’ really! HTML and CSS is enough with some JavaScript if you wanna get fancy!
@@charlimarieTV thks for the reply 😊
charli where did you learn how to code? i also plan yo learn coding although i already build sites via page builders but i need to learn custom CSS
Hey Shayne Mabaquiao
I recommend looking into codecademy.com where I learned most of my front end stuff, and it's really great for getting started. Also check out adam-marsden.co.uk/css-cheat-sheet
Happy coding.
I highly recommend Treehouse! I put a link to a free trial of it in the description of the video. Check it out :)
hi charlie ı'm new this subject (I'm designer and ı have no idea css ), i wonder which program automatic or easy export my design html css, thanks
Sorry, I don't know of any good quality program that does this with design files. But building in webflow is super easy so I'd recommend you check that out bit.ly/cmwebflow
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #e4af0a}
I'd say learning some css is always very handy and its very enjoyable to learn. Im a designer turned software engineer. CSS is fantastic and you can do so many cool 2d and 3d animations. Were you trying to convert your work into html, css?
2 of my favs :)
What WordPress theme do you use?
I was going to ask the same...
It's a custom theme one of my coworkers built!
it on envato market? or purchasable
Thanks for the answer Charli ;)
no it's a custom theme he created for the purposes of our marketing website. Not available to purchase because it's designed for our specific needs rather than being adaptable to anyone
look there is a desoloper
Ran is so shy around you lol
Hello Chirly......
Hello!
CharliMarie can u give me some suggestion cause I want to learn design and I'm a newbies.
charli youre cute, just pressed the Subscribe.
i hope that wasn't the only reason!
The tuft of hair on the back of his head is so distracting 🤣😂🤣