How to Make an Event Flyer in Microsoft Word

Post pobrano z: How to Make an Event Flyer in Microsoft Word

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make an event flyer design in Microsoft Word. I will explain everything in so much detail that everyone can create it, even those who have just opened Word for the first time.

Want to save time? Why not head on over to GraphicRiver, where you can purchase style flyers which are compatible with Microsoft Word.

What You’ll Need

To recreate the flyer design above, you will need the following resources:

1. Let’s Get Started

First, we need to create the right
size paper to work with. Go to Page Layout > Size > More Paper Sizes
and set the Width to 8.5″ and Height to 11″.
Then, go to Page Layout > Margins > Custom Margins and set the Top,
Left, Bottom, and Right margins to 0„.

Adjusting page layout

2. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Insert > Picture
and choose the photo from the link.

Inserting picture

Step 2

Now go to Format > Size and set the Height of the picture to 11″. Then, go to Format > Text Wrapping
> Behind Text
.

Formatting picture size

Step 3

Go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the picture both horizontally and vertically.

Formatting picture alignment

Step 4

Now go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 5

Go to Format > Size,
uncheck the Lock aspect ratio option, and set the Height to 11″
and Width to 8.5″. Then, go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the shape both horizontally and vertically. 

After that, go
to Format > Shape Styles, and for the Fill set the Color to No Color, and for the Line, set the Color to White, Weight to 35 pt, and Dashed to Solid.

Formatting shape

3. How to Create the Header Area

Step 1

In this section, we are going to create the header area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline.

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 0.8″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 1.08″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 1.08″ below the page to align
and position the text box both horizontally and vertically. After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″ and the Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto, Size to 30, and Font Color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 30 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, After spacing to 2 pt, and
Line spacing to Single.

Adjusting font and paragraph

4. How to Create the Content Area

Step 1

In this section, we’re going to create the content area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 51, Green
to 51, Blue to 51, and Transparency to 50%, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 2.95″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward twice to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 2.93″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right and Bottom internal margins to 0″, Top to 0.15″, and Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Size to 100, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 10 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, Before spacing to 16 pt, After spacing to 0 pt, and
Line spacing to Exactly 70 pt.

Adjusting font and paragraph

Step 6

Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 7

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 1.34″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 8

Now go to Format > Send to Back > Send Backward three times to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 9

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 5.88″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 10

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Font Style to Bold, and Size to 30. Set the Font color to White and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 3 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 15 pt.

Adjusting font and paragraph

Step 11

Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 12

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 6.5″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 13

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 5 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 5 pt.

Adjusting font and paragraph

5. How to Create the Footer Area

Step 1

In this section, we’re going to create the footer area. Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere in the bottom-left corner of the design, and type the text that you want.

Inserting text box

Step 2

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Absolute Position to 0.67″ to the right of the page
and Vertical Absolute Position to 9.8″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 3

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. Then, go to Home > Paragraph and set
the Before spacing to 17 pt.

Adjusting font and paragraph

Step 4

Select the text box, and press Control-C
on your keyboard to copy it, select the background image, and press Control-V to
paste it. 

Then, change the text to text that you want, go to Home >
Paragraph
, and set the Alignment to Right. After that, go to
Format > Position > More Layout Options
and set the Horizontal Absolute Position to 6.19″ to the right of the page and Vertical Absolute Position to 9.8″
below the page to align and position the text box both horizontally and
vertically.

Adjusting font and paragraph

You Made It!

Congratulations, you have succeeded! You have now learned how to make a flyer design in Word
which would work as a base for any future event flyer templates you may
require. Here is our final flyer design result:

Final result

You may also like:

5 Awesome Tips to Create Stunning Business Cards

Post pobrano z: 5 Awesome Tips to Create Stunning Business Cards

If you want to position your brand, it’s not just enough to make a good face to face impression. Make no mistake. I don’t mean that face to face impressions aren’t important. But you often have to follow them up with a business card. As a matter of fact, a business card sometimes doubles up as a first impression and also as a follow-up reminder as to why customers should pay attention to your brand in the first place.

The danger though is that with more
and more businesses creating business cards, it has become a lot harder to
stand out and that could lead to fewer eyeballs looking at your business card.
To help solve the issue, I will walk you through 5 awesome tips to help you
come up with a better business card design
for your next card. By the end of this post, you will have a clear sense of
what you need to do to create stunning business cards.

Sounds good?

Let’s begin.

5
Awesome Business Card Design Tips

Experiment
with Your Colors

Yes, you want your business card to
right off the bat define your value and differentiate you from your
competitors, but you also want to appeal to your client’s emotions. And nothing
appeals to people’s emotions better than color. I’ll admit there are two sides
to this argument. Some people believe colors draw people and appeal to their
emotions while others argue that if you use the wrong colors, you lose your
audience before you even get a chance to sell them your ideas. The jury is
still out on this one. But the truth is color impacts everyone.

So you will want to get a deeper
understanding of color psychology so that you can use that knowledge to predict
people’s responses. For example, psychology tells us that black is somber color
and is often associated with death. So if you want to make an impression, then
you might want to use black sparingly or completely forget about incorporating
it into your business card design.

In contrast, white sends a different
message altogether. It says elegance. It says sophistication and is often
associated with high-end luxury brands. On the other end of the spectrum, pink
comes across as being more feminine. It represents sweetness, love, warmth, and
sexuality. So once a customer sees a pink shade, it tells them that they can
get female apparel and female necessities.

