DESIGN STYLES WILL STAND OUT IN 2018

2017 is nearing the end and we are about to welcome a 2018 with many changes. In graphic design, trends are always changing and you need to capture them and understand them, so you can survive in this competitive environment. In today’s article, I would like to send you 5 graphic design trends that you need to know to apply from now until 2018.

1.Popping, Loud, Bright Colors

The Internet is a vast repository with a lot of data being uploaded daily. Every day, about 1.8 billion photos appear on the internet. Therefore, letting customers pay attention to your photos or your messages … is not an easy task.

When you write about social content, use bright colors, which will make your article stand out. Let combine the colors to create an impression on the viewer as they glide through it. You can find out more about color combinations with the Colorhunt tool.

Spotify used “duotone” (representing two shades in one color) to highlight their work.

Popping, Loud, Bright Colors

You should not put dark colors on the picture. A black color image will make it dark and difficult to make an impression.

  • Bonus: Color transitions

This is a unique style of Instagram and many companies have used this idea. This will certainly continue to be a prominent trend in 2018.

Bonus: Color transitions

2.Authentic Pictures – Customized Graphics

When you want to talk about stocks, let’s use pictures of stocks. However, this is not enough. Let combine the stock image with the other image that is associated with it to highlight it. And most importantly, to create personalization in your work.

Use authentic images. Nowadays, it’s easy to get shimmering photos through image editing. However, when you want to introduce products to your customers, you should choose the most genuine photos. It will help you build trust with your customers and avoid other troubles. Daniel Wellington and Pura Vida and the two companies have been very successful in using real images to advertise their products.

Authentic Pictures - Customized Graphics

In graphics, you can create custom content easily without having to go through software such as Adobe Illustrator or Photoshop. But first, find out what your customers are. Once you know the purpose and needs of your customers, you can create the right content with simple tools like Snappa.

  • Bonus: Hand Drawn Images – Sketches

A new trend in graphic design is hand drawing. Dropbox has managed this method and created their very own unique style.

Bonus: Hand Drawn Images - Sketches

3.Unique layouts and personality

The balance in design is always the safe choice. But in 2018, things will be different. Designers have developed this style to a new level, bringing neutrality into well-balanced designs.

Symmetrical designs can only provide a “medium” and not special feel, which can not create the impression to attract viewers. So designers have made them more prominent by dividing the content into pieces on the same picture. Typically the content is half the image and half the text.

Unique layouts and personality

4.Design Elements – Overall Style

Designers always put lines, circles or curves into their work. These are very basic concepts and I’m sure they will not be replaced. However, the important thing that I want to say here is the combination, the perfect combination method.

  • Geometric Shapes: Styles that use shapes and inserts in designs to create highlights will continue to be a prominent trend in 2018.

Design Elements - Overall Style

  • Low Poly Design: This style will make the viewer visualize the 3D image. This is one of the trends that has dominated the design industry for years and in 2018 it will continue to be a hot trend. The designers often combine hand-painted, bright colors, “duotones” into this style to create modern, emotional works.

Design Elements - Overall Style

  • Use of typography: Fonts, font sizes, font colors, bold fonts, and whitespace are always important spices in a design. The key here is that you have to create designs that are just enough to grab the attention of the viewer and not make the viewer uncomfortable. They have to be close to impress and create simplicity.

Design Elements - Overall Style

  • Cropped Elements: This is a method that uses the trimming of the letters to create a unique look for the work. However, it still ensures that the viewer is able to read the cut text.

Design Elements - Overall Style

  • Semi flat design: Use shadow effect to create blocks for your designs. Viewers will find your work looks more real.

Design Elements - Overall Style

5.The Moving Visuals

Animation: Moving images are gradually gaining in popularity. We can see GIFs everywhere from e-news pages or in emails … GIF is a form of combining multiple images together and it creates a sequence of images that feels like a short video.

Cinemagraphs: We will have a motionless image and the images (or background) around it are moving. This is a very effective method used in advertising brand or new products.

The Moving Visuals

