Skip to main content

Difference of Web Design and Web Development


 Web Design vs. Web Development

In essence, web design refers to both the aesthetic portion of the website and it’s usability. Web designers use various design programs such as Adobe Photoshop to create the layout and other visual elements of the website.

Web Developers on the other hand, take a website design and actually make a functioning website from it. Web developers use HTML, CSS, JavaScript, PHP and other programming languages to bring to life the design files.


Web Design – A Closer Look




Web designers must always begin by considering a client’s website objectives and then move on to an Information Architecture (IA) to set a website’s information hierarchy and help guide the design process. Next, web designers can start creating wireframes and finally move to the design stage. Web designers may use several basic design principles to achieve an aesthetically pleasing layout which also offers excellent user experience.

Design Principles

  • Balance – It’s important for web designers to create a balanced layout. In web design we refer to heavy (large and dark colors) and light (small and lighter colors) elements. Using the correct proportion of each is critical to achieving a balanced website design.
  • Contrast – In color theory, contrasting colors are ones placed opposite one another on the color wheel (see also complementary colors). Web design offers a few other areas where contrast is applicable. Designers look at contrasting sizes, textures and shapes to define and draw attention to certain sections of the website.
  • Emphasis – We touched on this a bit when discussing contrast. Emphasis is a design principles founded in the intentional “highlighting” of certain important elements of the website layout. It’s important to note that if you emphasize everything on the page you end up emphasizing nothing. Imagine a page in a book where 80% of the content is highlighted in yellow…does anything really stand out? This is the time to take a look at that Information Architecture for direction.
  • Consistency – Also called repetition or rhythm, consistency is a critical web design principle. For example, clean and consistent navigation provides the best user experience for your website visitors.
  • Unity – Unity is the relationship between the various parts of the website layout and the composition as a whole. Based in the Gestalt theory, unity deals with how the human brain visually organizes information by grouping elements into categories.

Web Development – A Closer Look




Web developers, sometimes called programmers, take the design created and build a fully functioning website. To put it (very) simply, think of the design as a non-interactive “picture” of a website. Developers take that design and break it up into it’s components. They then either use just HTML or a more dynamic approach incorporating programming languages such as PHP to develop the various website pages. More advanced web developers may choose to utilize a Content Management System (CMS) like WordPress or Joomla in order to streamline development and allow clients an easy way to maintain and update their website.

Web developers may convert a static layout into a dynamic website by using image and content sliders, active states for links and buttons, and other interactive elements.

Comments

Post a Comment

Popular posts from this blog

About programming paradigm Season 2

 History of Programming language     What is the Computer programming? A computer program is a collection of instructions that describe a task or set of tasks to be carried out by a computer. Computer programing are difficult or impossible to solve a problems mor efficiently and effectively. History of programming languages The first programming language was invented way back in 1843 Ada Lovelace  came up with the first-ever machine algorithm for an early computing machine that she wrote down on a piece of paper because no computers existed at the time! Programming languages have obviously come a long way since then but in order to understand the history of programming languages, one must first acknowledge their origin. Ada Lovelace Programming languages are said to be “lower” or “higher”, depending on whether they are closer to the language the computer itself uses; 0s and 1s - are called low or more English-like languages are called high. These languages can be con...
Post a Comment
Read more

Reflect on the inspirational speech

 It seems we have been measured almost all of our lives, when we are infants, with our height and our weight, and as we grew it became our speed and our strength. And even in school there are test scores and today with our salaries and job performance. It seems as if those personal averages are almost always used to measure where we are in comparison to our peers. And I think we should look at that a little differently. That personal average is just that, it's something very personal and it's for you, and I think if you focus on that and work to build that, you can really start to accomplish some really amazing things. 
Post a Comment
Read more