Switch
Up the Texture

The card’s texture is a priceless business card design asset. You know
how people are said to be visually inclined to like something from the onset.
Well, the same principle applies to texture. Only that with a textured card,
you are engaging multiple senses.

This means that customers can create
more memories with your brand and will, therefore, be more likely to give you a
call or make an order.

The question is: How do you give the
card texture? Simple: change the paper stock. Instead of using convectional
paper stocks, look for a more modern paper stock with a unique feel to it.
Something crisp and witty but still professional.

Another way to switch up the texture
is to go for an entirely new manufacturing material. This gives you the chance
to surprise your audience in a whole new way since no one will be expecting a
card made out of cotton, leather, wood, crackers or chocolate.

Use
Unique Shapes

You may not realize it, but shapes
have quite an impact on our daily lives. I mean think about it. There are
shapes everywhere. And just like colors, they have their own set of
psychological associations. So for instance, when we come across the octagonal
shape on the road, our first instinct is to stop while the cross symbol denotes
first aid. Again, you will want to do a little research into the psychology
behind shapes so that you influence the correct response. After all, you don’t
want to send the wrong message, do you?

Enhance
your Layout

I’d venture to say that the business
card layout is the most important aspect of creating a stunning card. That’s a
pretty big claim, right? But it makes perfect sense when you think about it.
The whole point of creating a business card is so that people can read it. If
customers cannot read what is on the business card, it’s a complete waste of
time. So you will want to ensure that you leverage the power of readability by
enhancing the layout.

Space
It Out

Very closely tied to the layout is
space. Just as with any other kind of design, spacing up elements on your
business card unclutters the card and gives a little more breathing space to
enhance readability. However, remember you also don’t want to put in too much
white space and make it seem like elements are floating all over the place. You
will need to ensure that there’s a balance to ensure cohesion.

Wrapping
It Up

There you have it, folks! A
comprehensive blog post on what you need to create stunning business cards. Of
course, there’s a bazillion of other tips I could have included, but these are
the most important yet. Be sure to leverage different colors and creative
textures to come up with a better business
card design
for your card. Also, ensure that you enhance the layout and
space out elements for maximum readability.

As always I hope that this information
has been helpful.

5 Awesome Tips to Create Stunning Business Cards

Post pobrano z: 5 Awesome Tips to Create Stunning Business Cards

If you want to position your brand, it’s not just enough to make a good face to face impression. Make no mistake. I don’t mean that face to face impressions aren’t important. But you often have to follow them up with a business card. As a matter of fact, a business card sometimes doubles up as a first impression and also as a follow-up reminder as to why customers should pay attention to your brand in the first place.

The danger though is that with more
and more businesses creating business cards, it has become a lot harder to
stand out and that could lead to fewer eyeballs looking at your business card.
To help solve the issue, I will walk you through 5 awesome tips to help you
come up with a better business card design
for your next card. By the end of this post, you will have a clear sense of
what you need to do to create stunning business cards.

Sounds good?

Let’s begin.

5
Awesome Business Card Design Tips

Experiment
with Your Colors

Yes, you want your business card to
right off the bat define your value and differentiate you from your
competitors, but you also want to appeal to your client’s emotions. And nothing
appeals to people’s emotions better than color. I’ll admit there are two sides
to this argument. Some people believe colors draw people and appeal to their
emotions while others argue that if you use the wrong colors, you lose your
audience before you even get a chance to sell them your ideas. The jury is
still out on this one. But the truth is color impacts everyone.

So you will want to get a deeper
understanding of color psychology so that you can use that knowledge to predict
people’s responses. For example, psychology tells us that black is somber color
and is often associated with death. So if you want to make an impression, then
you might want to use black sparingly or completely forget about incorporating
it into your business card design.

In contrast, white sends a different
message altogether. It says elegance. It says sophistication and is often
associated with high-end luxury brands. On the other end of the spectrum, pink
comes across as being more feminine. It represents sweetness, love, warmth, and
sexuality. So once a customer sees a pink shade, it tells them that they can
get female apparel and female necessities.

Switch
Up the Texture

The card’s texture is a priceless business card design asset. You know
how people are said to be visually inclined to like something from the onset.
Well, the same principle applies to texture. Only that with a textured card,
you are engaging multiple senses.

This means that customers can create
more memories with your brand and will, therefore, be more likely to give you a
call or make an order.

The question is: How do you give the
card texture? Simple: change the paper stock. Instead of using convectional
paper stocks, look for a more modern paper stock with a unique feel to it.
Something crisp and witty but still professional.

Another way to switch up the texture
is to go for an entirely new manufacturing material. This gives you the chance
to surprise your audience in a whole new way since no one will be expecting a
card made out of cotton, leather, wood, crackers or chocolate.

Use
Unique Shapes

You may not realize it, but shapes
have quite an impact on our daily lives. I mean think about it. There are
shapes everywhere. And just like colors, they have their own set of
psychological associations. So for instance, when we come across the octagonal
shape on the road, our first instinct is to stop while the cross symbol denotes
first aid. Again, you will want to do a little research into the psychology
behind shapes so that you influence the correct response. After all, you don’t
want to send the wrong message, do you?

Enhance
your Layout

