Design boards:
Clarify the idea behind the concept board
Faster iterations
Styleboard
The styleboard is a further elaboration of the designboard. Where with a designboard you describe the application at a higher level, a styleboard elaborates this much further. By placing design and interface elements such as headers, body copy, buttons and icons together, you already show a clear image of the design you have in mind.
styleboardEspecially with a responsive design it is important that you do not immediately start belgium telegram data designing screens but develop a 'design system'. With a styleboard you create this system of components and design elements. Another advantage of styleboards is that they are very concrete about the style of the site, without it remaining too vague or becoming too detailed. A well-known example of styleboards are the styletiles of Samantha Warren .
style tiles
Styleboards:
Further elaboration of the design board;
A 'system' of design elements and interface components;
Clarifies the style of a website.
Elaborate into style guide and screen design
Together with the interaction design (IO) and the content plan, the mood boards form the basis for the further design of the site. From the Content First idea, you start designing the various (content) elements of the site. Of course, you also slowly start taking into account the context in which that content will be placed. A form on a mobile can look very different than on a desktop.