Why don’t thunkers use Material Design?


#1

Since the early days of Thunkable I’ve been checking with great interest what the apps created by thunkers look like to learn how they use the tool and explore its potential. But I’m confused because one of Thunkable’s key advantages over App Inventor, support for Material Design, is almost never used.

Each thunker seems to be leaving aside Thunkable’s default Material features and rolling their own designs, color schemes, text attributes, layouts, backgrounds, and fonts that remind of the early days of Android. But these designs can be created also with App Inventor.

So why use Thunkable? Why not take advante of Material Design?

The first reason I can think of is Material Design support is still limited in Thunkable, some major components are missing, and thunkers need to do some amount of customization for most apps. Another, which is actually a strength of Thunkable, is thunkers don’t usually have a development or design background and may not be aware of the Material Design guidelines. Yet another possible reason is thunkers simply like other designs better.

Any thoughts?


#2

Now App Inventor also has got Material Design support.


#3

What is Material Designs. Please would you show us how to use it?
Kind regards,


#4

But many App Inventor users complained about Material Design, forcing AI to add an option to use the ancient Android 2 theme…


#5

Really? Why would anyone want that old theme? IMHO Material is so much nicer, and when done right it’s very intuitive.


#6

It’s Google’s design system, there are lots of great resources online and in the community:

@Helios wrote quite a few posts:

As has @Amoroso

And I’ve even added a few tips too:


User interface option
#7

@Domhnall
Are the material icons as PNG images or they are as fonts in Thunkable?
Material icons = images in Thunkable
Or
Material icons = fonts in Thunkable.
If they are as fonts then it’s great news but if they are images instead of use them I can use awesome font “I watched your video about it” awesome fonts have the same icons with Material but they are still font not images and I will not face any problems with image problems in Thunkable.
Would you reply, please?
Kind regards,


#8

Material icons is a .ttf font


#9

You can do either, depending on your needs, so for example you can downloads the icons if you only need a few. I have a video showing how to do this here:

Or you could download the Material Icons .ttf file and use that instead if you needed lots of icons. I have a video showing how to do this with Font Awesome but the steps would be identical for Material Icons:


#12

I watched this link, if i build an icon, and download it :

Which one should I use ?
How to make my I responsive by using the good one ?


#13

The different sizes are so that you can easily add the different resolutions to Android Studio:

The xxxhdpi is 96px X 96 px and will only take up a few hundred bytes in your app. This means that it’s great for small buttons, like sharing, social media links etc. but if you want something that can scale your best bet is probably the .ttf file, mentioned above. It all depends on your use case really.


#14

Hi
@Domhnall @Amoroso @Shivendra_Kr_Sahu

Will you guys provide any aia example in action, so that we can learn something from it. We are not using because we don’t know. Please provide us a sample aia file which contains not only icon but those objects we found in material.io

Thanks.


#15

Take a look at the posts that have already been linked above, most have .aia files.

If you want to figure out something for yourself though @indian the best way to learn is by definitely by doing. You will learn more in 6 minutes doing it yourself that you would in 60 minutes looking at someone else’s work.


#16

I am already using .ttf but I like the possibility to design icons on that link (add free banner on front or something like that)

When we use ttf, text is in front and nothing can be in front of it


#17

I quote the wrong one
Using this as a button

If we use ttf and an image, PRO text will be under thé text and not on top


#18

Because when users compiled their old apps to make an update with the new layout, everything looked bad, too big, or too different and out of place.


#19

Hindi

:point_down:t2: ke baare mai kuch nhi janta hu


#20

Ek aia miljaayega tho maza aayega


#21

kya aapko kuch aisha chahiye ?


#22

Kal check karoonga bhayya