I’d venture to say that the business
card layout is the most important aspect of creating a stunning card. That’s a
pretty big claim, right? But it makes perfect sense when you think about it.
The whole point of creating a business card is so that people can read it. If
customers cannot read what is on the business card, it’s a complete waste of
time. So you will want to ensure that you leverage the power of readability by
enhancing the layout.

Space
It Out

Very closely tied to the layout is
space. Just as with any other kind of design, spacing up elements on your
business card unclutters the card and gives a little more breathing space to
enhance readability. However, remember you also don’t want to put in too much
white space and make it seem like elements are floating all over the place. You
will need to ensure that there’s a balance to ensure cohesion.

Wrapping
It Up

There you have it, folks! A
comprehensive blog post on what you need to create stunning business cards. Of
course, there’s a bazillion of other tips I could have included, but these are
the most important yet. Be sure to leverage different colors and creative
textures to come up with a better business
card design
for your card. Also, ensure that you enhance the layout and
space out elements for maximum readability.

As always I hope that this information
has been helpful.

5 Awesome Tips to Create Stunning Business Cards

Post pobrano z: 5 Awesome Tips to Create Stunning Business Cards

If you want to position your brand, it’s not just enough to make a good face to face impression. Make no mistake. I don’t mean that face to face impressions aren’t important. But you often have to follow them up with a business card. As a matter of fact, a business card sometimes doubles up as a first impression and also as a follow-up reminder as to why customers should pay attention to your brand in the first place.

The danger though is that with more
and more businesses creating business cards, it has become a lot harder to
stand out and that could lead to fewer eyeballs looking at your business card.
To help solve the issue, I will walk you through 5 awesome tips to help you
come up with a better business card design
for your next card. By the end of this post, you will have a clear sense of
what you need to do to create stunning business cards.

Sounds good?

Let’s begin.

5
Awesome Business Card Design Tips

Experiment
with Your Colors

Yes, you want your business card to
right off the bat define your value and differentiate you from your
competitors, but you also want to appeal to your client’s emotions. And nothing
appeals to people’s emotions better than color. I’ll admit there are two sides
to this argument. Some people believe colors draw people and appeal to their
emotions while others argue that if you use the wrong colors, you lose your
audience before you even get a chance to sell them your ideas. The jury is
still out on this one. But the truth is color impacts everyone.

So you will want to get a deeper
understanding of color psychology so that you can use that knowledge to predict
people’s responses. For example, psychology tells us that black is somber color
and is often associated with death. So if you want to make an impression, then
you might want to use black sparingly or completely forget about incorporating
it into your business card design.

In contrast, white sends a different
message altogether. It says elegance. It says sophistication and is often
associated with high-end luxury brands. On the other end of the spectrum, pink
comes across as being more feminine. It represents sweetness, love, warmth, and
sexuality. So once a customer sees a pink shade, it tells them that they can
get female apparel and female necessities.

Switch
Up the Texture

The card’s texture is a priceless business card design asset. You know
how people are said to be visually inclined to like something from the onset.
Well, the same principle applies to texture. Only that with a textured card,
you are engaging multiple senses.

This means that customers can create
more memories with your brand and will, therefore, be more likely to give you a
call or make an order.

The question is: How do you give the
card texture? Simple: change the paper stock. Instead of using convectional
paper stocks, look for a more modern paper stock with a unique feel to it.
Something crisp and witty but still professional.

Another way to switch up the texture
is to go for an entirely new manufacturing material. This gives you the chance
to surprise your audience in a whole new way since no one will be expecting a
card made out of cotton, leather, wood, crackers or chocolate.

Use
Unique Shapes

You may not realize it, but shapes
have quite an impact on our daily lives. I mean think about it. There are
shapes everywhere. And just like colors, they have their own set of
psychological associations. So for instance, when we come across the octagonal
shape on the road, our first instinct is to stop while the cross symbol denotes
first aid. Again, you will want to do a little research into the psychology
behind shapes so that you influence the correct response. After all, you don’t
want to send the wrong message, do you?

Enhance
your Layout

I’d venture to say that the business
card layout is the most important aspect of creating a stunning card. That’s a
pretty big claim, right? But it makes perfect sense when you think about it.
The whole point of creating a business card is so that people can read it. If
customers cannot read what is on the business card, it’s a complete waste of
time. So you will want to ensure that you leverage the power of readability by
enhancing the layout.

Space
It Out

Very closely tied to the layout is
space. Just as with any other kind of design, spacing up elements on your
business card unclutters the card and gives a little more breathing space to
enhance readability. However, remember you also don’t want to put in too much
white space and make it seem like elements are floating all over the place. You
will need to ensure that there’s a balance to ensure cohesion.

Wrapping
It Up

There you have it, folks! A
comprehensive blog post on what you need to create stunning business cards. Of
course, there’s a bazillion of other tips I could have included, but these are
the most important yet. Be sure to leverage different colors and creative
textures to come up with a better business
card design
for your card. Also, ensure that you enhance the layout and
space out elements for maximum readability.

As always I hope that this information
has been helpful.

7 things every design student should know to succeed

Post pobrano z: 7 things every design student should know to succeed

Design is an extraordinarily competitive yet rewarding industry, and as such, any aspiring design student must work hard to break even. With design, it is a whole new world altogether. Students will embark on a somewhat artistic journey, gradually exploring from being a student to assuming his/her place as a professional. Initially, things can get quite challenging. These are however the opportunities that help them develop their expertise as a designer. If you are a design student just starting out in the industry and striving to make your mark, below are seven great tips to guide you through our career path:

