Journal

Let us keep you in the loop with whats happening in our world.
We will also share interesting things you can apply to your business

What’s In a Name? We Changed the Name of One of Our Products. Here’s What Happened.

The name Visual Composer is well known throughout the web dev industry. For reasons we’ll explain shortly, a name change appeared to be in order. We took the necessary steps to ensure the change would go smoothly, only to discover that the result was, in a word – chaotic.

Looking back, we should have realized that when a name that was mentioned as a feature on many of the most popular WordPress themes suddenly vanished into thin air, it was bound to create confusion.

We want to apologize to our long-time partners and to Visual Composer users everywhere for the confusion and misunderstandings we created.

To set things straight, we’d like to take you one step at a time through what became of the Visual Composer Page Builder.

Specifically, why we decided to rename it.

The logic behind renaming the Visual Composer Page Builder

Rebranding our product was something we didn’t want to do, but as things turned out, we had no choice.

The problem we faced can be traced back to when we created a fresh product, the Visual Composer Website Builder, a website-building tool that serves a different purpose than the Visual Composer Page Builder.

The VC Website Builder is NOT a new name for the VC Page Builder.

The VC Page Builder is an Envato-exclusive product, and like all products sold by Envato, a lifetime license comes with every purchase.

If the same applied to the VC Website Builder everything would have been fine, and a name change would not have been necessary. The Website Builder is however much more complicated than the Page Builder. So much more so in fact, that its development costs are too high to support a lifetime license model.

So, we decided to switch to an annual licensing model when we marketed the VC Website Builder.

Problem solved? Unfortunately, not quite.

We quickly discovered that because limitations in our contractual agreements with the marketplace we couldn’t sell another product with the Visual Composer brand outside the platform.

That meant that we had a pair of options:

  • We could change the Visual Composer Page Builder name, which would allow us to market the VC Website Builder with an annual licensing model.
  • We could trim back the features and operational capabilities of the VC Website Builder to the point where we could afford to market it with the lifetime licensing model.

While none of those options was perfect, we chose to make the name change since we did not wish to have to compromise the quality and capabilities of the VC Website Builder.

Hence, the name of the Visual Composer Page Builder was changed to WP Bakery.

Check out the following video if you’d like to see our explanation in greater detail:

Please embed this video: https://www.youtube.com/watch?v=t4ZRWNF60OQ

If we could do it all over again, we would have informed our partners and users up front as to what was about to happen; why the VC Page Builder seemed to disappear suddenly, what if anything was different about the VC Website Builder, and why WP Bakery entered the picture out of the blue and what its purpose was.

Now that everything is hopefully settled to your satisfaction, let’s have a closer look at our two plugins, the Visual Composer Website Builder and WP Bakery to see their similarities, and what makes them different.

WP Bakery

WP Bakery is simply the new name for the Visual Composer Page Builder, our first plugin. All the features you’ve used and loved are still there. Only the name is different.

What the Visual Composer Website Builder does for you

With the VC Website Builder, you can create an entire website from zero. It’s drag and drop features coupled with a variety of WordPress page templates make website building a quick and easy process, plus you can use the Website Builder with any WordPress theme.

Page building is done using the frontend editor and tree view. The tree view allows you to view your page-editing changes in real time, which can be a genuine time saver. Two versions are available, a free version and a Premium version. The latter offers several added features including the ability to access the header, footer, and sidebar editor.

What’s setting them apart

As we’ve pointed out, they are two different products. With the VC Website Builder, you can create an entire website from nothing, including Content, Header, Footer, Sidebar, and Page Layout. With WP Bakery you’re limited to the Content.

It’s also worth noting that WP Bakery is shortcode based, while the VC Website Builder is not. Since it doesn’t use shortcodes, the VC Website Builder enables clean code generation and avoids troublesome issues when the plugin is disabled.

Click here to view a comprehensive listing of differences between WP Bakery and VC Website Builder.

Another cool feature you get with the VC Website Builder is the cloud-based Hub. You can take advantage of the Hub’s extensive selection of exciting design elements and useful add-ons to extend your design options and capabilities.

Both of our plugins feature an impressive array of benefits, and since we genuinely care about our customers and want to be able to provide the best customer experience possible, we continue to improve both of them.

We sincerely hope we’ve cleared things up to your satisfaction. If you still have questions regarding our products, leave a comment, and we’ll get reply ASAP.

  Image Inq   Mar 26, 2019   Design   0 Comment Read More

14 Free Fresh Resources for Designers

If you are a digital designer, chances are that you will have to stock up on media kits, fonts, and many other resources and tools on a daily basis. It is important to not only know the latest trends but also keep yourself up to date on what is happening in the world of design. We are back again with a fresh collection icon sets, new typefaces, illustrations, UI kits for Sketch, HTML pop us, PSD templates, beautiful landing pages, and many other helpful tools to help you enhance your work and improve your design flow. These fresh list of top 14 resources are not only a must-have for this year but can help over the course of your design career.

This colorful collection of icons by Flaticon can make your web designs so much better. The pack comes with SVG and PNG files so it can be used on a variety of project types. Colors can be easily changed and icons can be customized to suit your web design projects. The pack can be downloaded for free on their site.

Pablo Stanley created this amazing public library of human illustrations. All the figures can be customized by changing their hairdos, seating arrangements, outfits, skin color etc. This pack can be downloaded for free and used for commercial and personal purposes.

