Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,256 --> 00:00:04,864
User familiarity is probably one of the biggest reasons why you would want to choose a system
2
00:00:05,888 --> 00:00:08,448
I'm talking about San Francisco Pro for iOS
3
00:00:08,704 --> 00:00:10,240
Azure apple-related products
4
00:00:10,496 --> 00:00:11,776
Or something like Roboto
5
00:00:12,032 --> 00:00:13,056
For Android
6
00:00:13,568 --> 00:00:17,408
Or also like any number of open-source lines that are easily available
7
00:00:18,176 --> 00:00:18,688
Usable
8
00:00:19,456 --> 00:00:19,968
Odyssey
9
00:00:20,224 --> 00:00:22,272
Think about the way that use your phone you're going to be
10
00:00:22,528 --> 00:00:24,064
Using it as a utility first
11
00:00:24,576 --> 00:00:27,648
You're going to be checking the time the weather is setting alarms
12
00:00:28,416 --> 00:00:30,720
And scrolling through various social media
13
00:00:32,000 --> 00:00:34,048
And the system serves as a passageway
14
00:00:34,560 --> 00:00:36,096
To get you to the content
15
00:00:36,352 --> 00:00:37,120
Actually trying to see
16
00:00:37,376 --> 00:00:38,144
You're here or what
17
00:00:38,656 --> 00:00:39,680
Or as much as I hate
18
00:00:39,936 --> 00:00:40,448
Say the word
19
00:00:40,704 --> 00:00:41,216
Consume
20
00:00:41,472 --> 00:00:43,776
It's not that common specifically with
21
00:00:44,032 --> 00:00:44,544
Based
22
00:00:44,800 --> 00:00:49,408
Interface design when there is a big opportunity to go super custom with big super custom van
23
00:00:50,176 --> 00:00:51,968
Interface design for the web
24
00:00:52,224 --> 00:00:52,992
Slightly different
25
00:00:53,760 --> 00:00:55,296
And it's not to say that you can't have
26
00:00:56,064 --> 00:00:56,576
Custom fonts
27
00:00:57,088 --> 00:00:57,600
On an app
28
00:00:57,856 --> 00:00:59,136
Papa's just maybe a little bit
29
00:01:02,464 --> 00:01:05,024
Learning to design with the system fonts
30
00:01:05,536 --> 00:01:07,584
Is a great way to tiptoe into the world
31
00:01:09,120 --> 00:01:12,192
As you get more confident and you want to venture out then you can start
32
00:01:12,448 --> 00:01:14,752
Experimenting and
33
00:01:15,008 --> 00:01:16,544
Using new and unique fonts
34
00:01:16,800 --> 00:01:18,592
Our amazing ways to say now
35
00:01:18,848 --> 00:01:22,944
Call from other websites and pieces of software to make sure that you don't overdo it and you
36
00:01:23,456 --> 00:01:26,784
Kind of want to learn the principles of solid fundamental type design
37
00:01:27,296 --> 00:01:29,088
Before you start relying on
38
00:01:29,856 --> 00:01:30,368
Elegant Barn
39
00:01:30,880 --> 00:01:31,392
Econo service
40
00:01:32,160 --> 00:01:33,696
When you're missing some of the
41
00:01:34,720 --> 00:01:37,536
So using restraint and design is often
42
00:01:37,792 --> 00:01:38,816
Foreign concept
43
00:01:39,072 --> 00:01:39,840
For new designer
44
00:01:40,096 --> 00:01:41,376
So you don't be afraid to
45
00:01:41,632 --> 00:01:43,424
Consciously not over designs
46
00:01:43,936 --> 00:01:45,984
Especially when it comes to Crazy typography
47
00:01:46,752 --> 00:01:49,568
It's tempting to choose something big and crazy
48
00:01:49,824 --> 00:01:52,128
But if you're you really need to make sure that you have a
49
00:01:52,384 --> 00:01:55,456
The contact for what you're designing for now
50
00:01:56,992 --> 00:01:59,808
And one less decision to make when you're designing a new project
51
00:02:00,576 --> 00:02:05,184
By using a system font is a great thing to do sometimes because they're so many other decisions to make
52
00:02:05,696 --> 00:02:08,512
Sometimes you're designing for a brand that already has a specific
53
00:02:08,768 --> 00:02:09,280
Picfont
54
00:02:09,536 --> 00:02:13,120
Has custom for the Eminence their brand and you just use that and you have to make it work
55
00:02:13,888 --> 00:02:16,960
Other times you're designing specifically for IOS and Android
56
00:02:17,216 --> 00:02:17,728
It just makes
57
00:02:18,496 --> 00:02:19,264
To start with the system
58
00:02:20,544 --> 00:02:25,408
So using constrains even if they are self enforcement rant is a great way to make gravy
59
00:02:26,432 --> 00:02:30,784
Having an endless possibility of fonts and colors and and pictures and and graphic
60
00:02:31,040 --> 00:02:34,112
Thanks it's an easy way to get really overwhelmed so starting the system font
61
00:02:34,624 --> 00:02:35,648
Give me a strategy to
62
00:02:35,904 --> 00:02:37,184
To just make it a little bit easier on your
63
00:02:37,440 --> 00:02:41,280
So if you if you want to make it easier on yourself when you getting started then
64
00:02:41,536 --> 00:02:43,328
Just consider going with straight up
65
00:02:43,584 --> 00:02:44,864
Tried-and-true system
66
00:02:45,376 --> 00:02:46,656
It doesn't make you any less
67
00:02:47,936 --> 00:02:50,496
Don't encourage you to use Hammer Cisco Pro
68
00:02:51,264 --> 00:02:53,568
If you are designing for Apple based
69
00:02:53,824 --> 00:02:55,616
Things are even even like a web-based
70
00:02:55,872 --> 00:02:56,384
Application because
71
00:02:57,152 --> 00:02:58,944
Apple's using it and all their products and
72
00:02:59,200 --> 00:03:02,528
A lot of their products look really great so it's there's not a problem with going with us
73
00:03:02,784 --> 00:03:03,808
So you're completely
74
00:03:04,576 --> 00:03:06,112
Okay to use system font
75
00:03:06,368 --> 00:03:08,672
As long as you're able to use them in a very
76
00:03:12,768 --> 00:03:17,120
Alignment and spacing
77
00:03:18,144 --> 00:03:21,216
Can be easily applied to any of the system font that made them look great
78
00:03:21,472 --> 00:03:26,080
Performance is another really big factor when it comes to choosing a
79
00:03:27,104 --> 00:03:28,128
Speed and Performance
80
00:03:28,384 --> 00:03:30,944
Is typically pretty key when you're making apps
81
00:03:31,200 --> 00:03:32,224
Store websites
82
00:03:32,480 --> 00:03:32,992
Baking
83
00:03:33,760 --> 00:03:35,296
Set into a downloadable app
84
00:03:35,808 --> 00:03:39,648
Isn't that big of a deal in terms of overall app size and performance but
85
00:03:40,160 --> 00:03:46,304
When are using custom fonts on the web often times there's JavaScript that must be called and there's a third party
86
00:03:47,328 --> 00:03:52,192
A little bit
87
00:03:52,960 --> 00:03:57,056
And slower time means visitors bouncing visitors mounting means fewer conversions and
88
00:03:57,312 --> 00:03:57,824
At the end of the day
89
00:03:58,336 --> 00:03:59,872
We're designing websites mobile app
90
00:04:00,128 --> 00:04:00,896
For people to use
91
00:04:01,408 --> 00:04:03,456
So what's the point of Designing something that's hard to use
92
00:04:04,992 --> 00:04:06,528
I'm not trying to slam custom fonts
93
00:04:06,784 --> 00:04:07,552
I love
94
00:04:07,808 --> 00:04:08,320
Custom van
95
00:04:09,088 --> 00:04:11,136
You just have to be wise when you use them
96
00:04:11,392 --> 00:04:14,208
But there's so many considerations so again
97
00:04:14,464 --> 00:04:16,768
Don't feel bad to start with system fine
98
00:04:17,280 --> 00:04:18,047
Totally fine
99
00:04:18,303 --> 00:04:20,095
Cost can be another huge Factor
100
00:04:20,351 --> 00:04:22,399
Are you or your client willing to purchase
101
00:04:22,911 --> 00:04:24,959
Custom font or pay for and annually if there's
102
00:04:25,727 --> 00:04:29,055
Some kind of views per month of use per year associated with it
103
00:04:29,567 --> 00:04:31,359
I did one time even commit the client
104
00:04:31,615 --> 00:04:33,919
Not to spend over $1,000 on the complete
105
00:04:34,175 --> 00:04:34,687
FF mark
106
00:04:36,223 --> 00:04:42,111
And I really did believe that that was going to be an awesome font for their project and I thought it turned out great it was this guy Skinner Prague
107
00:04:42,623 --> 00:04:44,159
And some of the other examples
108
00:04:44,927 --> 00:04:48,255
And there's been plenty of other occasions where I suggested specialized funds
109
00:04:48,511 --> 00:04:49,535
For web design project
110
00:04:50,559 --> 00:04:53,119
Mobile a project is just a matter of doesn't make sense
111
00:04:53,375 --> 00:04:54,143
For that brand
112
00:04:54,655 --> 00:04:55,423
Doesn't make sense
113
00:04:55,679 --> 00:04:56,447
And for that project
114
00:04:56,703 --> 00:04:57,215
Stand
115
00:04:57,471 --> 00:04:59,775
Are the other factors kind of covered when you're considering those
116
00:05:01,823 --> 00:05:02,591
But I will say
117
00:05:03,103 --> 00:05:04,383
All of those would have been
118
00:05:04,639 --> 00:05:08,223
Also it would have been fine to use system fonts I've design so many projects
119
00:05:08,735 --> 00:05:11,295
With San Francisco or Roboto or
120
00:05:12,063 --> 00:05:13,343
A version of
121
00:05:13,855 --> 00:05:19,231
Avant that's already pre-baked into iOS like a veneer or any of the other pre-baked in apple
122
00:05:20,511 --> 00:05:23,327
Remember system fonts and their various ways
123
00:05:23,583 --> 00:05:24,863
Can take you very far
124
00:05:25,119 --> 00:05:26,911
You know look at the look at San Francisco
125
00:05:28,447 --> 00:05:30,495
Bold semi bald heavy there's
126
00:05:30,751 --> 00:05:33,055
There's a number of different ways that you can use it
127
00:05:33,567 --> 00:05:36,127
And at the end of the day I want to drill into you that
128
00:05:36,383 --> 00:05:37,151
System fonts
129
00:05:37,407 --> 00:05:38,431
Are a good thing
130
00:05:38,943 --> 00:05:42,015
And you really only need to venture outside the box when you reach a point where I just
131
00:05:42,271 --> 00:05:43,295
Feels like you need something
132
00:05:44,063 --> 00:05:46,879
And that might be on the project
133
00:05:47,135 --> 00:05:47,647
But I
134
00:05:47,903 --> 00:05:49,951
I want to recommend to starting with system bonds
135
00:05:50,719 --> 00:05:54,559
And that's okay but if you you know if you want to put it aside that's okay too
136
00:05:54,815 --> 00:05:56,351
You are the designer so unless
137
00:05:56,607 --> 00:05:59,423
There are specific requirements for your project
138
00:05:59,935 --> 00:06:01,983
Were there from the clients or whoever
139
00:06:02,495 --> 00:06:04,031
You should decide
140
00:06:04,287 --> 00:06:06,079
Fuse assistant pain and when you feel like going
141
00:06:06,847 --> 00:06:08,383
Talk to the developers talk to the client
142
00:06:08,895 --> 00:06:09,919
Call to whoever's involved
143
00:06:10,431 --> 00:06:11,711
And have those discussions up
144
00:06:12,223 --> 00:06:12,991
Silver homework
145
00:06:13,247 --> 00:06:16,319
I've been assigning most of the homework with the interface
146
00:06:17,343 --> 00:06:17,855
Open sores
147
00:06:18,367 --> 00:06:20,671
Working works well on both Mac and PC
148
00:06:21,183 --> 00:06:23,999
And there's a lot of projects in about had San Francisco
149
00:06:24,255 --> 00:06:25,279
GoPro that you've used
150
00:06:25,535 --> 00:06:26,047
Possibly
151
00:06:29,119 --> 00:06:29,887
Slightly different
152
00:06:30,399 --> 00:06:35,007
I want you to if you've used a Cisco Pro or enter for a lot of your projects
153
00:06:35,263 --> 00:06:37,567
I want you to just switch it up and try Roboto
154
00:06:37,823 --> 00:06:39,615
Or if you been using Roboto tricera
155
00:06:40,639 --> 00:06:41,663
But I would assume
156
00:06:41,919 --> 00:06:44,991
You probably been using enter or San Francisco so
157
00:06:45,247 --> 00:06:46,783
I thought you go with Roboto
158
00:06:47,295 --> 00:06:47,807
And
159
00:06:48,831 --> 00:06:49,599
You may want to make
160
00:06:49,855 --> 00:06:52,415
Slight change to the sizes or
161
00:06:52,927 --> 00:06:55,999
The way that this fonts being used but I want you to
162
00:06:56,255 --> 00:06:57,279
Redesign the
163
00:06:58,047 --> 00:06:58,559
Check out
164
00:06:59,071 --> 00:07:00,095
And have this Bianna
165
00:07:00,351 --> 00:07:00,863
Extension
166
00:07:01,119 --> 00:07:03,167
Some of the homework from the previous license where we had
167
00:07:03,423 --> 00:07:04,447
The e-commerce grid
168
00:07:04,703 --> 00:07:05,727
The product detail
169
00:07:06,239 --> 00:07:06,751
So now we're going to
170
00:07:07,263 --> 00:07:08,031
We're going to kind of
171
00:07:10,079 --> 00:07:15,199
Redesign the stripe checkout and it doesn't have to be a complete rethinking of the entire thing you can copy at basic
172
00:07:15,455 --> 00:07:16,223
Sickly as is
173
00:07:16,479 --> 00:07:17,247
Make some slight
174
00:07:18,015 --> 00:07:21,087
Put your product in there and use the Roboto font in just kind of see how it feels
175
00:07:21,855 --> 00:07:25,951
And you can do the web version or the mobile version like we did and some of the other ones
176
00:07:27,231 --> 00:07:28,511
I just want to
177
00:07:29,279 --> 00:07:31,839
The big takeaway for this lesson to be system font
178
00:07:32,607 --> 00:07:33,631
Are totally fine
179
00:07:34,143 --> 00:07:35,679
And you you can
180
00:07:35,935 --> 00:07:38,239
Learn a lot of the principles without having to make
181
00:07:38,751 --> 00:07:40,031
Decisions on custom fonts
182
00:07:40,287 --> 00:07:41,823
And only only venture out
183
00:07:42,335 --> 00:07:43,615
When you feel necessary
184
00:07:44,127 --> 00:07:45,151
And and
185
00:07:45,407 --> 00:07:46,943
You know you're not any less of a designer
186
00:07:47,455 --> 00:07:49,503
Cuz you're using San Francisco or you didn't come up with some
187
00:07:50,015 --> 00:07:50,783
Awesome fancy
188
00:07:51,039 --> 00:07:53,855
So let that message and power you and
189
00:07:54,367 --> 00:07:56,671
Let's get designing is homework with some good old
13838
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Cebuano
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Finnish
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hawaiian
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Khmer
Korean
Kurdish (Kurmanji)
Kyrgyz
Lao
Latvian
Lithuanian
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mongolian
Myanmar (Burmese)
Nepali
Norwegian
Pashto
Polish
Portuguese
Romanian
Russian
Samoan
Serbian
Sesotho
Shona
Sinhala
Slovak
Slovenian
Somali
Spanish
Swahili
Swedish
Tajik
Thai
Turkish
Ukrainian
Urdu
Uzbek
