The theories in the back of splendid internet layout aren’t not like the ones at the back of the incredible contemporary structure, i.E., the form (form) of a building should be determined by way of its cause (characteristic). As long as a constructing, a device, a product, or maybe a website, works as supposed, it, in reality, should not matter what it looks as if, proper? So “fluff” without a purpose is wasted, frequently at a brilliant fee. But high-quality architects and architects like Frank Lloyd Wright understood that splendor for splendor’s sake changed into now not continually an awful thing.
Beautiful designs created for no reason aside from decoration can be extraordinarily useful for attracting new clients or establishing a business’ identity. “Less is greater”, or designing something so simple, logical and utilitarian that it becomes simply blah and uninteresting, does not constantly work. Customers are regularly drawn to fancy, flashy, fun and inventive things, and this precept applies within the vicinity of internet layout as nicely. But we are able to cross overboard with the unusual and complicated designs that do not anything to feature to our users’ experiences.
It’s now not good enough to just create stunning Photoshop mock-ups. These are without problems forgotten. Internet users of these days are busy and need the greater capacity. They’re drawn to websites that are complicated, multifunctional, and interesting on the identical time. And our process as internet designers/ developers is to ensure they discover the experience they are searching out to hold them on the website!
Technology and internet layout have converged, so it’s worth your whilst to test out a number of those developments to ensure you don’t get left behind.
1. Depth & Simplicity of Color
You may be questioning “but I hate sites designed in sunglasses of gray. Simplicity is good but does it should be boring?” No; step away from the black, white and gray. Be courageous; upload a few colorations for your designs. You might be surprised at how plenty effect coloration can get your message across in an appealing and friendly way.
The trend is to apply simplest two or 3 fundamental colors but use them wisely. And consider to make the text nicely-described and smooth to read. Some human beings assume hues like purple are difficult to use at the net. Not so if done with a few forethoughts. Your design can nevertheless be easy, easy and powerful with the diffused and subdued use of colors – even red.
At the same time, we are living in a generation whilst 3-D is highly famous. You’re proper; we don’t yet have 3D technology in internet layout, but we will create fake 3-d effects with the expert use of layering and well-placed shadows. One impact is “parallax scrolling”. Although it is not certainly new, it has only currently ended up greater popular. Layered pictures flow around the website at distinct speeds to create a thrilling three-D illusion.
You can do it with a few easy CSS tricks or jQuery plugins. Try the effect as a history, or as a header or footer. Don’t go overboard and frustrate your users. The consequences can be lovely and completely unique!
2. Make it Touchscreen and Mobile-equipped
People are wild today over their smartphones, tablets, iPads, and so on. In reality, the prediction is that greater smartphones will sell this yr than PCs and you need to be equipped to respond.
You can’t simply simplify your authentic website design or layout a devoted cell web site and suppose you are suitable to move. Not so. Many mobile sites supply viewers the choice to hook up with the authentic web site so that you can expect to lose viewers in case your unique website is not cellular-optimized.
You also need to reflect consideration of the truth that maximum net design has constantly been mouse-orientated. But cellphone and pill users can not mouse-over something to light up hyperlinks or use drop-down menus. How do you want to accommodate the brand new fingertip navigation?
Horizontal navigation and magazine-fashion layouts seem prepared-made for touchscreens. And, given that we now not must fear about screen resolution sizes, you must additionally don’t forget “liquid layouts”, where the boxes on the page flex based totally on the viewport window’s size. Since such a lot of visitors may be searching at your web page both horizontally and vertically, this may give you a whole lot greater flexibility than constant-width layouts. Viewers will respect it.
3. Quick Response
I don’t know approximately you, but I am beginning to see those little barcode squares everywhere in recent times – in magazines, in grocery shop aisles, on enterprise cards, etc. They are referred to as “QR”, or Quick Response, codes and also you must be taking gain of this warm new advertising device.
Customers on the go can get data by means of taking a photograph of the QR code with their cellphone digital camera or different mobile tool. (Some may also download the code reader.) They can immediately get right of entry to a website, a particular landing page consisting of a video testimonial you want to promote, a business enterprise’s social media websites, or even location an automatic telephone call directly to the business. One espresso store in Vancouver, British Columbia, serves up their menu to teach passengers and permits them to order even as on the train and locate their cup of Joe anticipating them when they come at the shop.
Embed them on your website to present site visitors a shortcut to your cell website and consist of them on your commercials and promotional materials. The QR also can be an exquisite way to tune site visitors by placing a special referral code on the URL you embed in the code. Or use the QR as your avatar whilst you go away remarks on websites. Make positive you put them on cellular-prepared net pages so human beings can view the web page without problems inside their phones.
Four. Thumbnail Design
Now that the geniuses at Google have added users to the ease of thumbnail browsing, you may need to don’t forget tinkering together with your website designs to make certain the factors will display nicely (Flash-based totally sites will not) and seize the viewer’s interest.
Haven’t attempted browsing this manner? Just hover over the magnifying glass to your Google seek to list (except you’re the use of a smartphone) and you could see what the site’s content material looks like without clicking thru to the website. Instant gratification and much less work! But you may see that many websites look undeniable and boring when regarded this way. Make certain yours isn’t always one in all them.
5. CSS3 and HTML5
With the explosion of CSS3 and HTML5, you may begin to break away from complicated Flash and take benefit of some of the new technology. Essentially, what works on a computer browser will paintings on a phone (with few exceptions), so mobile support is now not an issue.
CSS3 is a powerful new device and should help you design with greater ease using textual content shadow, picture transparency, rounded corners, glow results and border styling. It takes the specific sections of CSS and separates them into modules, supplying you with more browser and operating gadget flexibility. As it turns into completely adopted, there can be an entire host of advanced style residences which include the ability to apply a couple of background snapshots and a couple of desk-less columns.
Both CSS3 and HTML5 will exchange the manner your code, however, greater importance, alternate how you think about the web. They might be the maximum usable gear for net content material and the content material may be richer than ever. There are some exceptional demos from Mozilla to give you a flavor. Get into it now and be ahead of the curve. This is the future of the net.