This error illustrations kit provides several screens to let the user know that there has been an error. The message is conveyed using a series of multi-colored illustrations. This pack is designed by Teks Mobile and can be downloaded on their site.

These bright and multi-colored illustrations are designed by Iuliia Mazur. These are hand-drawn and digitally edited by the designer and can be used on packaging, posters, web projects, prints and more.

This PSD mockup of the word Fresh and the plant elements is created by Andrew Skoch. It contains layered files that can easily be customized to suit the needs of your project.

This pack consists of 5 simple hi-res fabric brushes. These brushes can be used to customize the background of an image and comes in different tones ranging from bright to slightly dark and medium. When used correctly, it can help create realistic surface patterns that can save you a lot of time and effort.

These subtle scanline patterns can be used on your images to create an interesting texture for your background.

This is one of the most useful resources I have come across in a long time! It allows users to generate color hex codes from a web page. This is usually done with the help of an eye dropper tool that lets you choose and customize a color palette from a web page you have just come across. This plugin can be downloaded for free and the company also offers a ultimate gradient plugin that allows users to generate gradients from a page.

Designers draw a lot of inspiration from just browsing the internet. If you are like me, then you must have come across many amazing web sites and pages that you’d want to use in your designs. With the help of this plugin, you can figure out the size of the elements, how its layout out and the dimensions with which they are designed. It helps the user draw out a ruler onto a web page making it easy for us to see how the elements can be translated onto a template or a theme.

This free PSD mock up comes with a variety of buttons, forms, toggle keys and form essentials. These can easily be integrated into your PSD or Sketch template. The layered file allows for easy customization.

Looking to add 3D text effects to your typeface? This psd file allows you to generate 3D texts, add texture and change backgrounds as needed. The layered psd file comes with different elements that can be easily customized to fit your needs and can be downloaded and used to free.

Screely allows your to turn your screenshots into beautiful mock ups. All you have to do is upload an image and let the web app convert it into a mock up. You are able to choose from 3 different screen sizes, customize or change the background and download it off of the internet. If you are looking for a better way to save and present your screenshots then you should give screely a try!

Showitbetter is a great website that can help you showcase your work better. They offer different PSD mock ups that can downloaded off of their site. These hi-res PSD files are easy to use and can be edited and customized to present your work. All you have to do is copy-paste your artwork or an image and voila you have a customized mock up!

If you are looking to create a beautiful presentation template then you should check out these free templates. They are easy to customize and are organized by category to help use pick the one that best suits his or her project. Using pre-made templates can help you craft professional and artistic looking templates that sometime takes a lot of time to create when starting from scratch. So make sure to check these out before you start working on a ppt. There are hundreds of templates to choose from and most of them are free  for commercial and personal use.

  Image Inq   Mar 22, 2019   Design   0 Comment Read More

Website Building Tools You Should Try in 2019

Website builders are not new. But they have evolved through the years to become more powerful and more flexible. They are more efficient, and better able to meet the demands of new technologies. Today’s website-building tools can help individuals, teams, and businesses. They help to build anything from a simple single page site to a large online store.

The current crop of new and improved website builders is very useful. It enables designers and businesses alike to create a website without a developer.

It can sometimes be a challenge to find the best product to fit your needs, especially if you’re a beginner.

You can be relatively new to the game or you’ve been building websites for years. Either way, you’ll find our recommendations helpful in your search for a website or page builder. It will be flexible, easy to use, efficient, and meets your needs.

  1. Elementor

Don’t want to settle for anything less than the best website builder on the market? For WordPress users, it’s Elementor. This WordPress website builder currently has more than 2 million active installs around the globe; it’s especially popular in the UK, Europe, and the US.

The multiple reasons for Elementor’s popularity can be summed up in one word: Efficiency. Everything is WYSIWYG, every design element is fully customizable; no coding needed.

Say goodbye to the headaches of working around a theme’s limitations. Perhaps you’ve come close to fully transforming an idea into reality, but haven’t quite been able to do so. That’s history. Work your magic right from Elementor’s design panel – here the options are endless. Design your own header & footer, create dynamic content, design a blog bit by bit with Blog Archive, integrate custom fields from WordPress, and more.

With Elementor, if you can imagine it, you can build it.

  1. Mobirise Website Builder

One of the advantages of an offline website builder is you can use it in any way you want to. You’re not tied to any particular platform and you can host your site anywhere.

Mobirise is such a website-building tool. Since everything is drag and drop, it’s an amazingly simple tool to work with. Your sites will be 100% mobile ready and super-fast. You can thank Google AMP/Bootstrap 4 framework for that.

No coding is required, and you’re provided with plenty of design aids to work with, including more than 1,500 professionally-designed templates and blocks and a host of icons, fonts, and free images.

Mobirise is free for commercial and personal use, and over 1.5 million sites have already been created with this offline builder.

  1. Portfoliobox

You can build any type of website with Portfoliobox (it’s not theme-based) but this website builder really shows its stuff when used to create portfolio websites.

That’s not surprising since it was created with photographers, artists, and other creative professionals in mind. It’s so easy to work with than anyone can create an attractive, professional-looking website in a few short hours.

Three plans are available. The Free plan includes hosting of 10 pages, 10 products, and 30 images. It’s ideal for small to medium-size portfolio sites, or to learn more about Portfoliobox prior to upgrading to the Pro plan with its hosting of an unlimited number of pages, products, and blog posts and 1,000 images. The Pro plan also includes a personalized domain, Google Analytics, and custom CSS/IS.

