The little things: Becoming the mythical designer-developer
Вставка
- Опубліковано 2 бер 2021
- 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/FlutterEngageYT
Download the Flutter 2 SDK → goo.gle/FlutterEngage
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.
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.
As usual, a really well done presentation, thank you Filip.
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 concepts in this video are amazing, really like this kind of stuff! Thank you! Keep it coming!
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.
A full masterclass summarized in a 18-minutes video.
Thank you!
Thank you for this video. Waiting eagerly for more of these.
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 💪
That was really a great video, so clear and you transmitted very well. I love it
Thank you for a great introduction on how to apply basic design principles for developers
You made my day more interesting, thank u, and I'm a fan of your talk.😁
Your attitude is my motivation... I've learnt alot from you and will keep learning... Thanks man!
Love from Pakistan!
Simply explained! Thank you, Filip!
The starting example of this talk is soooo good.
Such a great content!
Thank you Filip! 🚀🚀
Flutter Team always boasts more confidence in you. I love Flutter
Thanks to Filip for presenting the same in such a beautiful way, I'm off to creating that satisfying door slam 👂.
Filip, thanks for the inspiring content! 🎉
what a great and joyful video, it was worth every second watching it :)
I badly want flutter to replace almost every tedious app development methods out there and SHINE!
Learned alot from this❤️. Thanks Filip.
Please keep educating, you are born to it!
As a photographer&designer who is learning to develop, I agree with your points!
Awesome! Thank you so much, Filip 👏
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.
Thanks I really liked the design perspectives.
this is my favorite youtube channel
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!
Thanks Filip. A very useful tips
That was a super amazing content thanks Filip
the best talk so far! :)
I don't even code or design but I still learned a lot in this video!!
great video, thanks for the content!!
@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"
very valuable session , thanks
Very useful tips, thanks a lot
Elusive tips for elusive people. Thank you so much!!!
This is an excellent video; the content is introduced properly and each decision is justified well. Looking forward to becoming a unicorn dev! 😄🦄
14:06 neven knew about the staggered animation thanks Filip!
This video is really valuable. Kind of must see...
would love to find a book covering exactly this topic
Thank you so much for this video
Very insightful.
Amazing video!!
Awesome talk 👏
Incredible video
Thanks for sharing!
totally inspired. great quality.
Good talk.
Really good.
Valuable content 💞
Thanks for amazing content
Nice talk⚡
Great video
Love every video of flip.
Learnt a new term! Perceived Value!
3:05 I just received a huge compliment 🖖
Very interesting thanks
Amazing video!! Super motivational and educational. 👏👏👏
Unfortunately, I could only like this video once 😞
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 :)
#excellent, Filip !!
Outstanding, looking forward to the code in github.
EXCELLENT !!!
Man I love you. 🤝
I loved it.
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
Thats a some valueable piece of advice.
We're so happy this was helpful for you! We truly appreciate your continued support, Heshan!
Awesome video, thank you!
Great lecture, Filip!
How TrackedOutText is done internally?
Great video! Did the source ever land on github?
I am a designer-developer. But ask me to do some backend work and i CRY.
consistent
great video! where is the source of the app?
yay, I'm a unicorn developer! :D
OMG You are the best. I literally clapped at the end of the video.
The art of satisfaction😂 thanks sir
u r boring but we love you because of the extreme effort you do.
Why do I like the first one 🤣
the 1 ui development platform to rule them all.. Flutter rulez
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 tutorial, but we need the sample code pls!
11:48 animations
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.
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.
Does this legend had a tutorial for Flutter
Where's the code?
A designer-developer, thats what i always wanna be.(I dont known that word before
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 :)
When PO told you - that all designers went on vacation.
价值
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
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 😔
🐦