Sketch App UI Design to Android XML Tutorial Video Lecture | How to Design UI in Android Studio

hi guys it's me under risky and welcome
back to my video so in this video I want
to design the getting started page to
login or sign up and then we can make it
into Android with under studio and
before we need to design it in Sketchup
and then we can implement it into under
to do like I did yesterday okay hope you
will like this video tutorial so we're
going to go to scripts and are just
preparing to create the lodging like
this but I want to make wonderful so I
will plus delay and then I will click
new document here and trace new artboard
I will choose the mobile port type and
take the name tool getting stuck okay
before we go I want to create the
background with the rectangle here and
then I will remove the border color and
get the background image for the
building because I want to make the
bigger image okay it looks like trifle
so I changed this name to BG okay and
after that I will create the button here
so I'm gonna to insert step and
plundered and like this
look perfect and then just make sure
that your butter is full like this okay
we have the margin is 20 and they move
the fill color and change the butter
color to white and give the magic H one
two three four okay no and after that I
will duplicate this layer duplicate not
before before we change the name to
begin then go to insert and text and
click the text here to sign up and I
will change the white to the regular and
the font size it shall be small so I
will choose the 24 and the color is
white like this and then make it the
center and the vertical line is middle
okay
and I am gonna to group this layer to
chain up
BTN okay and then I need to duplicate to
creat the load jean beatty and get the
modulus okay now and she lick the VG and
get the fill color the fill color it
shall be green and select this thing up
and make it to center Ellen's and I will
edit the text to lock in okay and I will
check the color to the black like this
okay
and now I will click the logo here for
my logo so we go to insert text and
click here for frost fell low and the
colored with Saudi white and the font
size it will be chilly so I just the 40
X okay and make it to Center okay and I
need to create the set bracket so I go
to insert and factor and great here and
click here okay it looks like the try it
enough and then I get to wear color and
setting the cyclist to foot okay and I
want to make it drop the layer and check
the name to the logo and make it to
Center the kids okay it's enough so the
design it shall be like this in under
studio okay after we design the Getty
status patch we need to convert it into
Android in Android studio so we prepare
the prospects for start no understeer
I will get the name is propeller next
next and next in the fitness and just
waiting for the several time to Gradle
build but it's too fast
my iMac oh my god here we working
follows a gradual boy okay this minute
we go to XML
this is the truffle oh and I will remove
the texture here and go to this and
failure and spell double click and
change the no action bar I donate this
and boom it's clean
ok so well what's next
yes the next one we need to convert this
BG and comfort this thing up and go Jean
and logo so we select all of them and
export layer to PNG and go to desktop
because I create the propeller in the
desktop in my desktop so the jatropha
low ebb and source and mine and rest and
drawable and stuck with can we go now to
check for their powerful half-cock F of
copy so search me and Angelo oh it's
only VG ok so we need to export and
check again the G so G and logo engine
up okay we're all ready to create in
under studio so we go to specs and right
here under this big log B he be checked
yeah we got it guys haha
maybe it's hot for the beginners but I'm
trying ok so the next one we need to
create the button in in here so I'm
gonna to graphical interface for the
button here button ok and then I will
research like this
okay and then I will change the lamb the
moose and the heck it's all be off fifty
so he goes to one go to yoga and fix the
work on ten to fifty PP check no I think
it's all these 360 ok so I'm going to
change the undo it big run and chin up
pattern and check again and we got it
okay
and after that I will copy this button
for my login button so if you can change
the name to the lodging and get the
Android margin-bottom to set of the DP
and paste here okay
it's cool right okay so it's too fast I
think but if you are just getting stuck
you can ask me and let me know if you
are any question so the last one we need
to design the logo here so I need to
create the image this is for image view
you can put here and go to specs then I
can get the Android big role here for
the logo and we can check for ok it's
Buffalo I need to decrease this link to
120 okay it's pretty cool like we have
the login logo and BG and button here to
bottom ok so thank you very much for
watching this video please let me know
if you have any question and don't
forget to subscribe my youtube channel
because I need ok so see you the next
video tutorial goodbye
[Music]
[Music]
[Music]
you
[Music]