The Student Plan is free and features everything in the Pro plan except the domain. Portfoliobox’s complete set of templates comes with each plan.

  1. WP Page Builder

A modern and pleasing UI, full control of your design, state of the art elements and real-time frontend website building characterize the WP page builder. Everything is drag and drop, no developer or design skills are required, and WP Page Builder will be compatible with your themes.

Any page you create will be 100% responsive and mobile ready, and you can save your design blocks for future use.

  1. 8b Website Builder

The 8b Website Builder is brand new, it features a slick, modern UI that’s super simple to work with, and you can create your websites from your desktop or from any mobile device. The 8b builder is Google Amp-based so you can count on your site being super-fast and 100% mobile friendly.

This futuristic website builder is free of charge during this launch period.

  1. Webflow

Webflow gives you everything you need to visually design, build, and launch responsive websites, and create a custom CMS for every website you build — all without coding.

You’ll also enjoy super-fast managed hosting of your sites, without all the laborious setup. Start your designs from a blank canvas, a free or premium template, or from a third-party UI kit.

  1. Quix – Joomla Page Builder

Quix is the first responsive visual Joomla page builder and theme builder on the market. Use Quix to control every Joomla component, to design headers and footers, create forms and much more. Real-time SEO analysis is built into Quix, as is image optimization to ensure fast page ranking and loading.

All your work is done on the front end, and an excellent selection of fonts, icons, layouts, and design blocks is included. Save your time and money with Quix.

3 Key Tips for Building a Successful Website

1 – Make your site mobile responsive

Making your site responsive used to be just a recommendation before. But today, a majority of shoppers make purchases over their cellphones. Most of them use their smartphones while shopping to compare prices.

2 – Be sure to put your contact details in a place that is easy to find

People may want to contact you or your business. So, you need to put your contact information above the fold, or anywhere it can be easily located. If you have social media accounts, link to them in the header or footer for the same reason.

3 – Respect the need for fast page loading and a well-behaved website

A busy shopper will have little patience with a slow-loading site page. Or, a site that’s buggy and does strange things, the wrong things, or does nothing at all. Most shoppers won’t tolerate a slow loading page or a buggy website. They will seek out a competitor’s site and may never return.

Make certain to keep your site updated and in tune so it runs smoothly. Videos and photos should be optimized for fast downloads. Make certain you’re using a host that can adequately manage your site’s bandwidth demands.

Conclusion

Finding just the right website builder that will meet all of your requirements can frequently be challenging. If only because there are so many to choose from. Finding the right one can be especially hard for a web designer who is just starting out. Novice designers may not always know what they should be looking for.

The purpose of this website building tools roundup is to help guide you in the right direction. We hope that it will make it much easier for you to find a top-quality website builder that meets all of your needs.

  Image Inq   Mar 20, 2019   Design   0 Comment Read More

Copyright Basics for Graphic Designers

As designers, it is crucial to know and understand some of the copyright laws, design patents, and trademark issues that exist today. Copyright laws exist to protect artwork, illustrations, photographs, and other graphical imagery. This doesn’t apply if you are a painter or if your work is a fixed form of creative expression. Under these circumstances, you own the copyright in your work the moment you create it. For any designer, it is imperative to get their seal on all the original pieces they create and they should also cite any borrowed graphics to avoid any unnecessary legal issues.

We have gathered some helpful tips about copyright laws straight from the people who know it best- lawyers.  We hope that these 10 tips on copyright laws will train you the basics on properly citing your work.

1. What can be copyrighted?

As designers, it can be helpful to know what can and can’t be copyrighted. Some of the things that can’t be copyrighted are – Titles/Slogans, names, measurement Charts, calendars, symbols, color, and letter variations. Even though the listed elements can’t be copyrighted, they can be protected by trademarks. When you trademark something you are assigning a particular name, figure or symbol to it so that it remains unique to a merchant or a manufacturer and can easily be distinguished in the marketplace. Copyright, on the other hand, is when you use something trademarked in the form of a written text to convey a viewpoint while citing it as yours.

2. Registration

You own copyrights for your work as soon as you put your work in print. So registration is not necessary to claim the work as your own.  Although you do need to register if you want to represent your claim in the marketplace and to let people know that they can’t claim it as their own. As a designer or an artist, you don’t have to go to the US Copyright office in order to obtain a copyright in the work, it arises as soon as you put your pen/brush on paper. Registering your copyright, however, brings additional benefits.

3. Creative work and copyright protection

Creative work can be protected by the law but an idea does not receive any kind of protection. This legal protection of the creative work allows the copyright owner to have exclusive rights to reproduce artwork, use it to create similar works of art, share copies of work and publically display their work. When you work for a company, they usually would have you sign an NDA form so your work is only theirs but it is a good practice to get shared rights to your work so that you can use it as a reference for future.

4.  What is copyright infringement?

When someone copies your design without giving you credit for your work or uses it without your permission, they are infringing on your copyright. The two basic elements of copyright infringement are the following: – Owning valid copyright and copying by the defendant. Exact standards vary from country to country. Filling out an application and registration online is not going to protect your work from being infringed. It is important to understand the ramifications and what else you need to know to protect yourself and your work.