Conclusion:

 Graphic design is a hot profession at the moment but to succeed in this area is not easy. If you are passionate about graphic design, start with the basics. Let start your work with images, then combine them with words, articles.

You should remember that nothing is certain in graphic design. This is a special work that promotes creativity. So, I can only give you a tip: always be creative, design your own unique pieces and most importantly, it must match the requirements of the customer.

LEARNING ABOUT GRAPHIC DESIGN

1.The factor that’s needed for designers

The first is passion, passion for graphics. This is always considered a top priority, because if you do not love, do not love your work, sooner or later you also … give up your job. A programmer mentor once said, “When you surf the web, see the graphic material, you save it. But I have to say the truth: coding hours is not as tiring as the 30-minute design. “As we can see, he has “lived” with programming so he is always interested in doing or talking about programming, though he also wants to explore the novelty of graphics.

THE FACTOR THAT’S NEEDED FOR DESIGNERS

The next factor is hard work. Although you keep saying … I love graphics! But when it comes to work or learning graphics, you think, “Let’s run tomorrow!” The proof shows that geniuses in all areas are 90% hard working, only 10% belongs to innate talent. The more passionate, the more you explore, and the more passionate about the field that you have chosen.

In addition, a little more aesthetics, craftsmanship… On the aesthetics, actually everyone has, just a little or a lot. The most obvious proof is that when you see a flower, you can see whether it is beautiful or ugly, or a long dress that makes you jealous.

It will be a shame not to mention creativity – an important factor to succeed in this design profession! You have a very nice design style, many customers like and praise. The first time they said, “Great!” The second time they meet the same pattern, they will say “Good, good!” But for the third time they will probably feel the designs are trivial and not impressed.

2.Are you compatible with the design?

Look for any object and imagine how much better you can make. Do you often go to the exhibition? Stalls usually give you a pen to write information. Between a stall offering you a normal pen and another stall with a bow on the pen, which pen would you prefer? Obviously, you would love the pen with a bow. They made the pen more beautiful thanks to the bow, and how about you? Let’s think together!

ARE YOU COMPATIBLE WITH THE DESIGN

Look for some reference material on graphics. Read them and see if they are attractive enough for us. You can find a lot of good graphic materials from the Internet, bookstores.

Take a few short courses on graphics to see if you have enough excitement and enthusiasm when joining. Some of the courses that you can take include: Image Processing with Photoshop, Product Design with Illustrator, Creative Design with CorelDraw, Basic Web Interface Design.

Once you’ve got a bit of background in this industry, create your own custom design templates such as name card, photo album, personal profile, and take part in Graphic Design. Check that you are capable of doing this or not.

3.Directions of the design industry

Graphics are one of the few versatile industries. And here is a summary of the most popular and marketable in the present time.

a.Design of printing and advertising products:

What will we do?

  • Signs, light boxes, bankroll…
  • Logo Design, Brochure, Catalogue, Leaflet, Name card, Letterhead, Folder…
  • Executing items for advertising, exhibition…
  • Product containers, stamps / labels…

What do you need?

  • Design ideas + a little bit of art sense + creative ability + ability to collect.
  • Skill to use tools: CorelDraw, Photoshop, Illustrator, InDesign… with plugins support.

Design of printing and advertising products

b.Web designer

This is a piece of work that clearly discerns the intersection between art and technology, as well as a dynamic and sensitive set of elements, a fast-paced trend, if you do not want to be an outdated designer.

This is also a skill that graphic designers often “ignore” or remove them from the “skills needed for work” list. As a result, many students studying 2D graphic design have failed to adapt when working in the real world, requiring skills in designing or changing new web interfaces, or designing banners, online advertising for businesses.

What will we do?

  • Design web interface for companies, organizations and individuals.
  • Design of online banner ads.
  • Web Design with HTML & CSS.
  • Web design compatible PC-to-mobile interfaces.

What do you need?

  • Skill in interface design, banner advertising and basic understanding of HTML & CSS.
  • Understanding the Web: image composition, harmonic color scheme, image optimization.
  • Using the tools: Photoshop for Web, (HTML – CSS) Dreamweaver, Flash, Responsive.