1. Get Organized

As many established designers will
attest to, one of the most important things a designer needs to do is be well-organized. It is important
that you detail everything that you aspire to accomplish including deadlines in
chronological order. One way you can do this is by investing in a calendar. You can use it as a planner
to help you keep track of all your objectives and project process.  Why is this important? Once you list them in
chronological order, it is hard to miss or to fall behind on essential assignments;
and if you are overwhelmed with tasks and can’t quite work on all of them in
time to beat your deadline, you can always seek for professional assistance
from online essay writers especially one that can handle design assignments.

All you need to do is request an
online professional writer. However before doing so, do some research about the
writing service, and once you have several options, ask yourself various
questions like who can write my essay
cheap
but still produce quality work? Or who is the best essay writer
online? This way, you can narrow down your options and pick out the best online
helper for you. 

Finally, learn to strictly stick to
all your deadlines as well as ensuring that you never miss any of your
assignments since this reflects well on your ability to meet and even exceed
client expectations in your career.

2. Prioritize

As mentioned earlier, design is a
highly competitive and demanding trade, and as such, it is essential for any
design student aspiring to become
successful in their field
to set their priorities straight. Learning how to
prioritize starts with something as simple as knowing when to study and when to
socialize. Essentially, you need to spend more time working to sharpen your
skill set and complete projects compared to the time you do for other leisurely
activities such as socializing.

Prioritizing works for both subject management and projects. As such, it is also vital that you determine those subjects that need more attention
to allow you to focus your energy on them. By doing so, you are not only able
to manage your time effectively, but you also free up extra time to improve
your overall performance.

3. Give Yourself Time

Just like preparing for an exam,
design assignments and projects cannot be completed overnight. As a student, it
is important to realize that assignments as well as projects will be handed out
ahead of time and will usually require a specific time frame to submit or
complete, although this depends on the subject/assignment difficulty.

When it comes to time, ensure that
you set yourself to always ‘overestimate’ the time needed to complete each
project. Be sure never to eyeball how much time you assume you will
require.  If you manage to complete a
project before the deadline, you can benefit from the extra time to either
review it or engage in other activities. 

Once you establish yourself as a
professional designer, you will discover that ‘the overestimation’ technique
will save you quite some time allowing you to be effectively detail-oriented as
well as more effective in your duties.

4. Build Yourself a Network

Any aspiring designer looking to
make a name in the industry must invest in building themselves a network. Why?
Networking allows you to pool both resources and expertise to your benefit. However,
if you are requested to write my essay cheap in design, there are plenty of professional writing services
eager to help you online.

Design is a diverse field with
various specialties. Once you are in business, you will discover that you may
need professional assistance from experts in other areas. As such, work to
build a close network of individuals to form a potential list of partners who
can offer you professional assistance when you start your career.

Use a friendly approach to win over
these individuals and ensure that you keep in touch with individuals who may be
specialists in other areas or working with other firms/agencies. Be keen to
establish genuine connections for both your professional future as well as personal growth.

5. Invest in Your Portfolio

As a designer, it is vital that you
take the time to build a portfolio. Start by taking time to identify both your
strengths as well as your weaknesses. Get organized and also take time to
understand why in particular you have picked various components to include in
your portfolio. Why? This will ensure that you have an easy time figuring out
why you have selected specific works to include in your portfolio for
showcasing.

6. Learn to take criticism

Being a designer entails numerous
things, and one vital component is to know how to take criticism. In this line of work,
you can expect adverse reactions from various individuals. However, the key is
to learn not to take it to heart. After all, aren’t setbacks supposed to help
you work even harder?

By knowing how to handle criticism,
you can get yourself up even after failing to land a job or an internship. You
should accept that although a client or agency has not taken you, they may need
your expertise in the future.

7. Have a strong sense of Self-Belief

As competitive as the design
industry is, it is essential that you identify your worth, stick by your values
and take great pride in it. This, in essence, allows people to see it and
subsequently respect it.

Before you seek the opinion of other
individuals about your work, it is important that you value it yourself first.
How you value, yourself will reflect on your designs and creations not to
mention that it will play a significant role in how you market your work. If
you don’t believe in your art or its value, it will be impossible to sell it to
others.

As a first, it is crucial you
understand that both your efforts and time are worth the overall price of your
work. By believing in both your work as well as your craft, you will have no
problem overcoming intimidation, and demeaning criticism will not shake you or
affect how you work.

Conclusion

It is the dream of every aspiring
designer to make it big. However, to succeed in a field as competitive as
design, it is necessary for any design student to understand what is required
of them. With these few tips, you can effectively propel yourself to ultimate
success in your career. Even so, be sure to keep in mind that design is a
quest. Keep calm, remain focused, and most importantly, enjoy yourself!

7 things every design student should know to succeed

Post pobrano z: 7 things every design student should know to succeed

Design is an extraordinarily competitive yet rewarding industry, and as such, any aspiring design student must work hard to break even. With design, it is a whole new world altogether. Students will embark on a somewhat artistic journey, gradually exploring from being a student to assuming his/her place as a professional. Initially, things can get quite challenging. These are however the opportunities that help them develop their expertise as a designer. If you are a design student just starting out in the industry and striving to make your mark, below are seven great tips to guide you through our career path:

