A neat and attractive graphic design work can be easily created using the right and balanced combination of design elements. You are starting from the elements of shape, line, space, texture, size, and of course, color. The choice of color used in a design is not only a matter of the aesthetic value that you want to display but the message of the design itself. Yep, if you learn graphic design from scratch, of course, you already know the term color psychology.

Color psychology refers to the emotional and psychological effects that certain types of color can have on the viewing audience. Therefore, the selection and arrangement of the color composition must always be considered carefully and carefully. The goal is that the message you want to convey through your design work can be well received and understood by the desired target. In this article, we will discuss advanced topics in the field of basic graphic design elements in the form of color types. Happy reading!


It is short for Red Green Blue, which are colors that are created from the light produced by the monitor. The design with RGB color will be very suitable when displayed on digital media such as monitors, web, smartphones, and various other digital devices. RGB colors are bright and fresh and a pleasure to look at. This standard is used universally for the creation of designs or visual assets in digital form, one of the sites that implement using RGB for their design is yukbola.com, known as one of the best online gambling sites in Asia. Providing various games such as sports betting, casino online, casual games, and many more for you to enjoy.


LAB stands for L: Lightness, A: Green – Red axis, and B: Yellow – blue axis. The term color type is quite technical and is not widely used outside the world of graphic design. Not without reason, because the model used in the LAB at first glance is indeed more complex and complicated to understand when compared to some of the previous color types. This type of color model is suitable for both digital and print media.


The color play performed by professional designs does not only involve the spectrum on a conventional color wheel. There is a color type known as HSL, which stands for Hue Saturation Lightness. This type of color model is suitable for digital media such as RGB. You will find it easier to adjust the level of darkness and brightness with this color mode. The use of HSL then provides an increasingly diverse variety of the basic colors on the color wheel. Only by controlling the HSL level you can create new color combinations that match the design you want to make.


This type of color has a function and commercial use in various industries. CMYK is short for Cyan Magenta Yellow and Black. Designs with CMYK color types are usually very suitable for printing-related printing. Color with CMYK type will usually be more opaque when compared to RGB, but when you print your design, this color will match the type of ink you are using.


This type of color model is usually closed and is often used by a web designer. With a color code like this, the desired color can be obtained faster. Web designers usually also use assistance such as add-ons in the browser to be able to find out the code of a certain color. The use of the HEX model greatly facilitates the creation of an interface design, aka the user interface (UI) for digital platforms such as the web and applications. You who want to be a UI / UX designer must really master this model.

Starting an eSport career is very often encountered around the world, especially with several large eSport teams both from Indonesia and internationally, all of this is inseparable from how a team will compare themselves to be recognized by the public. One way for fans or fans to be able to recognize their favorite team by using a logo. Of course, a good logo is a unique logo, easy to remember and also represents the vision and mission of a team in achieving their goals. The making of the eSport logo itself is also synonymous with the characteristics of the logo using strong colors and the use of solid fonts. Making this logo itself can be made easier by the existence of online sites that readers can use to create the logo. Some of the sites that the author provides are also not always free and some are paid in their services.

Logo Design – https://www.logodesign.net/gaming-logo-maker

This site is recommended by the author if you want to have a logo that is quite attractive and professional, LogoDesign can give readers a logo that is completely free. Apart from being free, readers can modify the desired logo themselves through the logo templates that have been provided.

Looka – https://looka.com/explore

Looka provides a slightly different service than others. At Looka, readers can create logos that can be supported with a variety of additional icons that are quite diverse, such as a joystick icon, monitor icon and so on. According to the author, the logo offered focuses on the form of typhography logos, accompanied by small icons to add to the impression given. For interested readers, readers can buy logos that have been given either with modifications or standards.

Brand Crowd – https://www.brandcrowd.com/maker/tag/esports

BrandCrowd is a premium logo maker site that is no less interesting to use. The price offered to buy a logo on BrandCrowd will be slightly more expensive for one logo, readers can choose the option to subscribe to its service which is much cheaper than buying a logo individually.

DesignEvo – https://www.designevo.com/create/logos/esp