Web designer

c.3D graphics

Professional career. This requires a background from 2D graphics and needs some additional knowledge.

What will we do?

  • Three-dimensional design.
  • Interior Design.
  • Technical drawings 2D – 3D.

What do you need?

  • Specializing in architecture, construction, interior, 3D.
  • Software skills: AutoCAD 2D – 3D, 3DS Max.

3D graphics

c.Multimedia Graphics

What will we do?

  • Make commercials.
  • Handle video effects, audio effects.
  • Working in studios, television stations, advertising companies.

What do you need?

  • Comprehensive knowledge from 2D, 3D.
  • Knowledge of video, audio.
  • Film scripting, animation, effects processing.
  • Skills in using software: Illustrator, Photoshop, 3DsMax, 3D Animation, Premiere, After Effects.

Multimedia Graphics

4.Potential

The potential for the graphics industry is huge as any company needs at least one designer. You can work in advertising design companies, art studios, multimedia software companies, television broadcasters, newspapers … you can even start your own company.

POTENTIAL

5.Learning about graphic

a.Self-study through books – Internet:

We will find interesting and useful books and web pages, discussion forums. This is a method for people who do not have the time and know how to process and refine what is updated through the channels, as well as have certain knowledge about the field they are interested in learn more over the internet.

Self-study through books - Internet

b.Study at the School – Training Centers

When attending a training school, you will be guided to a solid foundation in a short time.

Study at the School - Training Centers

Conclusion

Graphic design is a multi-purpose industry, a “hot” industry. So when we have identified the factors required by the designer & participate in this industry, there will be no worries about work or income! Hope this article gives you an overview and choose a direction in the graphics industry!

THE TERMS IN THE GAME GRAPHICS AND THEIR EFFECTS

The level of detail in the graphics of the game is becoming more and more complex with a lot of customizations and is a very strange term for gamers. However, through this article you will definitely understand more about the game graphics of a game, and accordingly you can easily adjust the parameters that best suits your computer.

So far, the first thing after I setup a new game is not to login into the game to play but to go to Options to be able to customize everything in the way that I most desire. If some of the Gameplay, Audio, or Control options seem to be simple and easy to understand, the graphical parameters are not easy to understand for most gamers now. Of course, by default there are always auto settings for users. However, I bet that many of you like me: own a medium VGA but always want the game must be beautiful, must play smooth! Therefore, we have to adjust Options Auto to Custom to customize many other parameters.

Here, let me show you the meaning of the most basic settings of any game product to help you feel less confused if you encounter them. Just as you can adjust them yourself to make the best gaming experience.

The terms in the game graphics and their effects

1.Resolution

Pixels are the most basic unit of an image that is made in digital form. It is a dot that can display colors. Resolution is the number of columns and rows of pixels in an image displayed on the screen (the ‘x’ is the multiplication to find the total number of pixels). The higher the resolution, the higher the number of pixels, the more detailed the image, the more beautiful the image. The higher the resolution, the greater the number of pixels that the VGA (Graphics Card) handles and outputs. The most common resolutions available today include 720p (1280 × 720), 1080p (1920 × 1080), 2K (2560 × 1440) and 4K (3840 × 2160). These resolutions are in line with the 16: 9 aspect ratio, which is also the most popular screen ratios nowadays. There is also a 16 × 10 aspect ratio, slightly different, for example: 1920 × 1200 and 2560 × 1600.

Resolution

Higher resolution customization requires VGA to handle more tasks in order to produce enough pixels. Therefore, it will reduce the player’s frame rate (FPS). Under 30FPS, you will see the game appear jerky.

Note: FPS or Frames per second is the number of images generated per second. The larger the FPS, the greater the number of images created and the smoother the movement. If VGA handles an image with little detail and low pixel count it will output the image faster, meaning that the FPS is higher.

The most popular goal at the present time with the latest generation of consoles is reaching a resolution / frame rate of 1080p / 60FPS. For PC gamers, this can also be seen as a goal for players to build their computer to ensure a full experience.

2.Refresh Rate