1. Get Organized

As many established designers will
attest to, one of the most important things a designer needs to do is be well-organized. It is important
that you detail everything that you aspire to accomplish including deadlines in
chronological order. One way you can do this is by investing in a calendar. You can use it as a planner
to help you keep track of all your objectives and project process.  Why is this important? Once you list them in
chronological order, it is hard to miss or to fall behind on essential assignments;
and if you are overwhelmed with tasks and can’t quite work on all of them in
time to beat your deadline, you can always seek for professional assistance
from online essay writers especially one that can handle design assignments.

All you need to do is request an
online professional writer. However before doing so, do some research about the
writing service, and once you have several options, ask yourself various
questions like who can write my essay
cheap
but still produce quality work? Or who is the best essay writer
online? This way, you can narrow down your options and pick out the best online
helper for you. 

Finally, learn to strictly stick to
all your deadlines as well as ensuring that you never miss any of your
assignments since this reflects well on your ability to meet and even exceed
client expectations in your career.

2. Prioritize

As mentioned earlier, design is a
highly competitive and demanding trade, and as such, it is essential for any
design student aspiring to become
successful in their field
to set their priorities straight. Learning how to
prioritize starts with something as simple as knowing when to study and when to
socialize. Essentially, you need to spend more time working to sharpen your
skill set and complete projects compared to the time you do for other leisurely
activities such as socializing.

Prioritizing works for both subject management and projects. As such, it is also vital that you determine those subjects that need more attention
to allow you to focus your energy on them. By doing so, you are not only able
to manage your time effectively, but you also free up extra time to improve
your overall performance.

3. Give Yourself Time

Just like preparing for an exam,
design assignments and projects cannot be completed overnight. As a student, it
is important to realize that assignments as well as projects will be handed out
ahead of time and will usually require a specific time frame to submit or
complete, although this depends on the subject/assignment difficulty.

When it comes to time, ensure that
you set yourself to always ‘overestimate’ the time needed to complete each
project. Be sure never to eyeball how much time you assume you will
require.  If you manage to complete a
project before the deadline, you can benefit from the extra time to either
review it or engage in other activities. 

Once you establish yourself as a
professional designer, you will discover that ‘the overestimation’ technique
will save you quite some time allowing you to be effectively detail-oriented as
well as more effective in your duties.

4. Build Yourself a Network

Any aspiring designer looking to
make a name in the industry must invest in building themselves a network. Why?
Networking allows you to pool both resources and expertise to your benefit. However,
if you are requested to write my essay cheap in design, there are plenty of professional writing services
eager to help you online.

Design is a diverse field with
various specialties. Once you are in business, you will discover that you may
need professional assistance from experts in other areas. As such, work to
build a close network of individuals to form a potential list of partners who
can offer you professional assistance when you start your career.

Use a friendly approach to win over
these individuals and ensure that you keep in touch with individuals who may be
specialists in other areas or working with other firms/agencies. Be keen to
establish genuine connections for both your professional future as well as personal growth.

5. Invest in Your Portfolio

As a designer, it is vital that you
take the time to build a portfolio. Start by taking time to identify both your
strengths as well as your weaknesses. Get organized and also take time to
understand why in particular you have picked various components to include in
your portfolio. Why? This will ensure that you have an easy time figuring out
why you have selected specific works to include in your portfolio for
showcasing.

6. Learn to take criticism

Being a designer entails numerous
things, and one vital component is to know how to take criticism. In this line of work,
you can expect adverse reactions from various individuals. However, the key is
to learn not to take it to heart. After all, aren’t setbacks supposed to help
you work even harder?

By knowing how to handle criticism,
you can get yourself up even after failing to land a job or an internship. You
should accept that although a client or agency has not taken you, they may need
your expertise in the future.

7. Have a strong sense of Self-Belief

As competitive as the design
industry is, it is essential that you identify your worth, stick by your values
and take great pride in it. This, in essence, allows people to see it and
subsequently respect it.

Before you seek the opinion of other
individuals about your work, it is important that you value it yourself first.
How you value, yourself will reflect on your designs and creations not to
mention that it will play a significant role in how you market your work. If
you don’t believe in your art or its value, it will be impossible to sell it to
others.

As a first, it is crucial you
understand that both your efforts and time are worth the overall price of your
work. By believing in both your work as well as your craft, you will have no
problem overcoming intimidation, and demeaning criticism will not shake you or
affect how you work.

Conclusion

It is the dream of every aspiring
designer to make it big. However, to succeed in a field as competitive as
design, it is necessary for any design student to understand what is required
of them. With these few tips, you can effectively propel yourself to ultimate
success in your career. Even so, be sure to keep in mind that design is a
quest. Keep calm, remain focused, and most importantly, enjoy yourself!

Design Deals for the Week

Post pobrano z: Design Deals for the Week

Every week, we’ll give you an overview of the best deals for designers, make sure you don’t miss any by subscribing to our deals feed. You can also follow the recently launched website Type Deals if you are looking for free fonts or font deals.

92 IN ONE, Exclusive Fonts Bundle

Save 97% on this collection of 92 premium fonts, culled from 30 unique typefaces. You’ll get a wide range of styles from script to sans to display, as well as OpenType Features and a slew of bonuses such as vector illustrations and texture images.

$15 instead of $450 – Get it now!

