Pre-loader Animation Using Pure HTML and CSS!
_______________________________________________________
@HTML_and_CSS_3
_______________________________________________________
@HTML_and_CSS_3
👍2
🤖 Tools To Build Your Own Chatbots 😀
@HTML_and_CSS_3
https://smooch.io/integrations/messenger/
https://developers.facebook.com/products/messenger
https://chatfuel.com/
https://botsify.com/
https://core.telegram.org/bots
https://github.com/BeepBoopHQ
https://developers.facebook.com/products/messenger
--------------------Chat_Bot---------------------
🔔Unmute Notification & Share Channel For More Content ✅
@HTML_and_CSS_3
https://smooch.io/integrations/messenger/
https://developers.facebook.com/products/messenger
https://chatfuel.com/
https://botsify.com/
https://core.telegram.org/bots
https://github.com/BeepBoopHQ
https://developers.facebook.com/products/messenger
--------------------Chat_Bot---------------------
🔔Unmute Notification & Share Channel For More Content ✅
🔥1
Forwarded from Rough
Importance of Gestalt Principle in UI/UX Design
𝟭) 𝗟𝗮𝘄 𝗼𝗳 𝗣𝗿𝗼𝘅𝗶𝗺𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Here the website contents like navigation, cards are placed together which make it's easier to understand that they are related to each other and perform similar tasks.
𝟮) 𝗟𝗮𝘄 𝗼𝗳 𝗦𝗶𝗺𝗶𝗹𝗮𝗿𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
In the login screen, the size and colour of the fields and button are same, which helps us to understand they are performing a single task i.e. login, but button fill colour makes it obvious that it's doing a different job in the log in task.
𝟯) 𝗟𝗮𝘄 𝗼𝗳 𝗙𝗼𝗰𝗮𝗹-𝗣𝗼𝗶𝗻𝘁 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
The button colour grabs people attention and make it's a good CTA
_______________________________________________________
@HTML_and_CSS_3
𝟭) 𝗟𝗮𝘄 𝗼𝗳 𝗣𝗿𝗼𝘅𝗶𝗺𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Here the website contents like navigation, cards are placed together which make it's easier to understand that they are related to each other and perform similar tasks.
𝟮) 𝗟𝗮𝘄 𝗼𝗳 𝗦𝗶𝗺𝗶𝗹𝗮𝗿𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
In the login screen, the size and colour of the fields and button are same, which helps us to understand they are performing a single task i.e. login, but button fill colour makes it obvious that it's doing a different job in the log in task.
𝟯) 𝗟𝗮𝘄 𝗼𝗳 𝗙𝗼𝗰𝗮𝗹-𝗣𝗼𝗶𝗻𝘁 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
The button colour grabs people attention and make it's a good CTA
_______________________________________________________
@HTML_and_CSS_3
Forwarded from Rough
𝟰) 𝗟𝗮𝘄 𝗼𝗳 𝗖𝗼𝗺𝗺𝗼𝗻 𝗥𝗲𝗴𝗶𝗼𝗻 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
The contents of the navigation bar and the header bar are assumed as related since it has been grouped and separated from other body contents.
𝟱) 𝗟𝗮𝘄 𝗼𝗳 𝗖𝗹𝗼𝘀𝘂𝗿𝗲 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
The FedEx logo has applied this principle to make a small arrow appear between E and x.
𝟲) 𝗟𝗮𝘄 𝗼𝗳 𝗙𝗶𝗴𝘂𝗿𝗲-𝗚𝗿𝗼𝘂𝗻𝗱 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Just by applying some backdrops we can easily identify which element is in the background and which element is in the front
𝟳) 𝗟𝗮𝘄 𝗼𝗳 𝗖𝗼𝗻𝘁𝗶𝗻𝘂𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Things which are in straight line or in a curved line appearsare more related than randomly placed elements.
_______________________________________________________
@HTML_and_CSS_3
The contents of the navigation bar and the header bar are assumed as related since it has been grouped and separated from other body contents.
𝟱) 𝗟𝗮𝘄 𝗼𝗳 𝗖𝗹𝗼𝘀𝘂𝗿𝗲 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
The FedEx logo has applied this principle to make a small arrow appear between E and x.
𝟲) 𝗟𝗮𝘄 𝗼𝗳 𝗙𝗶𝗴𝘂𝗿𝗲-𝗚𝗿𝗼𝘂𝗻𝗱 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Just by applying some backdrops we can easily identify which element is in the background and which element is in the front
𝟳) 𝗟𝗮𝘄 𝗼𝗳 𝗖𝗼𝗻𝘁𝗶𝗻𝘂𝗶𝘁𝘆 𝗘𝘅𝗮𝗺𝗽𝗹𝗲:
Things which are in straight line or in a curved line appearsare more related than randomly placed elements.
_______________________________________________________
@HTML_and_CSS_3