This parameter is often overlooked but it is important to help VGA perform its mission well. The refresh rate, also referred to as scan parameter, is measured in Hz. A monitor with RR = 60Hz means it can display 60 images in 1 second. For monitos with RR = 144Hz, this means that it displays 144 images in 1 second. That means the higher the RR, the more images it displays within a second and that makes the motion smoother especially when displaying moving images. Shooter gamers are very interested in this parameter because it helps detect motion in a very small amount of time.

Refresh Rate

However, to pursue a standard up to 144Hz will cost you a lot of money from buying a monitor to VGA that can produce the same number of images. The 60Hz monitor is a standard for casual gamers wanting to target 1080p / 60FPS. However, how will it be when VGA is so powerful that it produces more images than the number of images that the screen can display. The answer is that will appear Tearing – Tearing picture. And to limit this, Graphics Setting has an additional customization applied to the Nvidia’s VGA generation, which is V-sync.

3.Vertical Sync (V-sync) – Synchronize images vertically

Tearing is the phenomenon of screen not ready to output a picture from the VGA, another image was overwritten by the faster processing VGA than the display speed of the screen. For example, VGA can handle 120 images per second but the screen only shows up to 60 images per second. V-sync has overcome this.

Vertical Sync (V-sync) – Synchronize images vertically

When Vsync is On, all system components from the GPU, CPU, in-game processor will be synchronized. Every frame from the VGA output will be displayed on the screen and when the screen has finished, then another frame from the VGA is taken up. For example, the screen displays a maximum of 60 images per second, the GPU and CPU also have to deal with the same number of images. This prevents tearing but lagging. Example: With the 60Hz screen, VGA takes 1 / 60s to finish the first frame, but if VGA need 2 / 60s is finished in the second frame (Because the GPU is not powerful enough to handle and move to the screen in 1 / 60s). Then there will be times when the screen does not receive any images from the VGA causing a lag event. That’s why when you turn on Vsync: ON in some low VGA streams, you’ll see FPS drop dramatically. Unless FPS numbers in your game are high, fall into 90FPS or higher, turn on V-sync to ensure FPS stays at 60FPS.

Note: To solve this problem both AMD and Nvidia have developed two new standards, Freesync (AMD) and G-sync (Nvidia).

4.Texture

A familiar term designed but strange for most gamers. The simplest thing is to look at your brick or look up at the table. Of course it will vary in color, size, shape, ruggedness and density. Texture is an allusion to the outer layer of the object. In building the game, the designer scans a lot of different object surfaces in digital form. Then, depending on the position that “paste” the image on the face of the object.

Texture

Texture often has options from low to ultra when the system processes an object. If you choose a low level you still recognize what the object is but the image will be blurred, unclear. In return, the VGA only needs to handle as little as possible to output the image to cover the object.

Texture has a huge impact on PC performance and burns a large amount of resources from the GPU. You need to consider when adjusting this parameter.

5.Anti-Aliasing (AA)

There is a funny paradox in the rendering design that is “soft curve” or “straight”. What you think is a curve or line that actually an illusion. The main reason stems from the image built from pixels (cubes). A finite set of pixels standing side by side produces a curve or a straight line, so essentially, if you look carefully at the edge of an object, it is a folded line. The smaller the number of pixels on the image, the brighter the line and the greater the number of pixels, the harder it is to detect. AA was born not to completely remove the fold lines (the impossible) just to minimize that naturally (antialiasing).

Anti-Aliasing (AA)

There are many methods for antialiasing but the most common are Supersampling (SSAA). In this article I will not go into how the antialiasing works, but only list the most common form of AA:

  • MSAA: More effective than SSAA.
  • CSAA: Nvidia standard is more effective than MSAA.
  • CFAA: The AMD standard is more effective than the MSAA.
  • FXAA: Unlike handling each object in the environment, FXAA creates an antialiasing filter for the entire scene, which is very effective so basically it handles the details that the MSAA misses.
  • MLAA: AMD’s high-end AA standard, is being widely adopted.
  • SMAA: The combination of the MLAA with the MSAA and the SSAA, featured in high-end graphics mods such as SweetFX.
  • TXAA: Support for Nvidia’s VGA generation using the Kepler GPU, combined with the MSAA.
  • MFAA: This is Nvidia’s latest and strongest AA standard, only available on the Maxwell GPU, which also works well with the MSAA.