5.  Defining original work

When your work is easily distinguishable as your own effort, then it is considered original. It doesn’t necessarily have to stand out from the crowd but it has to be different enough to be called an original. If a design is slightly modified or customized from the original, it still has the right to be called an original. For example, a Cadbury chocolate wrapper with a different color scheme and without its logo can be called an original even if the artwork/ design remains the same.

6.  Creative Commons licenses

Creative Commons is a type of copyright that is available to content makers who would like to share their works with a community. It comes with a condition that their work is properly attributed. You can get one of the 6 available licenses through the site – some of them allow you to use them for commercial and non-commercial purposes and then some only for non-commercial purposes. Creative Commons allows artists and designers to share their work online and get a license while they are at it. This allows you to guard your work within that license.

7.  Duration of copyright protection

Copyright protection usually lasts long after a person’s death. Sometimes it lasts even up to 50 years. In the US it lasts 20 years longer. Although the copyright laws vary from nation to nation.

8.  Copyright protection outside the United States

General laws of copyright protection are accepted by most countries in the world. All the countries that have signed the Berne Convention for the Protection of Literary and Artistic Works should follow the same conventions although deadlines, duration, and court processes may vary slightly.

Conclusion

When someone takes credit for the artists work, he or she is taking more than just the artwork itself. They are taking away all the processes that led the artist to be inspired to create that work. If you are inspired by someone else’s work then use it to make something unique and acknowledge the person behind the work when you can. Take your copyright infringement seriously, this way you will be able to meet the challenges head on before it gets worse. Artists and designers work long hours to come with their work, so it is important to preserve their integrity and give the credit where its due.

  Image Inq   Mar 19, 2019   Design   0 Comment Read More

11 Best Adobe Illustrator Plugins for Designers

Adobe Illustrator is a powerful vector based program that lets you create and customize vector-based shapes, text, and artwork. Even though it comes with many built-in features there are areas where it falls short. It doesn’t necessarily work with all programs and sometimes lacks the shapes and elements that designers often need. Plugins and add-ons can help add in the functionalities that may be lacking in illustrator. By installing these third-party programs you are able to customize the tool to fit your needs. They not only provide necessary elements but also enables you to work quickly and improve your overall workflow. We have gathered a list of incredibly useful plugins to help customize your illustrator experience. In this article, we will talk about plugins that you can either download or purchase from the third party websites.

This plugin is compatible with different models of Adobe Illustrator. With this plugin, you are able to measure the interlocking area or a singular path using a built-in feature that is embedded in the software. This way you are able to calculate the surface area of the printed graphic. In order to do this, you have to search for relevant content in the grey dialog box and scan for the right information. This is a free plugin that can be downloaded on their site.

This plugin lets users access closed paths, open paths, filled paths, stroked paths, unstroked paths, compound paths, groups, dashed paths and undashed paths on an object. It can also be used for flattening images and keeping transparencies. It is compatible with almost all models of Illustrator and is available for download for free.

With vectorscribe you are able to control shapes, points and handles more easily. The reposition point tool lets users maintain the shape of the original path, the extend path tool lengthens or shortens the path, the ghost handles allows more control over a path while dynamic corners allow better control of the corners. You can either download the 14-day trial or pay £69 for the software.

Texturino allows designers to apply natural and artistic effects to an artwork. Instead of having to switch back and forth between different applications and tools, you are able to apply texture effects simply by painting over an image. It comes with an opacity brush that efficiently masks various elements in an artwork providing better control and greater depth for the user. This is not a free tool but can be purchased for £29.00

How many times have you had to clean an image or an artwork after you have imported it into your illustrator file? This plugin can help you clean up your file. It is designed to take out the excess data that you would otherwise have to manually take out. It also has a text handling feature that lets you change the characteristics of an imported text. It also has options to break text apart and remove text transforms. It costs £29 to purchase this plugin.

This tool lets your position shapes and elements accurately on an artboard. It includes rotating to collision tool and space fill feature tool that lets the user distribute the shapes accurately within a container. It is compatible with different models and can be purchased for £15.

This plugin is a relevant tool in the packaging industry. It allows users to import artiosCAD files in illustrator and convert and flatten them. Once you have positioned your file on the artboard, you are able to apply swatches and move it around as needed. This is a free plugin and is compatible with all AI models.

This illustrator plugin is specifically made designers looking to transition into 3D. It lets you import files, adjust the view, adjust textures and highlights to integrate 3D elements to your design. The trial version is available on their site and is compatible with Adobe CC 2017-2018 models.

This is a specialized tool created for repeat graphics and complex patterns. You are able to create repeating graphics and edit the patterns to grow your patterned vector swatch. Once you have created a pattern, it can easily be saved as a swatch. You are able to reverse colors on geometric patterns creating positive and negative spaces that balance the overall pattern. It costs $364 to buy the full version and is compatible with AI 10 to 2017.

With this plugin, you are able to turn your handwritten fonts into vector fonts. This plugin is perfect for type designers who are looking to create their own lettering styles. When paired with illustrator, you can add colors, edit shapes and format the text to your liking. All you have to do is drag and drop the files into the program and create a version that suits your design project. It costs up to $49 to purchase this font and is available for both Photoshop and illustrator.

You are able to control vector halftones and duotones easily with this tool. The best part about this tool is that you can easily adjust levels, saturation, hue, and curves without having to use Photoshop. This intuitive tool can smooth out your workflow and costs about $89. It is compatible with CS6 and CC