Huge WooStroid2 theme Update with 30% Discount

From January, 28 till February, 2, you’ll be able to get Woostroid WooCommerce theme at a 30% lower price. Woostroid2 is multipurpose WooCommerce theme, with JetPlugins inside. With the help of this theme you are able to build your eCommerce Store within a week Smile.

$95 instead of $135 – Get it now!

The Mega Craft Bundle

The Mega Craft Bundle is the biggest SVG Craft Bundle EVER made and comes with OVER 1000 SVG files.

$19 instead of $161 – Get it now!

11 Premium Fresh Pressed Fonts

Fresh Pressed Fonts is a collection of 11 premium fonts from Ryan Welch. You’ll get everything from serifs to display fonts, along with a wide variety of styles from ultra-condensed to futuristic. With the included extended license, you can create just about anything under the sun such as T-shirts, packaging, posters, logos and more.

$9 instead of $91 – Get it now!

S&S Nickson Font Bundle of 15 Display, Script, Illustrations and More Typefaces

How would you like a collection of fonts that are strong enough to stand on their own, but creative enough to pair beautifully with one another? That’s exactly what you’ll get with the S&S Nickson Font Bundle Collection! Take home 15 different typefaces in a variety of creatively elegant styles including display fonts, script, illustrations, badges and more!

$12 instead of $25 – Get it now!

Design Deals for the Week

Post pobrano z: Design Deals for the Week

Every week, we’ll give you an overview of the best deals for designers, make sure you don’t miss any by subscribing to our deals feed. You can also follow the recently launched website Type Deals if you are looking for free fonts or font deals.

92 IN ONE, Exclusive Fonts Bundle

Save 97% on this collection of 92 premium fonts, culled from 30 unique typefaces. You’ll get a wide range of styles from script to sans to display, as well as OpenType Features and a slew of bonuses such as vector illustrations and texture images.

$15 instead of $450 – Get it now!

Huge WooStroid2 theme Update with 30% Discount

From January, 28 till February, 2, you’ll be able to get Woostroid WooCommerce theme at a 30% lower price. Woostroid2 is multipurpose WooCommerce theme, with JetPlugins inside. With the help of this theme you are able to build your eCommerce Store within a week Smile.

$95 instead of $135 – Get it now!

The Mega Craft Bundle

The Mega Craft Bundle is the biggest SVG Craft Bundle EVER made and comes with OVER 1000 SVG files.

$19 instead of $161 – Get it now!

11 Premium Fresh Pressed Fonts

Fresh Pressed Fonts is a collection of 11 premium fonts from Ryan Welch. You’ll get everything from serifs to display fonts, along with a wide variety of styles from ultra-condensed to futuristic. With the included extended license, you can create just about anything under the sun such as T-shirts, packaging, posters, logos and more.

$9 instead of $91 – Get it now!

S&S Nickson Font Bundle of 15 Display, Script, Illustrations and More Typefaces

How would you like a collection of fonts that are strong enough to stand on their own, but creative enough to pair beautifully with one another? That’s exactly what you’ll get with the S&S Nickson Font Bundle Collection! Take home 15 different typefaces in a variety of creatively elegant styles including display fonts, script, illustrations, badges and more!

$12 instead of $25 – Get it now!

Is Your Website Obsolete? Here’s How to Tell

Post pobrano z: Is Your Website Obsolete? Here’s How to Tell

Standards for web design tend to change quickly — with millions of business owners lagging behind the new norms. Consumers take no time at all to get used to new features or layouts, and in a matter of months, your once-impressive and once-new website can look antiquated by comparison. If you aren’t keeping up with the latest design trends, you may fall behind the competition, resulting in damage to your reputation, less online visitor engagement and less revenue.

The problem is, it’s hard to tell whether
new design trends are gimmicks or whether they’re here to stay, and it’s not
always evident when your site has fallen behind the times. So how are you supposed
to tell when your website is obsolete?

Key
Strategies

These approaches will help you stay plugged
into the latest web design trends, and ensure you stay a step ahead of the
competition:

  • Work
    with an online marketing agency.
    You
    could start by working with an online marketing agency, like Simple
    Machines
    Marketing.
    Online marketing agencies are constantly paying attention to the latest design
    trends and are occasionally innovating some of their own too. They’re much more
    experienced and will be much more likely to detect when a new trend begins to
    solidify, so they can take action when it’s time to give your site a facelift.
  • Read
    more web design blogs.
    You can
    also spend more time perusing web design blogs, like Smashing Magazine. These sources constantly churn out new content about the
    latest in web design trends and point out the sites that are most innovative in
    their respective industries. The more time you spend reading this material, the
    more closely acquainted you’ll become with the web design industry, and the
    easier you’ll be able to spot areas where your site is falling behind.
  • Visit
    a diversity of websites.
    It’s
    helpful to visit and browse many types of websites from many types of
    industries and preferably, with very different layouts. This doesn’t have to be
    a daily task, but do browse new sites on a regular basis, and take note of what
    they’re doing differently. This can be a tremendous source of inspiration — and
    a wake-up call that your site isn’t up-to-date.
  • Commit
    to periodic redesigns.
    You can
    also simply commit to periodically redesigning your site. For example, if you
    update your site once every year, you’ll be forced to reevaluate your previous
    designs and examine some of the latest trends that have taken hold in the web
    design world. This can get expensive if you redesign too frequently, so try to
    find an ideal pace for your industry — some businesses will be forced to adapt
    faster than others.

