1
00:00:00,330 --> 00:00:05,550
This victory you are going to know about the most important aspect of web design which is why framing

2
00:00:05,720 --> 00:00:11,530
white framing is basically a visual guide or claims presents an offer website or other page.

3
00:00:11,550 --> 00:00:15,330
It really helps the client to see how the website is going to look like.

4
00:00:15,330 --> 00:00:18,990
If you look at this example it is a simple wireframe for a web site.

5
00:00:18,990 --> 00:00:24,210
It really makes it easier to place each element using web faming you can do find the location of any

6
00:00:24,210 --> 00:00:27,390
element easy to see how many years later.

7
00:00:27,660 --> 00:00:33,840
And by Norbert I'm pleased of it page we're framing is a very important step in any web design process.

8
00:00:33,890 --> 00:00:39,600
It defined the information head hierarchy or web design by making it very easy to plan that out of any

9
00:00:39,940 --> 00:00:40,730
web design.

10
00:00:40,760 --> 00:00:43,170
Let us see a practical example of framing.

11
00:00:43,300 --> 00:00:43,870
OK.

12
00:00:44,110 --> 00:00:50,490
There are several ways of framing tools available on the internet but the best in my opinion is balsamic.

13
00:00:50,490 --> 00:00:59,080
It is actually a simple wireframe.

14
00:00:59,210 --> 00:01:00,770
This is a browser window

15
00:01:15,870 --> 00:01:19,650
that this will find menu bar

16
00:01:39,310 --> 00:01:44,360
line with a middle of lobal.

17
00:01:44,580 --> 00:01:49,080
I need a big big image thing.

18
00:01:49,120 --> 00:01:52,150
I have to check in say media at

19
00:01:59,330 --> 00:02:03,270
says a very good and very easy to use.

20
00:02:03,390 --> 00:02:08,610
You can find almost every element of web design here.

21
00:02:09,270 --> 00:02:16,860
For example like Orris bar street map or resentence

22
00:02:22,200 --> 00:02:27,520
Khiyam I need a few Burrton here on this image.

23
00:02:36,760 --> 00:02:38,370
One in the

24
00:02:45,210 --> 00:02:46,650
key.

25
00:02:47,530 --> 00:02:54,110
They also need one and that logo on display image because these are the sticky menu

26
00:03:01,030 --> 00:03:09,180
right in the middle of this big image.

27
00:03:09,450 --> 00:03:13,400
Cardinal I need image.

28
00:03:13,460 --> 00:03:17,710
I hope I'm going to find it and here it is.

29
00:03:27,210 --> 00:03:30,290
And finally I mean you better go

30
00:03:55,740 --> 00:03:58,930
find it.

31
00:03:59,070 --> 00:04:03,990
This is a wireframe for the head part of a website.

32
00:04:03,990 --> 00:04:05,730
Did you see how easy it is.

33
00:04:05,760 --> 00:04:10,310
It can show you the real Whipsnade for this white frame.

34
00:04:10,680 --> 00:04:11,950
OK here it is.

35
00:04:12,030 --> 00:04:18,710
You see the logo the buttons and the sticky menu.

36
00:04:18,990 --> 00:04:23,790
It is very easy to buy it from a web site and show it to your claims.

37
00:04:23,790 --> 00:04:28,350
They can either prove it or they can either ask for changes.

38
00:04:28,380 --> 00:04:34,410
So you can easily make changes in your wireframe and when the wireframe is gone from then you can convert

39
00:04:34,440 --> 00:04:38,640
it into a real website.

40
00:04:38,930 --> 00:04:42,070
I did several links to the source file for wireframe.

41
00:04:42,210 --> 00:04:45,990
So have a look at the source file for widescreens section.

42
00:04:46,240 --> 00:04:47,590
That is for reframing.

43
00:04:47,590 --> 00:04:53,680
Next little is about user experience which is also a really important element of web design so don't

44
00:04:53,680 --> 00:04:54,330
miss it.