Conclusion

Illustrator plugins can expand the capabilities of the Adobe software. There are a lot of available options to choose from. Finding the right one, although takes time and effort. Not all plugins are worth the expense, so it is important to choose one that is specific to your project and your workflow. We hope that this list helps you in your search. Do you have an Illustrator plugin that you keep using? Let us know in the comments below.

  Image Inq   Mar 15, 2019   Design   0 Comment Read More

14 Best Isometric Mock Up Templates

As designers, you are always looking for new ways to present your work to your clients. Isometric templates can help showcase your work in a realistic way. As a creative professional, you know that your work is only done after the presentation. With the help of isometric mockup templates, you are able to feature your design work with 3D realism that can engage the audience in a unique way. This way of presenting is more effective than a traditional front and back view that can sometimes fall flat.

We have gathered a strong list of 14 isometric mockup ideas that can engage the viewer and help make your designs stand out from the crowd. The mockups created with these templates should allow you to showcase your websites, apps, logos, business cards and much more.

This beautiful mockup template by Graphic river helps you showcase your work with the help of unique mock-up scenes. You are able to easily move the objects to create your own scene as well. The main features of this template are -28 layered object file that is easily editable, items in separate folders, customizable backgrounds, adjustable shadows, effects & colors, and isometric views. This package includes – A4 Letterhead, Envelope, Mug, Calendar, Folder, ID Card, Flag, Clock, iPad, Mac Book, Lighter, Catalogue, Shopping Bag, Stapler, iPhone X, Pen, business cards etc.

This template features smart objects and easily editable backgrounds that can be customized to fit your project. It features 32 mockups with different views and device colors. This kit features 8 PSD files with a clay model. The device color options are space Grey, Silver, and the new Gold.

This scene generator lets you create mockups with different elements that are all accessible in the isometric design view. It contains over 160+ design elements and product views that lets you create a stationary mockup, laptop mockup, iPhone mockup and other packaging mockups, and much more. The package includes electronics such as (Apple iPhone, iPad, iMac, MacBook Air etc), Packages (plant, box, paper coffee cups), paper (corporate blanks, visit cards, envelopes, notepads, glasses, turntable, headphones etc.) and other miscellaneous offerings.

This bundle comes with a collection of different business card templates to showcase your business offerings. It comes with the following features -4 flat-style and isometric business card mockups, Perspective-view, top-view, jpeg for quick previews, 4 edge color combinations. You are able to easily edit and customize the objects and the backgrounds as needed.

This template features a layout with an interesting perspective to showcase your flyer designs. It offers easily editable smart objects, pre-made PSD files, changeable backgrounds, separated shadow, editable shading/shadows, and organized layers and folders.

Here is a mockup template to showcase your designs on an iPad Air. This mock-up includes right and left perspective angles and can be viewed on all 3 color models. You should be able to download this for free if you are an Envato elements subscriber.

Present your business card ideas using this layered mockup template. This template features 10 layered mockups that can be customized to fit the project. These mocks ups are specifically designed to be fully editable. You are also able to play with different elements and change the background color.

This multipurpose mock-up can be used to showcase a variety of projects. It comes in 3 depth sizes ranging from 5 px, 10 px to 15 px. If you are looking to create a 3D view of an app, website, brochures or a flyer. This mock-up is for you.

This isometric mockup lets you easily edit and showcase your designs. It comes with the following features – easily editable smart objects, fully separated shadow, fully editable shading and shadows, changeable background Via Smart Objects – Automatic Perspective and organized layers and folders. It comes with fully Separated Shadow option.

This kit includes square envelopes and comes with the following features – window shape customization, 3 layer styles, 3 paper textures, 4 photo filters, 5 background images, changeable background via smart objects, separated shadows, and reflections, fully organized layers and folders, photo=realistic files.

This template is ideal for your UI projects. It offers a few different perspectives. This template lets you place your designs using smart objects and comes as a layered PSD format.

This mockup template lets you create stationary mockup scenes to showcase your designs. It is fully customizable and easy to use. It includes the following features – items that are fully customizable, changeable stationery designs via smart Objects, changeable background texture & Color, organized and named layers, separated and transparent shadows / moveable Objects.

With this bundle, you can showcase your websites in different isometric perspectives. You can easily edit your presentation ins seconds and change the background if needed. It includes the following features – Stack up your websites and present them as needed. You are able to easily create your own perspective workflow, drag and drop elements, use Photoshop to edit and customize files, edit smart objects and view your designs in different perspectives.

This tool helps create Fully editable phone mockups. Some of the most notable features include one-click installation, left and right transform,  8 styles for the 3D volume, 3 offset options, well-documented user guides, and layer customization options. If you are looking to turn your images into fluffy mockups then this mockup tool is perfect for you.

  Image Inq   Mar 13, 2019   Design   0 Comment Read More

10 Best Corporate Website WordPress Themes and Templates

If you are looking to download a versatile corporate theme, you would want to check out the multipurpose and beautiful themes featured in this roundup. In this article, we have gathered some handy tips and features that come with each theme (or a template) to help you find the best one for your business. Getting a theme specific to your business is not a decision you should take lightly. A WordPress theme is responsible for not just the aesthetic part of your design but the functionality aspect of a website as well. So scroll your way down through this post to see which one of these is best suited for your corporate website.

Netbizz is a business and corporate template. It comes with 8 HTML pages and with 4 homepage variations. Its fully responsive design and cross-browser optimization make it work on a variety of devices and platforms. It comes with a documentation folder with code structures and best practices for web design and development. You are able to create a great website based on Bootstrap or Grid 1170px. Support requests are answered within 24 hours, making the creator of this theme a reliable service provider.

This WordPress theme is specially designed for creative agencies. It comes with a variety of feature and also has a built-in page builder. You are able to create a customized sidebar and are able to choose from over 450+ fonts. It is SEO optimized and comes with clean and minimal design. Some of the important features to note are unlimited color choices, 6 footer layouts, 4 Blog styles 15 pre-defined background patterns, price table, built-in translator, font and, logo uploader.

Crizal is a multipurpose template that is best suited for an agency, accountant, financial firms, consulting firms etc. It features neoteric web technologies that let you create a unique website. It is fully responsive and works well on different devices. Some of the interesting features to note are google font integration, eye-catching design,  W3C validated code and easy customization.

Wesal is a premium corporate HTML template that lets you create websites just the way you imagined it. It offers easy color management and supports google fonts. It is compatible with tablets and full browsers. It is best suited for corporate, entrepreneurs, web agencies, and other arts agencies.

C-Biz is a clean, multi-page corporate and business template that is easily customizable and editable. It is fully responsive and works well on a variety of devices. It includes clean and well-commented code that is organized in a folder. It comes with multi-page layouts and special gallery and portfolio section. Some of the other features to note are google map integration, detailed help documentation,  fancy box image gallery, and well-commented code.

Sanabel Theme is a corporate WP theme specifically developed for medical, startup companies, consulting firms, tours operators, travel companies and more. The available demos are easy to import and you don’t have to be an expert to build your business. You can also replace the demo data with your own content to create a professional website that suits your needs. It also has a built-in page builder that lets you drag and drop page templates to build your own. It comes with 6 Header styles and 11 footer layouts that enables you to manage widgets as you like.  Some of the other key features to note are – slider revolution, layer slider, woocommerce compatibility, vector icons, typography options, unlimited color options, boxed and wide layouts, child theme support, and RTL support.

It is easy to customize and edit this site. It comes with retina ready features and supports WMPL and Woocommerce. With the drag and drop builder, you can build and manage different elements easily. It comes with boxed and full layout options. Advanced admin panel lets you control and manage colors, google analytics, favicon etc. With the live color changer, you can explore the unlimited color options and try a different setting for themes of your choice. Some of the key features to note are 15 overlay patterns, 3 blog styles, 500+google fonts, built-in shortcodes, blog/portfolio thumbnail options, 5 custom post types, price table, process bar, and video tutorials.

The best part about this corporate WordPress theme is its slider – with the drag and drop module you are able to create and set easing style and time out options for each slider element. It is a clean and minimal theme that lets you choose between multiple page layouts. You are also able to build your own templates with the help of the drag and drop builder. Some of the key features to note are built-in shortcodes, 4 blog styles, 6 footer layouts, 15 pre-defined background patterns, 450+ available fonts, built-in translator, price table, thumbnail options, layer slider, video tutorials, font and logo uploader. All the support is connected through the website and is responded to within 14 hours.

This business and corporate theme comes with a page builder that can be used to create custom page layouts. It is fully responsive and has a custom CSS box. It has an advanced color box gallery that supports lightbox gallery and built-in shortcodes. Some of the key features include unlimited color and sidebar options, 6 footer layouts, 350+ available fonts, thumbnail options, 3 sliders, and video tutorial to set up the demo site. All the support is conducted through the site and answered within a 14-hour time frame.

This is a simple and straight-forward business WordPpress theme that is best suited for corporate websites. It comes with different color scheme options and homepage layouts. This template features – 6 pages, valid XHTML that works well on multiple browsers, layered PSD file, 960 framework, lightbox for portfolio pages and HTML code that is SEO friendly.

  Image Inq   Mar 11, 2019   Design   0 Comment Read More

Best Practices for Combining Typefaces / Fonts

Combining typefaces is an art. The best part about art and design is that once you give shape to a form, you are free to explore different styles, techniques, and combinations to communicate a message. That being said, you have to understand the basics of typographic design to be able to move beyond these rules. Designers usually work with multiple fonts to create visual interest and establish information hierarchy. While there are no rigid and scientific rules to follow, it is important that you understand some tried and tested techniques to create a good typographic structure. By looking at some of the best practices in type design, you will be able to see what typefaces can be paired together and why they work well.

1. Complementary fonts

Most typefaces are able to evoke an emotional response in a user. Since they tend to have distinct moods and personalities, they should be combined only if they work well together. You want to ensure the mood of the typeface matches the mood of your design. Sometimes typefaces in the opposite sides of the spectrum work well together. Their differences in detail usually tend to balance each other and create a harmonious design.  For example, if you are working with a specific font with a bold personality such as the font in the image above, pair it with something thin and elegant. This way you are able to create a balanced design. You’ll often find yourself relying on instinct or a gut feeling when making this decision – this is ok. Getting better at finding and pairing fonts that work well together takes practice but is easy to master with time.

2. Combining serifs and Sans serif

This is a classic combination that works really well for both web and print projects. If you are short on time, then mixing serif and sans serif fonts will always ensure great readability. Although it is advised not to pair fonts with strong personalities together. For example, if you look at the article below, you’ll be able to tell that Trade Gothic is a dynamic and elegant typeface while Bell Gothic, on the other hand, has a strong presence. Putting these two together may not be the best choice for readability.

3. Create Contrast

One of the reasons why serif and sans serif typefaces work is that they are are able to create a visual contrast when paired together. Contrast can be achieved in a variety of ways – using color, styles, weights, size, and spacing. If you look at the above example, you’ll see how rounded and curvy letters look better when paired with their leaner, thinner and cleaner companions.

4. Establish a visual hierarchy

When you are working on a design project, you would have to establish hierarchy not just for layouts and imagery but also for the body copy. This way of arranging words will help the viewer read the most important parts of a page. One way to approach this is by taking a look at what information is an essential part of the design. When you know the parts that have to stand out, you will be able to make more informed design choices. Traditional publishing formats such as newspapers, magazines, and zines all offer good examples of how to apply a hierarchy to a page layout.

5. Limit the number of fonts

It is usually a good idea to limit the number of fonts to 2-3 per design. This will usually ensure better overall readability and legibility. Although some projects may require you to go elaborate on your font combinations. If that is the case, then your design should look cohesive and harmonious and not messy and cluttered.

6. Consider Context

Your text considerations should depend heavily on your design project. It should be readable and displayed in the right font size. Font styles also play an important role in setting the tone of the overall project. The traits of the typefaces should match the attributes of the intended message. Sometimes you would want something that really pops and other times you would want to go with something neutral.

7. Assign distinct roles

One easy way to combine typefaces is to assign a distinct role to a typeface. You could do this by assigning a bold typeface for the headlines, something conservative for the copy, and back to neutral for the body copy. In the end, they should all be pulled together to form a cohesive design. When you assign distinct roles to these fonts, you are able to define a typographic hierarchy that can help draw the viewers attention to the most important elements of the design.

8. Use different point sizes

One of the best ways to create contrast and distinction is by varying point sizes. This basic principle can drastically improve the reading experience. If you look at the example below, you’ll see how the text on the right is considerably more readable than the one on the left. The size of the body copy can be adjusted to create a suitable contrast and help establish the typographic hierarchy.

Conclusion

There are many ways to combine typefaces, the fact that there are no rules that are set in stone can make the whole process time-consuming. This handy set of best practices will help you create typefaces of your own. The more you practice it, the better you will get at it. The art of pairing fonts is all about using your intuition, experimenting and taking risks.  We hope that these tips give you a better understanding of the basic rules and what typographic situations to avoid to create the best possible combination.

  Image Inq   Mar 07, 2019   Design   0 Comment Read More

7 Best Photoshop Actions for Web Designers

Photoshop is a powerful tool that can help you create great work. Designers usually use this tool to create custom graphics, web layouts, sometimes even to sketch prototype ideas for clients. One of the best aspects of Photoshop is its action feature. If you are looking for ways to automate those complex tasks that you use on a regular basis, then make sure to add Photoshop to your web design tool kit.

So what exactly are Photoshop actions? They are a series of actions or steps that are carried out by the program that is recorded and saved as a single action. It can also be interpreted as a programming code that can run against your existing artboard. These actions help transform your work into a unique design at the simple click of a button and save you a lot of time and effort.

This could include some of the tasks that you use on a regular basis – like creating a document, resizing an image, applying a filter, sketching out a wireframe which can be recorded and played back at any given time. These actions can be easily exported and imported making it easy for people to share files with each other. Once you have built up a library of time-saving actions, they can be played back at the touch of a button.

Make your way through this article to find out more about the different Photoshop actions and how to use them in your existing projects. These actions are incredibly useful for web designers and implementing them can speed up your workflow and the overall design process.

This action by Pixel Industry helps you create 1200 px wide canvases with a 12-column grid layout. It can be downloaded for free and can speed up your web design process.

This tool lets you create artboards that are 1600 px wide with a bootstrap grid system for responsive layout design. It can be downloaded for free and is ideal for web designers working on responsive web design projects.

Looking to apply long shadows to your icon designs? This tool will help you create just that. It is available to download from Web3Canvas and can instantaneously transform your designs and add the depth you are looking to create. This package includes 4 actions that help you create 45- 120-degree shadows and comes in handy for web design projects.

This tool lets you create transparent screens with a click of a button. With this tool, you can build designs that blur screen effect on IOS 7 screens.

This action lets you apply  3D perspective to your images. You can easily access three different types of 3D depths and angles. Just hit play and you’ll see how your designs get transformed into stylized imagery.

This action lets you create unique filters to your images. With the help of this action, you are able to create a perfectly composed image for a blog post, or an article The package comes with the following features – One click Image Filtering, 50 instant photo filters, Instagram-like, Integration in WordPress Post Editor, filtered image preview, infinite possibilities to combine filters, and friendly Support

This bundle contains a variety of amazing Photoshop actions that allows you to create custom graphics and other website content. This package includes Light Actions, B&W action set, Vintage Bundle, 28 Season Actions, HDR, Free Facebook Timeline Covers and many other interesting effects that can take your websites from standard to amazing. It is not free but you can get it for a discounted price of $34

How to create your own Photoshop action?

If you are a regular Photoshop user, you probably work with a bunch of set tasks that you repeat on a daily basis. Instead of having to redo them every day, you can easily create a custom Photoshop action that will help you save a lot of time and effort. If you crop/resize images on a daily basis, you can now easily record and automate this action by simply clicking on the window button and choosing actions panel. Now name the action and click on the record button, and walk through the steps you would like to automate.

Once you are done, hit the stop button next to the record button in the actions panel.

How to use premade Photoshop actions

Photoshop actions can also be imported and exported out of Photoshop. The individual Photoshop action files can be downloaded as zip folder files and can easily be installed imported into Photoshop. Once you have extracted the contents from the file, you have a few ways to import it into Photoshop. You can either click on the action file or copy the actions into the Photoshop action folder on your desktop or drag and drop action files into the action panel within Photoshop. Once you have imported the files you need, you can hit play and watch your designs get transformed into interesting visuals. These actions are also highly customizable and can be edited at any given time.

Final thoughts

We hope that these tips and tricks come in handy when you are working on your next web design project. Creating your own Photoshop action and using them can speed up your overall design process and lets you skip the boring tasks you find yourself working on every day. Trying out other peoples actions can help you tap into interesting techniques, beautiful effects and learn more about post-processing styles.

  Image Inq   Mar 05, 2019   Design   0 Comment Read More

What is a web design proposal? How do you write one?

Writing a web design proposal is a time-consuming and monotonous task – when done right, it can be a successful business foundation for your design business. Knowing and building your copy around important aspects of the work will help you craft an effective proposal that will match the complexity of the proposal to the complexity of the project. Whether you are working for an agency with a team of other creatives or a freelancer trying to sell your own products and services, writing a strong proposal can help you set the right expectations, find work and win clients.

In this article, we will discuss how best to tailor your projects to win the right clients, present your work and make your case as to why you are the best person for the job. You will take away some important tips, best practices for your presentation and a free template to help you get started.

What is a web design proposal?

A web design proposal is a document where you outline your services, pricing, and details on how you are going to bring value to their team and the project. It is basically a summary of what you are going to do for the client and a detailed break down of how you are going to solve their existing problems. Writing your proposal is an important part of winning a client so it should include your understanding of their company, their goals, the project and why you are the best person for the job.

There is no definitive formula for writing a great proposal but here are some important rules to consider when writing one.

  • It is important to understand your client and the needs of the project in mind when writing your proposal. Clients with a smaller budget and project scope do not need a detailed break down of your process- writing a few pages about what they are going to get, your pricing details and anticipated timelines should do. Generally, the larger the company, the scope of the project and the budget, the more detailed your proposal should be
  • Ask questions about the nature of work, timelines, budget, and other details. Once you have these details hammered out and out of the way, you will be able to focus on the work itself and find ways to deliver your promise. Here are some important questions that can help you better understand the nature of your work. 1. What are your budget expectations? 2. What is your timeline expectation? 3. What is your design aesthetic? 4. What integrations are required?
  • Understand your client’s needs before writing your proposal. Understanding their challenges will help you to put yourself in their shoes. This will help you create a highly effective and personalized proposal that will ultimately help you win clients.

These rules are not set in stone but putting yourself in the shoes of a prospective client, asking the right questions up front can help you tailor your project proposal that can help you land clients.

Building blocks of a great proposal

It is important to showcase that you clearly understood the needs of the client, the business, the budget, timeline, and other expectations. You don’t want to overwhelm your client with unnecessary details. Breaking your proposal down to these sections can be helpful to show them that you have clearly understood their needs.

  • Cover Page – Try to keep this page simple. This should be addressed directly to the client with the project name with your name and date. Include an overview of the suggested brand colors, themes, and other brand elements. You can also add a 2-3 paragraph overview of the proposal.
  • Confidentiality Statement – A brief statement outlining your need to keep the information you have provided confidential will help them agree to the required terms.
  • Project Overview – This section includes the general framework of your proposal. It should include your understanding of the project, requirements, goals, your objective, the vision of your project and why you are the best person for the job.
  • Approach – This section should include your process. By breaking down your approach, you are letting your client know your methodology and this transparency will help you and them be on the same page. This section should usually include – Process, capabilities, fee/rate structure, team composition
  • Fee/Estimate costs – All the listed information provided in your proposal should tell your client why your estimate is what it is. Breaking down your pricing will make it easy for them to digest it.
  • References – You want to include people you have worked with here. Add their names, titles, email addresses, project name and a testimonial under each section.
  • About – This section should include the history of your Company, Key team bios, Values, Client list, and selected work.

Making your case

In order to communicate effectively about your designs and approach, it is best to secure some time with your client. This will give you the opportunity to showcase to your client why you are the best person for the job. Clients usually chose a person they can trust and have a good working relationship with. So it is important to share the details about the project in person if possible. Here are some presentation tips you can follow when you are going to meet a prospective client:

  • Get the key stakeholders in the room
  • Understand your audience
  • Focus on the important parts of the project
  • Check in with your client on key points

As designers, we have a huge responsibility to create a positive influence in our industry. A good design proposal gives your client an overview of the project and how you can help solve their design challenge. A well-written proposal is a selling document that can push someone to hire you. So make sure to structure your content effectively by following the above guidelines. By now you should have a better idea of what a web design proposal is and what it should include.

  Image Inq   Mar 01, 2019   Design   0 Comment Read More
Page 3 of 3312345...102030...Last »