The little things: Becoming the mythical designer-developer
ฝัง
- เผยแพร่เมื่อ 3 ต.ค. 2024
- Flutter is an expressive tool that supports immediate iteration (through hot reload). This makes it a good fit for the elusive designer-developer: an engineer with a knack for design. In this talk, Filip explores some of the basics of good app design and how they translate to Flutter widgets.
Resources:
White space → goo.gle/3sggKVe
Padding in Flutter → goo.gle/2NnOQIk
Typography crash course → goo.gle/3bvCXI7
TextTheme in Flutter → goo.gle/3btDtXg
Color theory crash course → goo.gle/3dzK596
ThemeData in Flutter → goo.gle/2NwKE8T
Iconography crash course → goo.gle/3aJxka3
Images in Flutter → goo.gle/2Mi8fK4
Animation easing crash course → goo.gle/3uqRVHZ
Curves class in Flutter: goo.gle/37E5Rom
Staggered animation: goo.gle/2ZHcSAk
Aesthetic-Usability Effect: goo.gle/3bnVxSk
Accessibility: goo.gle/3dDsddi
Speaker: Filip Hracek
Watch more:
Flutter Engage playlist → goo.gle/Flutter...
Download the Flutter 2 SDK → goo.gle/Flutte...
Subscribe to Flutter! → goo.gle/FlutterYT
#FlutterEngage
The perceived value of this video is quite high)
Ha! I hope there's functional value there somewhere, too. :)
@@filiphracek there certainly was quite a bit of functional value there
See, this is why I like your talks. You just seem a lot more relaxed and you seem like you're passionate about Flutter instead of reading off a script like a robot. Please never lose this format! :)
Thank you thank you thank you!
More than anything, this is what I love about Flutter. The barrier between design and dev is minimized. Thank you, Filip, for lowering that barrier even further with these definitions and visual examples!
We need more unicorns... 🦄
You've explained to me like a professor that I never had. 😃
I just appreciate how Filip takes on any challenges to make Flutter ecosystem the best. Technical Flutter internals? Got it. Usage of developer tools and deployment pipelines? Okaay. Best DX practices? You have it! Making designs prettier? Here you go! 👏
"The only skill you need to master is how to learn things" (c)
At started, I was about to eat breakfast and just listen to the video, but now I have watched the whole video and dive into the related links in the description (be sure to check that) , the talk is so relaxed that I just sit there watching without thinking how to learn something functional widget to build my app for my graduated project.
Now I come to realize the perceived value, this video definitely is perceived value of Flutter.
A useful short video that was interesting and enjoyable to watch. One omission - please do encourage designer developers to think about accessibility when considering colours, letter/line spacing, etc.
The starting example of this talk is soooo good.
A full masterclass summarized in a 18-minutes video.
Thank you!
Great video. As a backend developer working on a side project for my wife's business using Flutter this is incredibly valuable. Thanks and keep up the great work. Loving Flutter and Dart.
These videos are always extremely informative and make me a better developer every time I follow the advices.
Thanks to Filip for presenting the same in such a beautiful way, I'm off to creating that satisfying door slam 👂.
I badly want flutter to replace almost every tedious app development methods out there and SHINE!
Wow it was really satisfing to watch, thanks for those tips
Thanks! I just want to say that reading a comment like this is really motivating. I know it can sometimes feel redundant to give praise to someone, but... it's not. Most speakers feel pretty bad about their talks, because all they see is the mistakes and the missed opportunities. Reading someone's comment that it was actually good makes a world of difference. Thank you.
@@filiphracek well said.❤️from +91.
Awesome explanation! A must see for every UI developer. For staggered animations developers might also look at packages (i.e. simple_animations with it's TimelineTween) that adds an additional layer of abstraction, if they aren't that comfortable with plain intervals.
Flutter Team always boasts more confidence in you. I love Flutter
Thank you for this video. Waiting eagerly for more of these.
Your attitude is my motivation... I've learnt alot from you and will keep learning... Thanks man!
Love from Pakistan!
As usual, a really well done presentation, thank you Filip.
Thank you for a great introduction on how to apply basic design principles for developers
The concepts in this video are amazing, really like this kind of stuff! Thank you! Keep it coming!
I always say "Flutter is different from other crossplatforms and development environments". Its approach is humanistic. This is the first time I felt love with a technology in my career. I ♥♥♥ Flutter. Thanks!
I don't even code or design but I still learned a lot in this video!!
this is my favorite youtube channel
14:06 neven knew about the staggered animation thanks Filip!
Great value Filip. We just been through the part for centralizing the colors and typography in every text, icon and the places that had Color.green throughout the app. I don’t know how many variables we touched 💩. Just wanted to say thank you for this awesome video 💪
would love to find a book covering exactly this topic
As a photographer&designer who is learning to develop, I agree with your points!
You made my day more interesting, thank u, and I'm a fan of your talk.😁
Simply explained! Thank you, Filip!
Learned alot from this❤️. Thanks Filip.
Please keep educating, you are born to it!
what a great and joyful video, it was worth every second watching it :)
@Huru Guyen: "Here is the code, github.com/filiph/little_things
Filip's answer is hidden under a reply. I just make it a little bit easier to see"
Filip, thanks for the inspiring content! 🎉
Such a great content!
Thank you Filip! 🚀🚀
great video, thanks for the content!!
3:05 I just received a huge compliment 🖖
That was really a great video, so clear and you transmitted very well. I love it
I am a designer-developer. But ask me to do some backend work and i CRY.
Learnt a new term! Perceived Value!
Great video! Did the source ever land on github?
Thanks I really liked the design perspectives.
Thanks Filip. A very useful tips
very valuable session , thanks
This is an excellent video; the content is introduced properly and each decision is justified well. Looking forward to becoming a unicorn dev! 😄🦄
Awesome! Thank you so much, Filip 👏
This video is really valuable. Kind of must see...
That was a super amazing content thanks Filip
Good talk.
Really good.
yay, I'm a unicorn developer! :D
Incredible video
OMG You are the best. I literally clapped at the end of the video.
Thats a some valueable piece of advice.
We're so happy this was helpful for you! We truly appreciate your continued support, Heshan!
Very insightful.
Thanks for sharing!
Nice talk⚡
Thank you!!
You are very welcome, Pragna 😊
Don't forget to take a look at the video description for more on the basics of good app design and to check out our Flutter Engage playlist, here → goo.gle/FlutterEngageYT
totally inspired. great quality.
Thank you so much for this video
Great video
the best talk so far! :)
Very useful tips, thanks a lot
Awesome talk 👏
the 1 ui development platform to rule them all.. Flutter rulez
u r boring but we love you because of the extreme effort you do.
Thanks for amazing content
Great lecture, Filip!
How TrackedOutText is done internally?
Amazing video!! Super motivational and educational. 👏👏👏
Unfortunately, I could only like this video once 😞
Love every video of flip.
The problem of designer-developer is that, you have to follow whatever the client tells you. If your design looks great but you didn't follow what your client tells you, it's pointless, but its never too late to question what your client wants to do with you. Just be honest if the design sucks or it doesn't align to what users want.
Very interesting. Thank you very much. Do you have any good references to start the study of design in a more holistic way (colors, perception, psychology, etc.) ? Thanks again :)
Amazing video!!
Valuable content 💞
The art of satisfaction😂 thanks sir
Outstanding, looking forward to the code in github.
Does this legend had a tutorial for Flutter
Very interesting thanks
#excellent, Filip !!
consistent
I loved it.
Man I love you. 🤝
Why do I like the first one 🤣
When PO told you - that all designers went on vacation.
EXCELLENT !!!
hi sir I'm flutter developer I want to give a suggestion to flutter team ,basically I'm freelancer so wok on different project on daily basis the problem I always face is difference between flutter version I'm using and the flutter version in which the project is developed so there is no way to know in which version of flutter that project is developed what I want flutter team to add feature that every time flutter run it run flutter doctor and save the Environment imformation within project by creating a file
great video! where is the source of the app?
Great tutorial, but we need the sample code pls!
11:48 animations
Awesome video, thank you!
A designer-developer, thats what i always wanna be.(I dont known that word before
Where's the code?
what is that book there at the back on table?
That's Making Things Work, a book I'm trying to read about system dynamics. To be honest, I'm not sure I'd recommend it so far. I enjoyed Thinking in Systems by Donella Meadows a lot more.
Why are we still talking about colorSwatch when the material.io is promoting ColorScheme ?
Devs when won’t migrate their design to using colorScheme if we don’t promote it 😔
github address?
Flutter is not easy to be installed in pc , lot of things , sdk , emulator and more , than using flutter doctor still can't detect the path location , ouff , wish it was easy. Like xamarin and python
Is there any comment on how the Metal iOS jank affects these animations?
You probably mean the early onset jank issue (github.com/flutter/flutter/projects/188). I've of course tested the app in the video on iOS and there's no jank. That doesn't mean the issue isn't real, of course, but it isn't as widespread as it may sometimes seem. If you see the issue in your app, please do file a bug.
@@filiphracek Thanks for your quick reply. Do you need to warm things up in the background or does it just work?
@@tomkulaga4005 In the case of this app (and some other, larger apps I'm working on), it just works. ¯\_(ツ)_/¯ Again, not trying to minimize the issue. It's bad. But not ubiquitous.
@@filiphracek No probs totally get it :)
Slovák or Czech? By name I think...
Credit companies like Disney, Nintendo, and Apple for emphasizing these concepts in their products.
🐦