For you to imagine, you can watch the clips below to understand the similarities and differences between AA types:

The above standards tell you which one is better. The other parameters that come with AA are 2x, 4x, 8x, 16x … the higher the number x, the stronger AA and the burning a lot of resources of the VGA.

Anti-aliasing is an option that makes FPS drop very fast, unless you have a computer with powerful VGA. Please test a few options to find out which AA is best for your computer.

6.PhysX

As the name implies, PhysX is an optional description of the physical interaction effect at a high level. This means that objects are destroyed like buildings, broken glass or something explode or are just banners flying in the air or interacting with bullets… will be made the most detailed. This is an exclusive option for Nvidia’s VGA. But if you do not have Nvidia’s VGA that the game still supports PhysX, you can still turn it on, only that it will run through the CPU and therefore the game performance will drop dramatically.

PhysX

To be honest, even with the Nvidia VGA, the cost of enabling PhysX is relatively high. Consider turning it on/off to match the number of FPS that you can tolerate while playing.

7.Supersampling

When you turn this option on, the PC will start framing with a higher resolution than the actual screen resolution of your monitor. Then, it compresses the image to match the screen resolution. The system continues to calculate colors on the pixels to display the correct color and smooth. Like AA, it also makes jagged objects look smoother. This is a very sophisticated image optimization method.

No need to say how heavy this setting is unless you own a high-end super-powerVGA.

Supersampling

8.Ambient Occlusion

This option works to create an object’s shadow on top of the wall or the default shadow on the human face. However, it is a fake shadow, not a real one. That is, it is not affected by the directional light in all directions (Dynamic Lighting). There are two main types of shadows: Screen Space Ambient Occulusion (SSAO) and Horizon-base Ambient Occulution (HBAO). This is not important at the moment. Because nowadays almost the game has been optimized and most of the current removable VGAs support DX10 and 11, you can choose HBAO + if you want. Unless you are playing with 20FPS!

Ambient Occlusion

9.Anisotropic Filtering (AF)

One of the most popular methods of increasing the game’s performance and optimizing a game is to reduce the detail of objects and surface veins. Especially for distant objects or sub-objects in the game frame. However, if you move from detailed objects to less detailed objects on a frame, the player will easily notice there is a clear separation between these areas. AF is generated so that the transition between layers of object details is as smooth as possible.

AF does not significantly affect the system and has been optimized to very high levels for many years. Let max (8x or 16x) if possible and enjoy the smooth frame as seen in real life.

Anisotropic Filtering (AF)

10.Depth of Field – Blurring of the subtree in the frame

The term is quite simple to explain. If you have tried putting the ruler on your eye and looking straight at an object, your eyes will focus on displaying clearly what you are looking at while the surrounding areas are blurred. Depth of Field handles similarly. It will blur the surrounding areas so that you focus on one area before your eyes more clearly. Previously, the Depth of Field was heavy, but at present it has little effect on the system. Turning on and off depends on whether you want to look at everything clearly or want to look real or not.

Depth of Field – Blurring of the subtree in the frame

11.Field of View (FOV)

This option allows you to choose between a wide viewing and a narrow viewing. The higher the FOV, the wider the viewing, the better the ability to observe, while the lower the FOV, the closer you will see to everything.

There are games that allow customization of FOV, there are games fixed to it. Depending on the gameplay and what you want.

Field of View (FOV)

12.Post-Processing

This is a very difficult parameter to define because it includes a lot of related effects. It may be the image blurring when moving fast, the spread and the glare of the light. In the past, many developers have split them so that players can customize, but now most have integrated into one including Blur, Lighting, Bloom … to reduce the load option. Naturally this is a very resource-consuming option for the computer. It consists of 4 levels: Very Low, Low, Medium and High. Please test a few times to get what you like best.

Post-Processing

Copyright ThemeTime 2018
Shale theme by themetime