What you need to know to create a PSD website layout for Bootstrap 3?

Question

PSD

Good day.
I began to study the creation of sites with responsive, adaptive design.
It is not difficult to create an html template on the naked bootstrap, with its styles.
But I want more uniqueness.
How to render psd layout to be compatible with bootstrap 3?
What to pay attention to? Is there a list of recommendations somewhere?
Here are examples of sites:
byblos.su
themeforest.net/item/route-responsive-multipurpose...
I'm sure that the PSD layout was drawn first. Or I'm wrong?

Answer 1

The bootstrap was invented for quick prototyping of pages when there is no time / effort for the design. To create psd (a lot of our designers argued when they switched to using bootstrap, so check all my further words) you need to understand the very concept of this framework and know how to use it. Download this psd and just redraw "on top" of your standard elements. The second thing you will need is a grid. The grid in TB is normal by default, but custom padding or other site widths may be needed. To do this, on the robot we use such a plug-in for Photoshop guideguide.me. With the help of this plugin, we generate a grid, and then from our previously created psd we sculpt a site like a lego constructor, using our already redrawn elements. When you have already made your layout, I advise you to give it to any layout designer who is finally a ninja-like bootstrap and let him rewrite the code (The bootstrap source code is written in LESS, you can read about it yourself and customize the framework as you need).

Answer 2

Bootstrap is just a mesh. do what you want

Answer 3

www.designshock.com/bootstrap-3-psd