Posts

Showing posts from March, 2022

Web Design for Web Developers: Part 3

Image
Working with Icons Icons can very important part of the Web Designer's work ☁                                                🗄                             ðŸ“’ Icons can improve aesthetic of our websites and can provide better user experience It is actually pretty incredible how much power I can have in determining the look and feel of an entire website. But icons can also cause user confusion when poorly used Basic Guidelines to follow about icons: 1. Use Icons to List Features / Steps You can use icons to show features of your websites or a product you are selling or steps that a user should follow to achieve some goal                            Portable WiFi                  ...

Web Design for Web Developers: Part 2

Image
  Working with Images Big and Beautiful images are everywhere in the web design. In fact, using large background images can make your website look more attractive and create more user engagement. How to effectively put text over images Put text directly on the image This only works if the image is quite dark and text is white. You will not have enough contrast between your image and your text 2. Overlay the image Overlay the image with the color most usual color black, which simply turns the image darker We can use other colors as well as create some beautiful effects with them. 3. Put your text in a box Simply putting text in a box is an easy way to make your text stand out. The box should be opaque so that you can still see the image beneath it 4. Blur the image Either blur the whole image or you can use out of focus area 5. Floor Fade Floor Fade is a technique where an image subtly fades towards black at the bottom with white text written over it. Floor Fade increases text reada...

Web Design for Web Developers: Build Beautiful Websites! Part 1 by Jonas Schmedtmann

Image
  Chapter 1 Web design has become easier because of Flat design Flat design is a user interface design style that uses simple, two-dimensional elements and bright colors. Easy user interface, bold colors, sharp images, simple navigation, distinctive fonts, easy to read the text, all together contribute in making flat design the best option for many designers and customers Chapter 2 Beautiful Typography Below are the guidlines to achieve beautiful typography: Use a font size between 15 and 25 pixels Use big font sizes for headlines Use line spacing between 120 and 150% 45 to 90 characters per line Use Good fonts  Sans-serif Serif More neutral Traditional purposes Clean Storytelling Simple Long Reading Modern Websites Sans-serif regular example: Almost before we knew it, we had left the ground. Example of Bree serif : Almost before we knew it, we had left the ground. Other examples ...