Servage Magazine

In sense of a language, the word “Design” has broad spectrum of meanings, but for we web designers, have some limited scopes to feel it. If you are at planning and prototyping stages of development, simple boxes and lines will make a great design for you and your clients. Once you jump in to the graphics designing software, aesthetics of design part would become visible and color, shapes, typography, etc. visual elements will begin to make some sense for you and your clients. As soon as your programmer is giving final touch to your website or web application and your QA team is giving green signals to upload it on the ...

When we consider the user experience in our web designs through texts, we first consider the typographical elements and their impact in our designing. Any content in western culture is read from the left and top of the page and goes to the right and bottom. This left to right tendency has led us to create horizontal rhythm; whereas, top to bottom conveys vertical rhythm. Vertical rhythm Good readability comes through the vertical arrangement of typefaces along with image alignments. We can say we are soothing our audience with a good visual presentation of UI elements through symmetry and familiarity in UI components. This inherent nature of human reception, ...

Because fluid layouts are fundamental to responsive design, I think it bears a quick recap. Fluid layouts are created using percentage width measurements so that elements resize proportionally to fill the available width of the screen or window. It’s not feasible to create a design for all the possible device widths on which your page might be viewed. Web designers generally create two or three designs (sometimes a few more) targeted at major device classes, such as smartphones, tablets, and desktop browsers. They rely on fluid layouts to take care of all the possible sizes in between. Fluid layouts avoid awkward amounts of leftover space and prevent the right ...

Page Layout Strategies Before we start dissecting CSS layouts, let’s talk about the various options for structuring a web page. As you know, web pages appear on browsers of all sizes, from tiny phone screens to cinema displays. In addition, users can resize their text, which has an impact on the layout of the page. Over time, several standard page layout approaches have emerged that address these issues in various ways: • Fixed layouts stay put at a specific pixel width regardless of the size of the browser window or text size. • Fluid (or liquid) layouts resize proportionally when the browser window resizes. • Elastic layouts resize proportionally based on the size of the text. • ...