DesignEvo is a site that can create the eSport logo that readers want. Consisting of more than 10,000 template choices provided, DesignEvo provides a good enough service for creating an eSport logo. Readers can use the provided logo and download it for free, but at low quality. If readers want to get high quality, readers are required to subscribe for the service. In some cases, you can also use this site to create a logo for a gambling company, like Sbobet. In a recent event, SBOBET creates a logo for its subsidiary company YukBola. The logo used in the specific page and serves various gambling for sportsbook like soccer, tennis, basketball, and so on.


PlaceIt – https://placeit.net/esports-logo-maker

For readers who want to create a logo with a quality that is no less attractive than a professional team, PlaceIt can be the choice of readers to be able to create a premium eSport logo. Here readers can receive services on a monthly basis to be able to download the logo offered or readers can only buy one of the logos without having to subscribe to the service.

A logo will really represent a team when they participate in a tournament, of course fans will easily recognize and like several teams with branding and a logo that really supports the eSport team’s vision and mission. Even so, the author himself recommends making his own logo as desired compared to making from an already existing template, because there is a high probability that the template itself already has or has many similarities with other eSport team logos.

Using infographics during a presentation is an easier way to explain the material presented. Infographic information will be more easily captured because humans are visual creatures that make infographics more easily digested and understood.

Infographics are very efficient for websites that want to maximize their ranking in search engines (SEO). You can also use infographics to explain presentation material in PowerPoint.

With the many benefits provided, you can start learning how to create infographics, both for presentation purposes using PowerPoint and to be posted on a website or blog.

PowerPoint is a computer program that makes it easy for you to create presentations that feature visuals and dense and informative content.
To make it easier for you to share data and information more densely and informally, you can start creating infographics through PowerPoint.

However, there are still many who do not know how to create infographics in PowerPoint. We will share the following tips that can help you to find out how to create infographics more easily.

Know Your Target Audience First

There are several types of audiences that you must recognize correctly so that the data you create in PowerPoint is not misdirected. According to Harvard Business Review, there are four types of hearings that you can make a benchmark for visualizing data and information in the infographics that you create.

These types are beginners, generalists, managerials, experts, and executives. For a novice audience, you need to introduce general information more frequently and simply than data or theory, but avoid oversimplifying the data.

You should introduce topics, themes, and summaries more when dealing with general or generalist audiences. To the managerial audience, you must visualize infographics that are more detailed and more sustainable in PowerPoint.

With an expert audience, you need to be able to visualize detailed info and data without excessive ado. Don’t forget, include the findings or exploration made when searching for the data or info.

While with the executive audience, present the purpose of the data sought and found and conclusions from all of them because of the little time they provide. By knowing the type of audience, you can visualize infographics according to the audience’s point of interest in PowerPoint.

Start the Arrangement and Concept of Data and Information That must be Displayed in PowerPoint

Compiling and conceptualizing what you have to offer is an important key to a more solid and informative infographic. For information that is general and background, don’t forget to include the source that you used as a reference to avoid plagiarism.

To give a headline to PowerPoint, try to make it interesting and relevant. This will keep the audience focused and interested in your PowerPoint. Don’t forget to keep the flow of information flowing chronologically.

Determine the Template and Type of Infographic that is Relevant to the Data

You can also start choosing or making PowerPoint templates that are relevant and appropriate to the presentation that you are working on.

Currently, there are many PowerPoint templates that you can get for free so that they can make it easier for you to prepare templates that are clean and worth showing.

Also, determine the type of infographic that matches the data you get, and you will explain in PowerPoint. The types of infographics that you can compile are infographics with diagrams and graphical images that fit your data.

If you do it in a PowerPoint template that is already available, you can modify it according to the information that will be delivered.

Modify the Desired PowerPoint Size and Appearance

You can create your own infographics in PowerPoint. To change the size of the slide show in your presentation, you can click the Design menu> Slide Size> Custom Slide Size, then click the Custom option and the desired display style and slide size.

After that, you can modify the color of the slide show with the Background Format option in PowerPoint. You can also use SmartArt to create charts and graphics needed for infographics that are created.

To change the appearance of SmartArt created, you can select the Design or Format tab on the SmartArt Tools menu bar. With the above methods, you can easily create infographics in PowerPoint.

By maximizing the use of infographics in presentations in PowerPoint, you can make the data and information you provide more compact and easy to understand. Good luck!

Making illustration designs is indeed not easy. You must pay attention to the message to be conveyed, the form of illustrations, to the color composition that will be used.

However, most importantly, you also need to have the right inspiration for the successful illustration design results. How do you get inspiration when creating illustration designs? Check out the tips in the following review.

Make a Mind Map

To stimulate your brain to get a clear picture when creating illustration designs, try to make a mind map. Mind map contains main ideas as well as companion ideas for your illustration design. Think of the most general things first, then divide into some more specific ideas.

You can also make a list of things that fit the theme of the illustration. For example, for an illustration with the theme of the natural environment, you can list trees, pollution, animals, and others. This method will help you to focus more on the theme of the illustration so that you quickly get the right inspiration.

Take Advantage of Technology

The technology was created to facilitate human life, including for matters of designing illustrations. There are now many websites and webinars around an illustration that can be an inspiration for you. Visit the site often when you need inspiration.

In addition, you can also use an automatic generator. Several automated generator websites will offer phrases as a source of inspiration.

By using a website like this, you don’t need to bother thinking about the great theme of the illustration or even the message that will be conveyed in the illustration.

See Your Old Illustration

Have you ever worked on a project similar to the illustrative theme now? It’s time to unpack your old work. Take a look at how you do the project. Is there anything that can be used? Do you need anything to upgrade? If the answer is yes, then you can immediately start designing.

In addition to ready-made illustrations, you can also see drafts or even old scribbles. Dismantling the old draft may evoke an idea that you once forgot.

The point here is, yourself can be an inspiration for you when working on illustration projects. The key is to dig deeper into your abilities and memory.

Observe Your Surroundings

Inspiration can come anytime and anywhere, including in the environment around you. You might try too hard to design illustrations, so you forget about the environment. Even if you are observant, there are many inspirations for illustrations that can be obtained from the surrounding environment.

Try to set aside time in the day to sit still and observe your surroundings. You can also go to crowded places to make observations. In these observations, of course, there will be some things that interest you.

Develop this interesting thing into an idea, then pour it into your illustration. Guaranteed, your illustrations will look more attractive and unique.

The inspiration to make illustration designs just can’t be present. You need some “inducement” so that inspiration is present. The four tips above can be tried whenever you need inspiration in creating illustration designs.

These methods are also utilized by illustration service providers from Biandel.com. By learning from the environment and experience in handling illustration projects, illustrators connected to Biandel.com are ready to help your illustration projects anytime!

Smartphones have become one of the fundamental needs nowadays, where the number of users has increased each day. This then impacts the increase in the number of production of many kinds of mobile equipment, mobile operating systems, and their applications.

Mobile devices are now the best storefronts to showcase, sell, and market their products. Smartphones also become a medium of communication with consumers, making it intense and can persuade consumers to shop.

The following study from the ComScore shows that in 2014, the number of mobile applications exceeded desktops.

Three years ago, SMEs might have seen only 10 percent of the traffic coming from mobile, but now the increase reaches 70 percent. In the next few years, the transition to mobile software or mobile-friendly sites will increase dramatically.

One way to be able to take advantage of this moment is to have a mobile-friendly website. Is your site mobile friendly?

A mobile-friendly website is a website that is designed to be appropriately displayed on smaller devices or screens — for example, an Android smartphone or iPhone and a medium-sized tablet. Because it makes a mobile-friendly site the best for your business to have a presence in the mobile world, and strengthen the chances of your business success.

While big businesses easily follow the development of mobile sites, the middle-to-lower learning space business is still an obstacle to adopting this business. However, the reality in the field shows that every business that follows the development of mobile has fewer benefits than those who don’t.

Here are some of the most important propositions for a business to have a mobile-friendly website.

Reaching More Than a Few Smartphone Users

Nowadays, gadget users are not less using cellphones, but other devices are like tablets. Smartphones are now no longer only used as communication devices, and their uses can now also be used for business promotion.

We are starting from submitting the latest product information to consumers, interacting directly, to encourage them to negotiate you on social media.

Broader Business Promotion

You can display important information about our business in detail on the website. This makes it easy for site visitors to get information about addresses, telephone numbers, maps of our business places, and more.

This information makes it easier for consumers to contact you by telephone or come directly. Also, we can use different features of mobile equipment like locations to offer them promos when they are in a location adjacent to your place of business.

This will make them interested in visiting our place of business or sharing promo information with their partners. You can also use a QR code for advertising products in print media that can direct more or less different smartphone users who have the potential to become consumers of your business.

Increase Ranking on Google

Google rankings for mobile websites are not much different, for many certain cases sometimes giving up their advantages for mobile-friendly websites.

Because giving the same ranking does not apply uniformly to all sites (websites that have mobile-friendly features will rank better than those that don’t).

Nowadays competition for google rank is harder than earlier years. Many sites start using mobile-friendly themes as their homepage, we got lucky that we managed to have a conversation with one of the biggest gaming site in Indonesia. And yes, Mobile-Friendly theme is one of their main weapon in order to gain a better rank. Ever since they adjust to a mobile-friendly site, their rank is increasing significantly.

This means that your business site will have a greater chance of being shown on the top elements of Google’s search page if it can be of good use on mobile devices, while also being quickly loaded into the browser and looking attractive.

Invest Periodically & Fees for Mobile Websites

By considering all these points, surely your business will get more or less profit if you have a mobile-friendly website. No need to worry when this is most possible to develop a mobile-friendly site.

Generally, web designers already have the skills to create responsive designs, to the extent that a website can perform well and be useful on any equipment.

Therefore it is recommended that you invest time and money to develop a smartphone or mobile-friendly site for your business.

The days when a food menu is presented in PDF form and are in the way of articles and pictures of poor quality food have passed. In this day and age, contemporary website websites give you a variety of weighty food images high quality, bright colors, unique and appealing fonts and present them with a unique and easy to adapt interface design to captivate your heart for food lovers.

Here we give you many websites with inspiration from restaurants that have unique interface designs and arouse your appetite:

Interesting Photos

Visitors from the site must have gotten pictures and explanations about what foods you sell on your site. It has become a basis for restaurant websites to combine unique photography and the right editing tips. Regardless of what products you offer, the product must look delicious, fresh and beautiful. Food photography is one of the arts that must be mastered by each food service provider or restaurant. Make sure that the arrangement of dishes, utensils, and cups has been quickly seen.

Tasteful Colors

Color can make your food look tantalizing or boring. Color games on a food website are one of the big things that can create a website that your customers look at. One trick that you can apply in choosing a color background for your site is to try out many color variants that come from the food itself then add a dark or light effect. This can create foods that you serve that look more attractive because of the color they serve.

Typography That is “Delicious”

Typography of a restaurant website must contain words that create your food look unique and inspire consumer tastes without exaggerating. You can find inspiration from the restaurant menu, hand articles about recipes from food, cookbooks, and so on. This type of typography can be unique to consumers because of its uniqueness.

“Delicious” Content

Content that is on a website is always urgent to pay attention to. After the user has witnessed and enjoyed the nuances submitted by your site, they will still explore what values ​​can be taken to give them new knowledge, or as easy as how your content can provide them with interest in tasting the food you serve in your restaurant. Make sure that the content that you have on the website is not infrequently light, fun and easy and simple to digest.

Tempting Interface Design

Good interface design is a foundation for a website. Interface design allows users of the site to pursue their goals in an effective and uninterrupted manner. A good interface design (UI) is subtly useful behind the scenes and indirectly adds to the user experience (UX). It should be remembered that when designing your site’s interface design, make sure all its uses are consistent and intuitive to the extent that the user can find out what his purpose is.

And also make sure that your website moves responsively and follows the movement of the user. The most important thing is always to monitor the development of your website at any time so that the content and design of the site that you have is not often fresh and pleasant for users.

A website with an excellent and attractive animation display is a fun thing. When used correctly, animation can give a lively and interactive impression, adding extra layers to add to the experience of the website user.

At present, there are fewer and fewer websites that use animation, both in GIF, SVG, WebGL, background video and so on. And the animation itself can be used in some functions that are part of the website.

Animation Loading

One of the oldest animated uses on a design site is to move user attention while waiting for your website to run/load. Animation can provoke our users’ perceptions of your product technology, can make it look better than it is. Your users also have something fun to witness while waiting for our website to open.

Loading animation is better if it’s simple. Forget about additional effects such as strange sounds or designs. Animation must match the identity of the site itself, whether it is fun cartoon animation or smooth and professional animation.

Navigation and menus (nonscrolling)

To save screen space, the latest trend is a hidden navigation menu that will be revealed or published when you click a button on the web screen. For this, animation is an urgent matter to connect the two elements visually.

Animated pop outs will create a menu that is present as if it were a secret slide that forms the entire interaction going smoothly.


The most realistic hover animation is to say an interactive element. When the user clicks on a link/link on our website and when the cursor is above the link, but the user has not worked on the click, the color of the link will change, different from the original color, moving text, appearing or shifting, the cursor hovers over the link and the link changes.

Signs that the button or text can be clicked on so that the floating effect appears, it must be visible to the useful elements. Makes the user want to move the mouse over that benefit, and creates a floating animation with reasonably intuitive.

Gallery and slideshow

Animated galleries and slideshows show many images without disturbing the user. How fast and how little the image cycle can be displayed. But the times needed for the evolution of one image to another must be right. Not too long or not too fast.

Galleries and slideshows are straightforward and good things to watch for users because they naturally mimic the benefits of photo albums. But this should not be used too much, minimizing the actual design of the slider or gallery, then making sure the images that are present each 5-9 seconds.

Unique animation of attention

The human eye wants to be more interested in moving things. This creates animation as the best device for controlling the user’s visual hierarchy, especially with websites where there are fewer images or static business.

The animation is a great way to add intrigue to forms, even menu items, or calls to action. Smart animations are unique to users one time, while standard navigation is still dwelling in the same location and merely draws users who have more traditional empiricism. In this matter, the best is not to be out of range.


The success of scrolling navigation is long, depending on the quality of the animation. A website will not be able to roll long if there are no exciting animation effects. As a user who controls the scroll, the user will feel an element of the process.

Page motion

This is not too practical to use, but doing well in creating a site can make users more interested and make it more fun. Small movements of the mouse can shift the image, and when combined with layer separation can create a pleasant effect.

If it’s confusing to use excessive animation, then using simple animations can add certain vitality to a website. The key is to moderate each part that is present at one time. Or use a gentle motion on all the images.

Maintain the right equilibrium. Don’t create animations such as showing the urban hustle and bustle, make parts of all stages of the picture at different intervals. This makes it “busy” with the user without overstimulating the situation. So, simplicity is recommended. Remember that each motion on the screen is uniquely attentive, to the point that it’s too little animation when the same makes a mess.

When creating a web design, a web designer or a website designer will find no small challenges. Even those who are professionals will not be separated from these challenges. Orders or projects suggested by opposing clients will submit a level of constraints that also vary. So, it is essential for you to to be not infrequently ready to work on the project and understand every solution that will be applied.

What are the obstacles that are often visited when designing a site?

1. Integration

Integration with third parties is one of the matters that must be ignored by web designers. Although it seems trivial, it turns out that website users often feel challenges such as difficult to work on synchronization with third parties. So, make sure we design integration that is easily accessed by both users and visitors who watch the website.

2. Accessibility

Still, due to the previous points, user facilities and visitors when accessing one site need to be considered. In this matter, availability must apply to all levels of society; both children and parents, even people with disabilities. This seemingly simple thing is often an obstacle for web designers.

3. Responsive

Ensuring that the website is responsive is indeed tricky. Because there are not a few factors that need you, see when designing the web. Just mention the techniques of each browser when working on the process on the site page. Besides, the website must be easily accessed through devices that are the opposite, such as from laptops, tablets, personal computers, to smartphones.

