Final Touches

Beginners Guide to Wireframes: A Mini-Course Wire framing The Google Chrome Website
2 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€66.75
List Price:  €95.37
You save:  €28.61
£55.20
List Price:  £78.86
You save:  £23.66
CA$100.27
List Price:  CA$143.25
You save:  CA$42.98
A$111.02
List Price:  A$158.61
You save:  A$47.58
S$93.84
List Price:  S$134.06
You save:  S$40.22
HK$544.10
List Price:  HK$777.33
You save:  HK$233.22
CHF 62.82
List Price:  CHF 89.75
You save:  CHF 26.92
NOK kr781.36
List Price:  NOK kr1,116.28
You save:  NOK kr334.91
DKK kr497.87
List Price:  DKK kr711.28
You save:  DKK kr213.40
NZ$123.08
List Price:  NZ$175.84
You save:  NZ$52.75
د.إ257.04
List Price:  د.إ367.21
You save:  د.إ110.17
৳8,514.26
List Price:  ৳12,163.75
You save:  ৳3,649.49
₹6,103.89
List Price:  ₹8,720.22
You save:  ₹2,616.32
RM311.07
List Price:  RM444.40
You save:  RM133.33
₦104,962.60
List Price:  ₦149,953
You save:  ₦44,990.40
₨19,613.45
List Price:  ₨28,020.42
You save:  ₨8,406.96
฿2,372.62
List Price:  ฿3,389.61
You save:  ฿1,016.98
₺2,549.29
List Price:  ₺3,642.01
You save:  ₺1,092.71
B$405.81
List Price:  B$579.75
You save:  B$173.94
R1,289.32
List Price:  R1,841.97
You save:  R552.64
Лв130.66
List Price:  Лв186.66
You save:  Лв56
₩100,975.63
List Price:  ₩144,257.08
You save:  ₩43,281.45
₪248.43
List Price:  ₪354.92
You save:  ₪106.48
₱4,055.50
List Price:  ₱5,793.82
You save:  ₱1,738.31
¥10,487.76
List Price:  ¥14,983.16
You save:  ¥4,495.39
MX$1,426.15
List Price:  MX$2,037.45
You save:  MX$611.29
QR255.48
List Price:  QR364.99
You save:  QR109.50
P965.99
List Price:  P1,380.05
You save:  P414.05
KSh9,049.70
List Price:  KSh12,928.70
You save:  KSh3,879
E£3,544.01
List Price:  E£5,063.09
You save:  E£1,519.08
ብር9,052.25
List Price:  ብር12,932.34
You save:  ብር3,880.09
Kz64,017.52
List Price:  Kz91,457.52
You save:  Kz27,440
CLP$65,961.37
List Price:  CLP$94,234.57
You save:  CLP$28,273.20
CN¥508.70
List Price:  CN¥726.74
You save:  CN¥218.04
RD$4,368.38
List Price:  RD$6,240.81
You save:  RD$1,872.43
DA9,434.74
List Price:  DA13,478.77
You save:  DA4,044.03
FJ$161.16
List Price:  FJ$230.24
You save:  FJ$69.07
Q540.29
List Price:  Q771.88
You save:  Q231.58
GY$14,661.26
List Price:  GY$20,945.55
You save:  GY$6,284.29
ISK kr9,713.21
List Price:  ISK kr13,876.61
You save:  ISK kr4,163.40
DH695.05
List Price:  DH992.98
You save:  DH297.92
L1,305.42
List Price:  L1,864.97
You save:  L559.54
ден4,109.63
List Price:  ден5,871.15
You save:  ден1,761.52
MOP$561.12
List Price:  MOP$801.63
You save:  MOP$240.51
N$1,289.39
List Price:  N$1,842.07
You save:  N$552.67
C$2,578.94
List Price:  C$3,684.37
You save:  C$1,105.42
रु9,769.01
List Price:  रु13,956.33
You save:  रु4,187.31
S/257.91
List Price:  S/368.47
You save:  S/110.55
K282.14
List Price:  K403.08
You save:  K120.93
SAR262.49
List Price:  SAR375
You save:  SAR112.51
ZK1,985
List Price:  ZK2,835.84
You save:  ZK850.84
L332.24
List Price:  L474.66
You save:  L142.41
Kč1,667.51
List Price:  Kč2,382.26
You save:  Kč714.75
Ft26,678.05
List Price:  Ft38,113.13
You save:  Ft11,435.08
SEK kr746.26
List Price:  SEK kr1,066.13
You save:  SEK kr319.87
ARS$74,267.78
List Price:  ARS$106,101.37
You save:  ARS$31,833.59
Bs484.25
List Price:  Bs691.82
You save:  Bs207.56
COP$289,104.08
List Price:  COP$413,023.54
You save:  COP$123,919.45
₡35,441.68
List Price:  ₡50,633.14
You save:  ₡15,191.46
L1,791.83
List Price:  L2,559.87
You save:  L768.04
₲555,196.41
List Price:  ₲793,171.73
You save:  ₲237,975.31
$U2,983.14
List Price:  $U4,261.82
You save:  $U1,278.67
zł276.24
List Price:  zł394.65
You save:  zł118.40
Already have an account? Log In

Transcript

Let's give a little bit of final touches to our wireframe. So let's begin by naming the screens. I'm just going to double click on the screen, and I'm going to name it as screen one. I'm going to click it here as screen. One, underscore, Papa screen. This is very, very important when you're trying to import it into programs such as envision, and when you're building more complex wireframes screen for screen five, let's just delete this.

We don't need it. Let's add one more small button so that we get an arrow. So let's go Put this as it over here, so that on clicking it, we can move to the next screen. Let me just copy this. We don't need it on the pop up. Let me just soom out.

Yep, put it here, exactly. Suma hit Ctrl or Command V, zoom out. Paste it up arrow. So let's go back to the screen number one. So we are positioned it here. And let's begin our linkage process.

So let's see here. This will link to screen number two. This will link to screen two will link to screen number three. Screen three will link to screen number four. And screen for the LinkedIn is free number five Screen five is going to link to screen number one. So we have got our links in place so that we will be able to get a beautiful, coherent experience.

So again, let's hit Command F, and go into full screen mode. And again, we are at the bottom. So let me just try this. Excellent. Here we are. There we go.

So you can get an amazing flow of how your website is going to look. Even without writing a single line of code, or going into some complicated CSS and html5, you know what the user is going to see. And that's the magic of wireframes

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.