MIGRATING FROM PRINT TO WEB DESIGN
Making the transition from print design to web design can be a frustrating process at times for designers. At first it seems easy. You’re a visual designer, so design is design regardless of the medium…right?! so without any further thoughts, you jump right in and the next thing you know you are confronted with the most dizzying array of acronyms relating to web design. Suddenly you find yourself surrounded by terms like CSS, XHTML, PHP, AJAX, XSLT and countless other shorthand terms for technologies you never wanted to learn. It can be more than a little intimidating.
Design as of today has a bias towards the web and so it is very important to consider things carefully before taking that giant leap but one that if done correctly will boost your business and brand immensely.
Here are some important considerations to make when migrating from print to web design
WEB DESIGN IS ALL ABOUT USER EXPERIENCE
The design aesthetic that allows you to convey brand through print doesn’t always translate well to web. You can’t just take your print campaign, throw in some XHTML and call it a day. Web design, more so than print design, is all about user experience. Not only do the graphics, text, and layout reflect brand; how the interface works, how items load, and how you interact with the site builds brand as well.
Instead of being restrictive, as some designers mistakenly think, web design allows you to create immersive brand experiences that print design cannot match.
WEB LOGO SHOULD BE ON THE LEFT SIDE
When thinking of migrating to web design, it is important to note that website site logos are recommended to be placed on the top left hand side. This is where a visitor’s eye goes first so the site will be quickly associated with your brand if the logo is there and ready. Also, this is where a visitor will check if they stumble onto the site from elsewhere and they wonder where they are.
WEB DESIGN IS DYNAMIC AND JUST FLUID
One of the things that does not change in print design is size. Every document is designed and printed at a certain size but web design does not work like that. Every user could look at a website using a different browser width and height, or look at the site on a mobile phone or tablet. So every design must account for a variety of sizes and devices.
You need to familiarize yourself with responsive design, what it is and how it works. Responsive design (sometimes called RWD) is an approach to website design where sites are created to view optimally regardless of device – desktop, tablet or mobile. Designers create the design using fluid, proportion-based grid concepts and flexible typography and images.
WEB DIMENSIONS AND COLOR
Compared to print, websites are very small. Websites are shown on low-resolution screens that are poor at reproducing color. This causes a number of issues that a print-to-web designer needs to be aware of.
CONSIDER STARTING OFF WITH WORDPRESS FOR YOUR WEBSITE
WordPress is an open-source software. It’s very basic, you don’t need to code. The software was designed as a blogging platform and has an inbuilt content management system that can be extended to other uses with a bit of tweaking.
Like every other things, word press does have its challenges. For instance, you will need to become technical to work around web maintenance tasks. Tasks like sourcing a reliable web host, learning how to point your existing URL to the new server or buying a new one for them.
Actually to be fair, installation is pretty quick if you’re tech savvy, and it’s a popular platform, about 17% of all sites around the world are WordPress.
LEARN A LITTLE MORE ABOUT HTML, IT DOESN’T HURT
Start with a little HTML, the language of the web. With just a little understanding of HTML, you can learn how to easily change colors, fonts and sizes on a website. HTML is the foundation that everything web-based is built on and without it, you will surely ;struggle in digital design.
Once you get comfortable with the basics of HTML, branch out to CSS and basic code. CSS, or Cascading Style Sheets, allows you to create and alter a set of styles for your website based on a style sheet. It creates a set of design rules and can be used to create website hierarchy and maintain visual consistency. Understanding basic coding concepts will help you understand why things work they way they do on the web.
You don’t have to be a master of HTML or CSS or code to create a great digital project, but it will help tremendously.
So do you think there are key considerations we might have missed out? do feel free to share with us in the comments section below.
If you are interested in learning web design or HTML/CSS Contact us or Call us on +234(0)7060575236, +234(1)4532729 between 8:00am and 5:00PM (Mondays to Fridays)