Design n' Stuff

For a better design of your software, follow an evolutionary approach!  Happy Designing!!

Always design a wire-frame for your UI so that placing elements would be faster and more systematic! Happy Designing!

Make sure that there is ample contrast between the background and the text colour of your application UI to avoid distractions! Happy Designing!

Previously on Design n' Stuff windows 8.1 mobile app UI design A user interface needs to be well structured and arranged in a attractive and non - distracting way. Especially because its the first impression which a user gets about your program or the application. Sometimes though your application is capable of many awesome stuff, users may not use it or like it, may be not very popular among the public, simply because its not appealing to them. So this is a small guide which will help you to design your user interface according to the standards and make your app attractive! Let's get started with the fundamentals of UI designing. UI Design Principles There are 5 basic principles of UI design which is also know as "SOLID" S - SRP or the Single Responsibility Principle O - OCP or the Open Close Principle L -    LSP or the Liskov Substitution Principle I -   ISP or the   Interface segregation principle D - DIP or the Dependency ...

User Interface design in windows phone is not as fancy as other phone apps. It's very simple and straight forward. Here are some tips and guidelines to polish and arrange your UI. There are several sections of a UI for which you should consider. Elements alignment and Margin Element spacing  Controls Backgrounds Texts Contrasts 1. Elements Alignment and Margins All the elements should be aligned 24px to the left. (just leave a margin to the left of your application) Align all your contents (text , images, controls, logos) again 12px - 24px from the margin to left. And align all your contents 12px - 24px to right. figure 1.1 Element alignment and margins Check out the semi transparent grid of 25 x 25px red  squares on your app when running on the debug mode.    These squares are contained within a padding of 24 pixels around the page and are offset by 12 pixels between one another — the magic combo for Windows Phone design. The grid e...