Points
to Monitor

If you’re going to monitor your website’s
age and modernity on your own, keep an eye out for these important main points
as indicators of obsolescence:

  • Sheer age. All sites become outdated eventually. Trends never stay the same for too long, so if your website was designed five years ago or longer, it almost certainly will need an upgrade. The longer you’ve gone since your last site update, the more likely it is to be out of date. This is why regular updates are such an effective strategy.
  • Technological compatibility. You’ll also need to consider the technical compatibility of your website. For example, many websites started to become obsolete once mobile devices became more popular for browsing and companies like Google took a stand to make “mobile friendliness” and responsive web design the new norms. If your site can’t be easily or conveniently run on the latest devices, browsers, and operating systems, it needs to be revisited. Otherwise, consumers won’t be able to access it easily.
  • Navigation and functionality. Also, think about how your visitors are going to navigate your website and access certain functions. Some navigation elements, like hamburger-style menus, originated as novel ways to make navigation more convenient, but have become obsolete over time. Check these elements and consider how easy your site is to use by comparing it to similar sites from competitors.
  • Performance. Finally, consider how your site is performing. If you find it constantly crashing or if it starts taking several seconds to load a page, it’s a sign there’s something wrong with it. Web visitors aren’t going to tolerate a site that won’t load properly, or one that takes too long compared to other modern sites.

When your website starts underperforming or
seems like it could use an update, you don’t necessarily have to tear the whole
thing down and start over. Instead, a few tweaks, or a migration to a new platform
might be all you need. Pay close attention to the quality and newness of your
site at all times, and you should have no trouble keeping it up-to-date.

The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

Post pobrano z: The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline.

SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick and simple interactions where it used to take crafty CSS tricks or swapping out entire image files.

Those interactions include changing color on hover states. It sounds like such a straightforward thing here in 2019, but there are actually a few totally valid ways to go about it — which only demonstrates the awesome powers of SVG more.

First off, let’s begin with a little abbreviated SVG markup:

<svg class="icon">
  <path .../>
</svg>

Target the .icon class in CSS and set the SVG fill property on the hover state to swap colors.

.icon:hover {
  fill: #DA4567;
}

This is by far the easiest way to apply a colored hover state to an SVG. Three lines of code!

SVGs can also be referenced using an <img> tag or as a background image. This allows the images to be cached and we can avoid bloating your HTML with chunks of SVG code. But the downside is a big one: we no longer have the ability to manipulate those properties using CSS. Whenever I come across non-inline icons, my first port of call is to inline them, but sometimes that’s not an option.

I was recently working on a project where the social icons were a component in a pattern library that everyone was happy with. In this case, the icons were being referenced from an <img> element. I was tasked with applying colored :focus and :hover styles, without adjusting the markup.

So, how do you go about adding a colored hover effect to an icon if it’s not an inline SVG?

CSS Filters

CSS filters allow us to apply a whole bunch of cool, Photoshop-esque effects right in the browser. Filters are applied to the element after the browser renders layout and initial paint, which means they fall back gracefully. They apply to the whole element, including children. Think of a filter as a lens laid over the top of the element it’s applied to.

These are the CSS filters available to us:

  • brightness(<number-percentage>);
  • contrast(<number-percentage>);
  • grayscale(<number-percentage>);
  • invert(<number-percentage>);
  • opacity(<number-percentage>);
  • saturate(<number-percentage>);
  • sepia(<number-percentage>);
  • hue-rotate(<angle>);
  • blur(<length>);
  • drop-shadow(<length><color>);

All filters take a value which can be changed to adjust the effect. In most cases, this value can be expressed in either a decimal or percent units (e.g. brightness(0.5) or brightness(50%)).

Straight out of the box, there’s no CSS filter that allows us to add our own specific color.
We have hue-rotate(), but that only adjusts an existing color; it doesn’t add a color, which is no good since we’re starting with a monochromatic icon.

The game-changing bit about CSS filters is that we don’t have to use them in isolation. Multiple filters can be applied to an element by space-separating the filter functions like this:

.icon:hover {
  filter: grayscale(100%) sepia(100%);
}

If one of the filter functions doesn’t exist, or has an incorrect value, the whole list is ignored and no filter will be applied to the element.

When applying multiple filter functions to an element, their order is important and will affect the final output. Each filter function will be applied to the result of the previous operation.

So, in order to colorize our icons, we have to find the right combination.

To make use of hue-rotate(), we need to start off with a colored icon. The sepia() filter is the only filter function that allows us to add a color, giving the filtered element a yellow-brown-y tinge, like an old photo.

The output color is dependent on the starting tonal value:

In order to add enough color with sepia(), we first need to use invert() to convert our icon to a medium grey:

.icon:hover {
  filter: invert(0.5)
}

We can then add the yellow/brown tone with sepia():

.icon:hover {
  filter: invert(0.5) sepia(1);
}

…then change the hue with hue-rotate():

.icon:hover {
  filter: invert(0.5) sepia(1) hue-rotate(200deg);                                  
}

Once we have the rough color we want, we can tweak it with saturation() and brightness():

.icon:hover {
  filter: 
    invert(0.5)
    sepia(1)
    hue-rotate(200deg)
    saturate(4)
    brightness(1);
}

