let's talk about Bridgerton tea, my ask is open
will byers stan first human second
Aqua Utopia｜海の底で記憶を紡ぐ
No title available
Discoholic 🪩
No title available
wallacepolsom
"I'm Dorothy Gale from Kansas"
Today's Document
#extradirty
Alisa U Zemlji Chuda
❣ Chile in a Photography ❣
PR's Tumblrdome
ellievsbear
Andulka
@theartofmadeline
Show & Tell
Cosmic Funnies
i don't do bad sauce passes
Origami Around
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from Spain
seen from United States
seen from United States
seen from Malaysia
seen from Luxembourg
seen from United States
seen from United Kingdom
seen from United States
seen from Australia
@wacastle
Inspiration is Important
Sometimes we feel that we are stuck, completely without ideas, at this moment it is important to know where to look for inspiration, so I separated some sites that I find interesting to keep in the bookmarks.
Behance.net
Dribbble.com
Awwwards.com
Cssnectar.com
Good typography and using the best font combinations elevate a design from its contemporaries and create a more delightful user experience.
You may not realize it or just have no idea at all, but there is a lot of complexity behind the typography. It would be fair to say that using types is the most difficult part of UI Design. But I'll try to make it a little easier by sharing some tips for you to use in your projects. This article shows me some interesting tips on how to make it a little easier to choose the ideal typography for your project.
A bit about Wordpress
WordPress is a content management system (CMS) written in PHP that uses a MySQL database, a free, open-source website creation platform. In other words Wordpress is the easiest and most powerful blogging and website builder in existence today. In fact, WordPress powers over 39.5% of all the websites on the Internet.
With WordPress, you can create: Business websites, eCommerce stores, Blogs, Portfolios or pretty much anything.
It is a quite simple platform to install even though if you are not a web developer, this is because the platform contains a very intuitive dashboard. another advantage is that because it is a very popular platform it is possible to find many video tutorials explaining basically everything about it.
Discover best practices for UX and UI design consistency with UXPin. Expert UX Designers will help you navigate this important topic.
Design consistency is one of the best ways to keep the user engaged. Define your object with the website, keep the information in a clear hierarchy, keep the design as clear as possible for easy navigation these are just some of the information that this article has to present. This is the type of knowledge that an aspiring web designer should seek.
Wireframe first!
Before jumping into any Content Management System(CMS) such as WordPress, we need to learn to plan our website before starting to code and that is where Wireframing comes in. Wireframing is a way to design a website service at the structural level by creating Wireframes.
There are 2 major types of wireframes:
Low-fidelity - Lo-Fi are generally rough paper sketches and include the most basic content and visuals and are usually static (not interactive).
High-fidelity - Hi-Fi are highly detailed and have the details that are generally missing in their low-fidelity predecessors.
You could use a pen and paper to wireframing, it works very well in most cases. They are quick and as effective as digital wireframes. Rough sketches can communicate ideas and you can understand the flow/structure easily. But you also have the option of use a digital too to do such as: Invison, MarvelApp and, Axure. Sketch and Adobe XD can also be used for creating wireframes.
Having your wireframes handy can make it easier for you to communicate your ideas to your team and how your design would work with responsiveness in mind.
How did we apply the 60–30–10 rule?
Firstly, we had to set our color ratio based on the existing palette. We set the dominant hue (60%) to White (#ffffff), secondary to blue (#191645), and the accent color to green(#43C6AC)
We removed elements such as the name of the user, picture, and date as they weren’t useful in the context of the screen. This helps to free up real estate.
We started analysing the elements and which color each would take. The screen background and card color will remain white.
The big card containing subject information will change from its initial gradient color to our blue(#191645).
Icons and tab bars can be in our accent color green (#43C6AC)
For contrast, elements against a blue background will be white(#ffffff) to help with text hierarchy. Elements against white backgrounds will be blue (#) and a shade of grey(#888888) for hierarchy.
Dedamilola went ahead to implement the new color ratio to the screen
source: uxdesign.cc
A lit bit more about CSS Grid.
CSS Grid simplifies the layout of web pages.
CSS Grids: Two-dimensional layout system Easy to layout elements within the page. Flexbox or Grid? Flexbox works in one dimension while a Grid with two dimensions but both complement each other.
Grid Steps 1 - Define the container settings 2 - Set up columns and rows 3 - Define the location of the elements within the grid
it's time to learn add style in the page.
Starting with HTML? Download this updated HTML cheat sheet and have all HTML tags in one place (new HTML5 tags included).
Learning HTML is a process, sometimes quite painful because just forgetting to close a simple tag that everything seems to go wrong, but this is part of learning and seeing the first page works even with just the cliched phrase "Hello Word" already excites us to continue on that journey. In this link it is possible to find a free pdf with a list of updated tags to be used in your HTML code.
A breakdown of UX and UI — two critical components that can make or break a product.