4. Security

You certainly don’t want sites to be vulnerable to viruses, malware, or hacker attacks, right? So, ensure the peace of the website since it is still in the design format. One technique to keep your site safe is by not entering the login form on the site’s advance element. Because many individuals sometimes try to disrupt the peace of your website.

5. User Experience

User experience or empirical users will help web designers in designing websites that will be developed. Here you will pay attention to the prevalence of users when exploring a site. After that, we can create a website with features that are matched with the results of research from the prevalence of these users so that later it will be easier for them to visit.

6. Speed

This certainly will be a priority ignored by web designers. If the website is slow to access, visitors will not hesitate to leave it and create reduced traffic. You can anticipate that by using a medium to small resolution images or using the CSS Sprite method. So later, the data request to the server element will not be short and facilitate page access.

7. Retention

The last challenge that must be faced by web designers is to make visitors interested in coming home to the website after the first traffic. Here, we as web designers must create a unique design of eyesight without striking. While the owner of the site must fill it with interesting content so that visitors come home again.

The seven points above are a small number of obstacles that you will find when designing a website. In addition to knowing the techniques to overcome them, even with continuing to learn and remember things that are related to web designing. Don’t forget to keep monitoring the latest technological developments so that we can use software that helps in creating a web design.

The main essence of the website interface is to help visitors explore information easily, easily and in relatively fast times.

Of course not surprised if the appearance and interface of the website is the most important, but the most important part of the interface is to submit the best experience for website visitors.

The best site design

Many web designers invest their months for developing the best interface and site design. If we are looking for example or reference, here are a number of websites with the best designs and interfaces.


Airbnb may not have the most stunning site appearance, but they can create a site design that greatly facilitates the room booking process.

The entire process is created most effectively and effectively so that it saves the visitor’s time most.

Visitors will immediately be given a guide with the slogan “Where to? Start your next adventure on Airbnb. “And can immediately start the booking process past the” Check in “box below.


Medium has the best site design that uses colors, so visitors can find out the difference in each content from the color.

As a blogging platform, Medium has chosen the most appropriate and comfortable typography in the eyes of visitors.

Every line and box inspires visitors to write, browse and share.


Defringe is an online gallery dedicated as a repository of artwork or other creative content on the internet.

For the sake of navigation, this site uses a menu on the left that is similar to a music application. This is certainly very easy for visitors to explore the site further.

FS Emeric

FS Emeric is a rather futuristic website.

The design of this site uses scrolling navigation on the left side, reproduced with an exclusive font design on the right.


Boostedboards was created intentionally to be more focused on products than on UI aspects.

Each page is decorated with portraits of high-resolution skaters and arranged in such a way that it still looks attractive.

Boostedboards provides for example a good web design in utilizing photos.


Feeds do not only have a unique concept but also the site looks stunning, which creates visitors who do not end up thinking.

With a mix of animation and video this site creates visitors immersed in a different empirical browsing.

As a website that can be considered unusual, Feed has a number of unique features, such as navigation which is also useful as a progress bar.


ETQ is an ecommerce website that uses a minimalistic approach to its design.

They use unique product portraits as the main charm of the visual aspect. The design applied wants a simple, flat, color-based background and is combined with strong typography. All the mix in ETQ site design creates visitors to remain concentrated on their main destination: buying shoes.

To make a great website, you need to be inspired by also some of the great websites. Like this ETQ where it looks simple and the typography is perfect. Honestly, one of my client website use this as a reference, I’ll help them build website about online gambling site where its provide an online experience for sporstbook and casino. I arrange the layout of the types of games with an interesting example of the game Zynga Poker, Rummy, Texas hold ’em are the most popular and in great demand. Regardless of design, the Casino website usually gives large bonuses to its members. And for new members, of course, you will also get attractive promos every month to attract players.

Mikiya Kobayashi

Mikiya is a Product Designer who has a portfolio with the Minamilis concept to showcase his work with photography and animation.

The Mikiya website was created in Japanese then translated into English, to help demonstrate its design skills internationally.