I’ve made a little tool for this to make your life a little easier, as this is a pretty confusing process to guesstimate.

See the Pen CSS filter example by Cassie Evans (@cassie-codes)
on CodePen.

Even with the tool, it’s still a little fiddly, not supported by Internet Explorer, and most importantly, you’re unable to specify a precise color.

This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.

Desktop

Chrome Opera Firefox IE Edge Safari
18* 15* 35 No 18 6*

Mobile / Tablet

iOS Safari Opera Mobile Opera Mini Android Android Chrome Android Firefox
6.0-6.1* 46 No 4.4* 71 64

So, what do we do if we need a specific hex code?

SVG Filters

If we need more precise control (and better browser support) than CSS filters can offer, then it’s time to turn to SVG.

Filters originally came from SVG. In fact, under the hood, CSS filters are just shortcuts to SVG filters with a particular set of values baked in.

Unlike CSS, the filter isn’t predefined for us, so we have to create it. How do we do this?

This is the syntax to define a filter:

<svg xmlns="<http://www.w3.org/2000/svg>" version="1.1">
  <defs>
    <filter id="id-of-your-filter">
      ...          
      
      ...
    </filter>
    ...
  </defs>
</svg>

Filters are defined by a <filter> element, which goes inside the <defs> section of an SVG.

SVG filters can be applied to SVG content within the same SVG document. Or, the filter can be referenced and applied to HTML content elsewhere.

To apply an SVG filter to HTML content, we reference it the same way as a CSS filter: by using the url() filter function. The URL points to the ID of the SVG filter.

.icon:hover {
  filter: url('#id-of-your-filter');
}

The SVG filter can be placed inline in the document or the filter function can reference an external SVG. I prefer the latter route as it allows me to keep my SVG filters tidied away in an assets folder.

.icon:hover {
  filter: url('assets/your-SVG.svg#id-of-your-filter');
}

Back to the <filter> element itself.

<filter id="id-of-your-filter">
  ...          
  
  ...
</filter>

Right now, this filter is empty and won’t do anything as we haven’t defined a filter primitive. Filter primitives are what create the filter effects. There are a number of filter primitives available to us, including:

  • [<feBlend>]
  • [<feColorMatrix>]
  • [<feComponentTransfer>]
  • [<feComposite>]
  • [<feConvolveMatrix>]
  • [<feDiffuseLighting>]
  • [<feDisplacementMap>]
  • [<feDropShadow>]
  • [<feFlood>]
  • [<feGaussianBlur>]
  • [<feImage>]
  • [<feMerge>]
  • [<feMorphology>]
  • [<feOffset>]
  • [<feSpecularLighting>]
  • [<feTile>]
  • [<feTurbulence>]

Just like with CSS filters, we can use them on their own or include multiple filter primitives in the <filter> tag for more interesting effects. If more than one filter primitive is used, then each operation will build on top of the previous one.

For our purposes we’re just going to use feColorMatrix, but if you want to know more about SVG filters, you can check out the specs on MDN or this (in progress, at the time of this writing) article series that Sara Soueidan has kicked off.

feColourMatrix allows us to change color values on a per-channel basis, much like channel mixing in Photoshop.

This is what the syntax looks like:

<svg xmlns="<http://www.w3.org/2000/svg>" version="1.1">
  <defs>
    <filter id="id-of-your-filter">
      <feColorMatrix
        color-interpolation-filters="sRGB"
        type="matrix"
        values="1 0 0 0 0
                0 1 0 0 0
                0 0 1 0 0
                0 0 0 1 0 "/>
    </filter>
    ...
  </defs>
</svg>

The color-interpolation-filters attribute specifies our color space. The default color space for filter effects is linearRGB, whereas in CSS, RGB colors are specified in the sRGB color space. It’s important that we set the value to sRGB in order for our colors to match up.

Let’s have a closer look at the color matrix values.

The first four columns represent the red, green and blue channels of color and the alpha (opacity) value. The rows contain the red, green, blue and alpha values in those channels.

The M column is a multiplier — we don’t need to change any of these values for our purposes here. The values for each color channel are represented as floating point numbers in the range 0 to 1.

We could write these values as a CSS RGBA color declaration like this:

rgba(255, 255, 255, 1)

The values for each color channel (red, green and blue) are stored as integers in the range 0 to 255. In computers, this is the range that one 8-bit byte can offer.

By dividing these color channel values by 255, the values can be represented as a floating point number which we can use in the feColorMatrix.

And, by doing this, we can create a color filter for any color with an RGB value!

Like teal, for example:

rgba(0, 128, 128, 1). 128%255=0.50

See the Pen
SVG filter – teal hover
by Cassie Evans (@cassie-codes)
on CodePen.

This SVG filter will only impart color to icons with a white fill, so If we have an icon with a black fill, we can use invert() to convert it to white before applying the SVG filter.

.icon:hover {
  filter: invert(100%) url('assets/your-SVG.svg#id-of-your-filter');
}

If we just have a hex code, the math is a little trickier, although there are plenty of hex-to-RGBA converters out there. To help out, I’ve made a HEX to feColorMatrix converter.

See the Pen
HEX to feColorMatrix converterr
by Cassie Evans (@cassie-codes)
on CodePen.

Have a play around, and happy filtering!

The post The Many Ways to Change an SVG Fill on Hover (and When to Use Them) appeared first on CSS-Tricks.

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie