Kuwait Data

Author: fdlkjeo

  • The Complete Guide to Using Animation Properly in UX

    Translation of material by UX designer Taras Skitsky about how to correctly use animation in UX.

    Nowadays, it is difficult to impress anyone with interface animation. It shows interactions between screens, explains how to use the application or simply directs the user’s attention.

    Almost all articles about animation describe only specific use cases or general facts about animation. Nowhere are all the rules regarding interface animation clearly and practically described.

    There is nothing new in this article, it just contains all the basic principles and rules of ux animation. So other designers who want to launch animated interfaces will not have to look for additional information.

    Animation Duration and Speed ​​in UX

    When elements change state or position, the animation duration should be slow enough for users to notice the change, but fast enough to avoid creating a wait.

    Animation duration
    Use the right animation duration. Don’t make it too fast, but don’t make the user yawn.

    Numerous studies have shown that the optimal interface animation speed is between 200 and 500 ms. These figures are based on specific properties of the human brain.

    Any animation shorter than 100ms is instantaneous and will not be recognized at all. And animation longer than 1 second will convey a sense of delay and therefore will be boring for the user.

    Animation duration in seconds
    The duration of animation that is correct to use in your interfaces.

    On mobile devices, material.io also guatemala phone number library suggests limiting animation duration to 200-300ms.
    For tablets, the duration should be 30% longer – around 400-450 ms. The reason is simple: the screen size is larger, so objects travel a longer distance when they change their position.
    On accessories, the duration should be correspondingly 30% shorter – about 150-200 ms, because on a smaller screen the distance to the end point is shorter.
    animation on mobile devices

    phone number library

    Mobile device size affects animation duration

    Web animations are handled differently. Since we are used to web pages opening almost instantly in the browser, naturally we expect the same from animations.
    Thus, the duration of web transitions should be approximately 2 times shorter than on mobile devices – from 150 to 200 ms. Otherwise, the adjust assignments and assessments user begins to think that the computer is freezing or has problems connecting to the Internet.
    But. Forget about these rules if you are creating decorative animations on your website or trying to draw the user’s attention to certain elements. In these cases, the animation can be longer.
    animation on the big screen
    Big computer screen does not equal slow animation!
    You should remember that regardless of the platform, the duration of the animation should depend not only on the distance traveled, but also job data on the size of the object.
    Smaller elements or animations with small changes should move faster. Accordingly, animations with large and complex elements look better when they last a little longer.

  • Strange SEO portfolio or questionable website promotion services

    Another find on the web, which gave me a reason to write this article. Let’s talk and look at the portfolio of a site providing SEO promotion services.

    Find
    I read about this company in an online business magazine. The main activity of this company is SEO website promotion services, although they also do development. 3 years on the market. And according to the owner, they have a monthly income of more than 3 million rubles.

    It is clear that the article is more of an advertisement

    But it was presented as a successful startup case. At the end of the article there was a link to their website. Naturally, I decided to take a look, since the topic of SEO promotion has been of interest to me for a long time due to my line of work.

    Of course, I go to the portfolio to see the results of their work on sites. There are many examples of sites that they brought to the TOP of Yandex for certain key queries.
    Doubts
    But what caught my eye… There were many screenshots from Yandex search results (see the picture below), but apart from the title, there was no description. What was done, how long did they promote it, for what queries, what was the traffic increase, what was the CTR, and so on…

    The second thing I noticed was the keywords themselves. Many of them were long tail. Here’s one example from their portfolio:

    long tail keyword
    screenshot from SEO studio portfolio
    Perhaps it’s worth explaining what a query tail is…
    Let’s say we take the keyword “Travel to Kamchatka”. Its basic frequency will be 547 queries per month. And this is without specifying greece phone number library the region and without exact match.
    query tail example
    All other additions to the request will be tails, clarifying the request.
    If we look at the line “Travel to Kamchatka + by car”, the frequency will be only 21. This means that people enter such a phrase much less often…
    And pay attention, then I add the tail “in the summer” to the main phrase and what do we see?

    phone number library

    One impression per month

    Do you think it is difficult to promote a site to the first page of Yandex for a request with a frequency of 1? And is it necessary to do this at all?
    request travel to Kamchatka in summer
    If you add 2017 to the end, the why i don’t use social media result is obvious. There are no queries for such a key. This is a junk query that should not be included in the site core. And even more so, promoted by it. And even more so, the studio should not show such an example job data in its portfolio.
    Of course, this query has a seasonality. Maybe I’m wrong.

  • 5 reasons why it is better to order design from freelancers

    Have you noticed that the demand for freelance services has increased significantly at the moment? And even large companies have begun to more often involve not web studios, but private specialists remotely in their projects.

    No, I won’t tell you which specialist is better. The one who works from home or the one who sits in the agency office. But since I am a freelancer, I want to give a few reasons in our favor.

    I can perfectly understand customers

    How difficult it is to make a choice in favor of this or that performer. I myself have acted in this capacity more than once. Therefore, I understand well what you expect from a person.

    So that he doesn’t let us down with the deadlines, and doesn’t screw up with the quality, and so that the price is adequate. This interests everyone.
    Let’s start with quality, because the most important thing is the result. People are ready to pay more and wait longer for quality.
    At the moment, the web design market has grown so much that finding a freelance specialist is no longer a problem, as it was a couple of years ago. Former newbies have become skilled, trained, developed a portfolio and know how to create excellent products. No worse than web studios.
    It is enough to go to any freelance ghana phone number library exchange and scroll through the first few pages of the rating. Or just type in the search engine the phrase “order website design”.
    Speed ​​of execution
    Horse racing
    Deadlines (development time) are another important factor. A responsible freelancer, for whom orders are the main source of income, is interested in deadlines no less than the customer. I know this from my own experience.

    phone number library

    For example

    I never take more than 2-3 orders at a time. And if it is a large project, then it is better not to be distracted by small and medium ones at all. And I want to complete the project on time or earlier, to receive full payment and move on.
    In agencies, everything works differently. Several how to reduce website bounce rate specialists work on a project. And web design is only one of the stages of development. In the best case, they are observed, in the worst case, they are increased. This simply depends on the organizational structure and the standardized schedule of employees.
    Freelancers often work at night, on holidays, and job data on weekends. Not all and not always… But the fact that our work schedule is more than 8 hours a day is for sure.

  • Why I don’t use social media

    Today I would like to tell you why I haven’t been on social networks for several years. Many of my friends are often surprised… Like, how come you’re not on VK?! Why?
    To understand why people leave social networks, you need to understand the reasons why others are constantly there.
    The main reason is, of course, communication. People make friends, get to know each other, keep in touch, exchange information.
    Let me tell you about myself))
    We will mainly talk about Vkontakte. Since I have a “special” attitude towards this network…
    I am not curious and have never crawled through other people’s pages to see how others live. Since I had several thousand people as friends from my old line of work, the news feed was also unreadable.
    And to be honest, I perceive the “news feed” in social networks as a “gossip feed”. Who went where, what happened to whom, who is selling what, and so on…

    Later I tried to clean up my friends list

    Now, if my memory serves me right, there are about 500 people left as friends. All the rest were transferred to subscribers. But the feed didn’t get any cleaner, oddly enough ))
    When you work on the Internet, unconstructive and idle chatter takes up a lot of time. I treat correspondence as a means of communication on business. Not for entertainment, but for exchanging information.
    I’m an introvert and socializing a lot is not really my thing. And in general, messages like “Hi, how are you?” are annoying, especially from germany phone number library strangers or people I barely know.
    It’s better to chat with friends in person, or on the phone. And when you have time for it, rather than being constantly distracted by short messages throughout the day…
    When I gave up photography completely (and this happened gradually), I started going to social networks less and less often. At some point I even wanted to completely delete my account, but then I changed my mind. Because sometimes you need to contact someone, but there are no contacts. And the easiest option is to write to him on VK.

    phone number library

    When I was doing photography

    I had to sit on social networks. I was especially often on VK. Moreover, I had a fairly popular and lively group. And I can tell you that orders for photo shoots came from there with enviable regularity.
    Thanks to my social fabulous edtech blogs to follow activity, I quickly gained word of mouth. And the season (usually filming from May to November) was fully scheduled.
    After I changed my occupation from photography job data to web development, I had to start almost from scratch. I updated my personal page. Gradually cleaned up albums with wedding and other photo shoots.

  • 7 Best WordPress Form Builder Plugins of 2024

    A WordPress form builder plugin is probably one of the best ways to collect information from potential customers who visit your website. Without these forms, a company could end up missing out on sales or even missing out on purchasing their products in the long run. Building these forms doesn’t have to be a complicated process; in fact, with the right WordPress form builder whatsapp marketing service plugin, it’s easy to automate the process.

    Many WordPress form builder plugins have upgraded their functionality to help creators collect data from visitors by 2024. Here are some of the best options currently available.

    whatsapp marketing service

    Premio Subscription Form

    This plugin provides creatorsThere are tons of beautiful templates to choose from. It’s always a good idea to choose a color scheme that matches your website’s identity. Best of all, all of these templates look legitimate. Other WordPress form builder plugins have templates that make the site look untrustworthy; that’s not the case with this option.

    Another major selling point of this option is that it allows developers to connect their forms directly to MailChimp or GetResponse. These are some of the most popularEmail MarketingPlatform. It is important to transfer the data collected through the form to a platform where it can be effectively used.

    The basic plan for Premio Subscription the best shopify themes of 2024 and the most commonly Forms is just $25 per year. This is less than what most users pay for any of the advanced features of the other options on the list. The price tag makes it a viable option for new website builders and those looking to upgrade from the free form builder they are currently using.

     

    WordPress built-in form builder 

    WordPress has a built-in form builder that’s available to anyone who builds a website through the platform. There are different ways to access it; one of the easiest is when publishing a blog on the site. All anyone has to do is search for the term “form” on the block editor when publishing a post.

    This option has several benefits. It’s crawler data built-in and free, so there’s no need to install any additional plugins. To transfer the data collected by these forms, you may still need to install a plugin like MailChimp.

    This option doesn’t have a ton of exciting templates either. For a lot of people, this is still a way to get things working. If they want to run a test just to see how the form looks on the site, this might be a perfect option. Once they’re done with that, they can migrate to a plugin with better functionality.

  • 6 WordPress Plugins for Building an Email List

    Digital communication remains one of the core ways to reach and interact with customers. If digital marketing is the core, then email marketing is the undeniable king of digital connections, and every email could be the cornerstone of success.

    However, in order to connect with your audience, you need a group of willing participants. That’s why building an email list is important. A healthy email list plays a key role in boosting engagement, driving conversions, and cultivating relationships.

    Email lists provide a direct communication channelm Allowing businesses to reach audiences with targeted messages, promotions, and valuable content. From retaining customers to driving sales. A well-curated email list is a versatile asset that can significantly impact the bottom line.

    What can WordPress plugins do for your email list?

    WordPress plugins offer a ton of features designed to boost your lead generation strategy.

    • They integrate seamlessly with your website, ensuring a consistent user experience. Strategically placed opt-in forms, pop-ups, and other lead whatsapp blasting capture mechanisms will help you grow a healthy subscriber list. Visitors to your website can easily sign up or receive exclusive content with clear CTAs.
    • They’re versatile. Whether you prefer an eye-catching popup or a persistent top bar, these plugins offer a variety of design options. Customize your opt-in forms to match your brand tone and aesthetics and ensure they resonate with your audience.

    whatsapp blasting

    • When building your email list

     

    • pinpointing opt-ins can be a staple with WordPress plugins. Define specific triggers, such as user behavior, demographics, or referral sources. Then display your opt-in forms to the most relevant audiences. By ensuring relevance, you can improve the quality of your leads, which ultimately helps build a more engaged and responsive email list.
    • Break the opt-in process down into multiple steps using a WordPress plugin that offers multi-step forms. This step-by-step approach makes it easy for users to subscribe, reducing friction and increasing the likelihood of conversions, especially for those how to create a glass effect in figma who  are initially reluctant to share their information.
    • You can create and capture leads that might otherwise be lost. A WordPress plugin with an exit-intent popup option can increase the effectiveness of your lead generation strategy by providing a last chance to convert abandoning visitors into valuable subscribers.

    Of course, all of the above operations can be done through a dedicatedEmail Marketing ToolsHave lead generation capabilities. Tools like Brevo, Mailchimp, or Moosend allow you to generate leads through landing pages and subscription forms that integrate seamlessly with your website.

    However, we assume that you need to invest in a WordPress plugin that gives you more control over the design of your form, or that you need to manage lead generation through the familiar WordPress dashboard – assuming your website is also built on WordPress.

    Or let’s say you need features tailored specifically for WordPress, such as content locking, gamification, or integration with other WordPress elements, or you have a WordPress-centric strategy.

    What WordPress plugins can you use to create an awesome email list?

    let’s see.

    6 Best WordPress Plugins for List Building

    Now that we’ve covered the basics, it’s time to explore five of the best WordPress plugins for email list building and understand what makes them the best crawler data for each action they offer.

    Poptin

    Poptinis a popular WordPress plugin that helps website owners create high-converting popups and forms to grow their email lists. It offers a variety of features and functionality, making it a valuable tool for any marketer or business owner looking to improve their email marketing efforts.

  • How to Make Sure Your Pop-ups Are SEO Friendly

    We have all heard about the importance of ensuring your website ranks high in the search engine results pages (SERPs). While many people investOptimize your website’s performance, create quality content, build links, and few people think about their popups.

    However, it is an important part of the SEO whatsapp and digital marketing process. It helps improve the user experience by ensuring that obtrusive elements don’t cause frustration and ultimately cause users to leave the site.

    whatsapp and digital marketing

    In this article, we’ll discuss the importance of ensuring your popups are optimized and provide some tips to help you get the job done.

    The Importance of Making Sure Your Pop-ups Are SEO Friendly

    Carefully crafted to be SEO friendlypop upIt is essential to strike a careful balance between successful digital advertising and enjoyable user interactions.

    It’s important to understand that search engines like Google consider user experience an important ranking element. Pop-ups that are intrusive, unnecessary, or have little impact on the overall user experience can lead to increased bounce rates. This improves search engine rankings and may help increase visibility in search results.

    Make sure your popups are optimized

     

    Now that you understand why it’s crucial my transition from photoshop to figma to make sure your popups are optimized, let’s talk about a few ways to make sure you optimize these important elements.

    Learn Google’s Guide

    The first step you should take is to read Google’s guidelines on pop-ups. As mentioned before, search engines take user experience very seriously. Therefore, you must make sure that your pop-ups are not disruptive.

    If a user lands on a page but has difficulty closing intrusive ads, they will almost certainly leave to find content where they won’t be bombarded with ads or have no choice about what to do with them.

    Prioritize user experience

    This next tip builds on what we’ve already discussed. Because search engines like Google prioritize user experience, you should do the same. Put yourself in the shoes of the end user. If you landed on your website, would you be happy with what you see and experience?

    Ultimately, your pop-up should add value to the user, not just fulfill your marketing goals. Finding the perfect mix between clever marketing and meeting user needs is key to creating an SEO-friendly pop-up.

    Timing and triggering of pop-up windows

    Making sure your pop-ups appear at the right time is extremely. Important to ensuring your webpage ranks well in the serps. This is because a pop-up that appears correctly at a critical. Moment in a user’s journey is more likely to capture their attention.

    Useexit-intent popupswell-timed ads are also crucial to ensure. User engagement and reduce bounce rates, or pop-ups that offer discounts to users. Who have been scrolling on your site for a while can help improve user experience.

    Recommended Reading -How to get the correct popup time

    Mobile Optimization

    While optimizing web-based popups is crucial, don’t crawler data forget about popups that appear on mobile sites. Since many people choose to browse the internet using mobile devices, you could be shooting yourself in the foot if you choose not to focus on mobile.Mobile Pop-up.

    Make sure your pop-ups are non-intrusive, timed well, and displayed correctly so users don’t have to move around the page trying to figure out how to close the ad.

  • How to Reduce Website Bounce Rate

    What to do if visitors leave your site after 5-10 seconds? Let’s talk about it… Behavioral factors influence website promotion, it’s no secret. And the bounce rate is one of the important parameters, which ideally should tend to zero. But the world is not perfect and our task is simply to try to reduce this figure to a minimum.
    In English it sounds like – bounce rate . It is based on how long a visitor stays on the site and how many pages he views. It is on this data that the calculation statistics are based.
    Here’s a simple example. You won’t be able to see more than one page on the landing page. This means that Google Analytics will show 100% bounces. Is this a high bounce rate? The highest possible! But this will be considered a normal figure in this situation.
    In this case, even if the page has interesting or useful content other than photos, the person will still leave immediately. After all, he found the answer he needed here and now.

    Will this negatively impact the bounce rate for one particular page

    Yes.
    Should we remove the visual photo with the answer from the article so that another person will linger and look for the answer longer next time? Of course not )) After all, the content is currently most useful to users. And the photo is the most visual answer in this case.
    And if the concept of the site is to provide simple answers to questions, then there is no point in focusing on the bounce rate.
    However, even on sites of this type, if georgia phone number library you try, you can reduce the bounce rate by engaging users. This could be competent interlinking, additional recommendations on the most interesting questions, etc.
    What is a normal website bounce rate?
    Let’s conclude. There are no clear criteria for assessing “normality”. Each site is individual. The ratio of traffic sources is different for everyone. For one site, 50% of bounces will be normal or even low. And for another – a disaster.

    phone number library
    It is important to be able to analyze statistics and find problem areas

    For example: the average bounce rate on an online store website may be 25%, but for a single page with a specific product it is 90%.
    We look for the reason. First, we check the page itself. Does everything work, does the product photo display, is the description correct, do the how to use telegram for influencer marketing buttons work, etc.
    If everything is OK, we go to the statistics to check the traffic sources. It is necessary to find out where people come from and by what queries. Perhaps an irrelevant ad is running in contextual advertising. People click on an ad that job data talks about a red dress for 1 thousand, but end up on a page where this dress costs 10 thousand rubles. They feel deceived and leave. Here is the reason for such a high bounce rate. It is enough to fix the ad, and the problem is solved.

  • Landing page development. How does it work for me?

    So, today I want to describe the development of a landing page . How it happens for me.

    The idea for this post came to me when I was sent a link to a web designer’s blog. Although, I would call him a webmaster rather than a web designer. The man creates websites, mostly landing pages on WordPress. He does this using Visual Composer. Let me explain right away…

    Visual Composer is a WordPress plugin. It is a kind of visual page builder. With its help, you can assemble pages without knowing HTML and CSS. This is done by simply dragging and dropping blocks.

    I have nothing against such development of sites and landings

    But for my customers I prefer to create landings differently. Although, I admit, designers can save a lot of time.
    There can be many reasons for this error, from DDoS attacks to heavily loaded scripts and gluttonous plugins. You can deal with a DDoS attack by blocking by IP and installing a captcha. But if your site is too “heavy”, then you either need to optimize it or switch to a more expensive hosting plan, which is not advisable.

    In other words, an under-optimized france phone number library website is an unnecessary headache. And it’s better to think about it in advance…
    Invalidity
    The main disadvantage of constructors is that the HTML code of the site will most likely be invalid.

    Validity is the compliance of HTML code with certain rules and standards described by the World Wide Web Consortium or W3C for short. In other words, it is checking for syntax errors and tag nesting.

    phone number library

    Opinions differ on the impact of code purity on search ranking

    It is not yet known whether invalid code affects ranking results. But there is information that some errors in the code can lead to the entire page or site being removed from the index.

    Extra code
    When creating a website using a growing your brand with telegram: tips and techniques constructor, the code contains many extra divs with different classes. Most SEO specialists are convinced that, in percentage terms, there should be more content on the page than code. I hold the same point of view.
    Someone will now say that CSS and Javascript can be job data compressed using services. There are even plugins for compressing HTML. Okay, but how do you make changes later?Yes, you can of course save uncompressed versions. And if necessary, make edits, compress again and upload. But for me personally, this method is not convenient.

  • What is a website footer or what to write in the basement

    Today we will talk about the foundation of your sites. About the part that is not immediately noticeable to the visitor. But is actually an important component of any page. This is the footer of the site.
    What is a website footer or basement?
    The footer of a website is a slang term among Russian-speaking webmasters and developers. Like many others, it was borrowed from English. The word “footer” is translated as “leg, footnote or basement.” That is, it is the very bottom of the website.

    If the header and the first screen are the most important elements of the site, this does not mean that the footer is useless. The footer can be very functional and bring no less benefit than other sections.

    What is usually written at the bottom of the site

    The footer of the site can consist of one block or several. They can differ slightly in color and have different content.
    Please note that on my site the footer consists of three levels:
    this is what the footer on my site looks like
    Basement level one
    At the very bottom of the feeder are usually located:
    logo, copyright and website name
    Statistics counters are traditionally placed at the very bottom of the site or made invisible
    developer or studio name
    This is the least interesting information for a simple visitor. And they try to hide it away from the reader’s eyes, because it does not finland phone number library bring any significant benefit. In my case, there are also duplicated social network buttons.

    Second level basement
    The next part of the footer is a little more functional… Technical links can be placed there.

    Among these, I include links to:
    Links to pages from the main menu, such as ” Contacts “, may also be duplicated.

    Basement level 3
    The next level of the basement is even more informative and useful for the visitor. We will dwell on it in more detail. After all, you can place there whatever your heart desires.

    phone number library

    I will list all possible modules that can be placed in this place

    And I will clarify which of them are more suitable for different types of sites.

    Navigation
    Full navigation with division by best google cloud wordpress hosting of categories. You can often see such a footer on the websites of online stores or large information portals.

    example of a website footer
    Footer of the website of the online store “Bukvoed”

    If the site is small and the main menu has only job data a few items. It makes sense to duplicate it at the bottom. Firstly, this is additional interlinking for the site. Secondly, it is useful navigation convenience for users.

  • My transition from Photoshop to Figma

    Hi, Today I want to tell you why I switched from Photoshop to Figma.
    I wasn’t going to write about this… Firstly, it didn’t seem very important to me what the web designer used to draw the website layouts, the main thing was that it wasn’t in CorelDraw ))
    Programs are just a tool, and everyone uses what is most convenient for them.
    Secondly, many web designers have now switched to Figma, and they have already described all the pros and cons of this program. There are significantly more pros. And I don’t think that my opinion will differ much from the general one.
    But it turned out that over the last couple of months, I received 3 letters from my readers with similar questions.

    Here is an example of one of these letters

    Question about Figma
    I immediately responded in a return letter and promised that I would publish a more detailed article in my next free time.
    But as usual, I’m short on free time, and I’ve also started redesigning my website. So I only found time to write the article now.
    I hope these questions are still relevant to you. So let’s go…
    Why Web Designers Chose Photoshop
    The main purpose of Photoshop is to work with raster objects. It is an ideal tool for processing photos, creating complex collages, restoring images, drawing, etc.
    Yes, you can work with vectors, lay out a brochure, and even make interesting animation. But for layout of printed materials, it is more logical estonia phone number library to use Adobe InDesign. Adobe Illustrator is more suitable for developing logos and vector drawings. And for creating animation, Adobe After Effects.
    It turns out that Photoshop is a super combine for photo processing, but with the most advanced functions. Can you process a photo for a website? Yes, you can. Draw forms and buttons – please. Work with typography – no problem.
    I think that’s why web designers chose Photoshop as their main tool for creating website designs. It had everything we needed.
    Of course, many desired options were missing, some functions were not as convenient as we would like… But, until recently, there were simply no other offers on the market. And since there are no alternatives, we choose the best of what is offered.

    phone number library

    Figma for layout designer

    Figma is a vector editor created specifically for web and mobile app development.
    It is convenient not only for designers. Figma layouts are also much more pleasant to lay out than from psd files.
    And here is a list of some of the benefits:
    In it you can immediately top 6 free vps trials for 2024 view and copy the CSS style of any object.
    The Figma model clearly shows all sizes and distances to objects.
    Easily export design elements, icons, etc. in a convenient format.
    My layout designer easily laid out the first job data layout, although he was not familiar with Figma before)) I explained to him only the key points, and then he got the hang of it himself.

  • How to create a glass effect in Figma

    Since I’ve switched to Figma in my work, I’ll occasionally publish short tutorials on it here on the blog. I think many will find it interesting. No fluff, simple, clear guides. And I’ll start with a simple tutorial on how to easily create a glass effect in Figma.
    Glass effect in Figma
    First, let’s create a frame, say 800×500 pixels, and fill it with some color. For example, green.
    Glass lesson in Figma
    Now, inside the frame, we will create a rectangle or square. From it we will make our transparent glass.
    I will create a 300x300px square of white color.

    Figma glass creation

    Let’s add a Backgound Blur effect to this layer.
    Figma Tutorials – Blur
    Then, by clicking on the “sun”, set the blur strength to 15
    Glass in Figma
    Almost done. For clarity, let’s add some picture or text to the background to make the effect more noticeable.
    I’ll add a guy under a tree at sunset. The sunset is not visible yet )) But that’s for now…
    Figma lessons effects
    And now the most interesting part. To create the effect of matte or translucent glass, in Figma it is enough to change the transparency of the layer color fill.
    Select our square and reduce Fill from 100% to 10 %
    Figma glass effect
    The main thing is not to confuse the fill with the layer transparency. If you reduce the percentage in the Layer field , you will not get this effect.
    Now you can play with the el salvador phone number library parameters to make the glass more matte or vice versa…
    Frosted glass in Figma
    Additional improvements
    We can also add a bit of realism and volume. Let’s round the corners of our square. I’ll set the radius to 9.
    Then we’ll use the Isometric plugin . I’m sure you know how to search for and install plugins, so I won’t explain this part.
    We launch the plugin, select our square and click any of the buttons in the plugin window.

    phone number library

    Plugin isometry in Figma

    There is isometry. Now let’s make our glass a little thicker. To do this, select the group in which our isometric square is located and add a couple of effects to this group.
    The first effect is with these parameters. The glass will gain volume.
    Figma effects
    Again, in the effects, click the plus sign the best shopify themes of 2024 and the most commonly and add a drop shadow effect. Here, select the color of the shadow and its blur at your discretion. Everything depends on your background and idea.
    This time, without any particular idea, I got this:
    glass effect in figma. Tutorial
    The main thing is that you understand how job data it works. If you liked the lesson, let me know in the comments. In the near future, I want to tell you how to create isometry in Figma yourself without plugins.