This Week On: Designers Round-up [657]

This week we’ve rounded up a cool list of resources, tool, and websitessites for graphic and web designersers alike. This week we’ve got tools to help you build better?better?sitess, create colors and fonts, and more!

We’ll start off with the basics to web creation which is slicing. Tune in to a fresh way to exporting with Slicy. On another hand, remove the web developerer from the equation with Webflowflow and the much awaited The Grid.

Like colors? So do we! To add to our previous?post about color generators, we’re bringing one up that complements?the recent material design umbrella. Make your presentations shine with Magic Mockups, or place it in a nice infographics with Infogram. Hope you guys enjoy this week’s designersers round-up!

Slicy

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/MacRabbit-Slicypng?ce0830".com/blog/wp-content/uploads/2015/02/MacRabbit-Slicy.png?ce0830" alt="MacRabbit Slicy" width="1287" height="666" />

Forget what you know about slicing PSDs, now there?s a whole new way that saves you time! Slicy reinvents Photoshop slicing by exporting PSD elements as assets for your websitesite or app. All you have to do is rename your layer groups once, and let Slicy take care of everything else! Designersers and developersers, rejoice! Check out Slicy here

Prototypo

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Prototypo-Streamlining-font-creationpng?ce0830".com/blog/wp-content/uploads/2015/02/Prototypo-Streamlining-font-creation.png?ce0830" alt="Prototypo Streamlining font creation" width="1287" height="666" />

Prototypo is an open-source online application that gives anyone, from hobbyist to professional, total control of typeface design. By using sliders, predefined styles, refine spacing and outlines manually, there are over 20 parameters to create a wide range of fonts, quickly moving from idea to a usable font.

Prototypo integrates historical, mathematical and visual rules of this discipline to automate repetitive tasks and lets you focus on shape design. Prototypo is currently in the works and allows access to the developerer version by subscribing to their newsletter. Check out the site here

here

Webflow

flow

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Top-Responsive-Website-Builder-Webflowpng?ce0830".com/blog/wp-content/uploads/2015/02/Top-Responsive-Website-Builder-Webflow.png?ce0830" alt="Top Responsive Websitesite Builder Webflow"flow" width="1287" height="666" />

/>

Webflowflow is a professional site builder for designinging responsive websitessites from scratch. The difference? No coding is required. Yep, you read that right. Webflowflow automatically generates beautiful code for you as you design so there?s no need to rely on a developer.

developer

Webflowflow generates valid markup and stylesheets and works across all modern browsers & devices. You can try out Webflowflow with a free account, which allows you to create one private site and up to 20 public sitess. Check it out here.

Material Palette

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Material-Design-Color-Palette-Generator-Material-Palettepng?ce0830".com/blog/wp-content/uploads/2015/02/Material-Design-Color-Palette-Generator-Material-Palette.png?ce0830" alt="Material Design Color Palette Generator Material Palette" width="1287" height="666" />

Based on Google?s Material Design, Matthew Aussaguel created the Material palette generator to help designersers and developersers quickly generate a specific color code. All you have to do is pick 2 colors and the palette will automatically pull the code for you. Share and export colors to different formats such as XML, LESS, CSS, SASS, PNG or SVG. Check it out

Magic Mockups

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Magic-Mockups-?-Free-real-life-mockup-generatorpng?ce0830".com/blog/wp-content/uploads/2015/02/Magic-Mockups-?-Free-real-life-mockup-generator.png?ce0830" alt="Magic Mockups ? Free real life mockup generator" width="1287" height="666" />

Here are some great ideas where you can generate mockups of laptops, phone or tablet. Great for your portfolios, presentations, design showcases, websitessites, and more, there?s no copyright or attribution needed so use this for personal or commercial use. Great for designersers, place your app or web design in a realisticistic environment and start impressing folks! Check it out here.

Affinity?here

Affinity?Designer

er

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Affinity-Designer-Professional-graphic-design-software-for-the-Macpng?ce0830".com/blog/wp-content/uploads/2015/02/Affinity-Designer-Professional-graphic-design-software-for-the-Mac.png?ce0830" alt="Affinity Designerer Professional graphic design software for the Mac" width="1287" height="666" />

Claimed to be the fastest, smoothest, most precise vector software available, Affinity Designerer is the go-to tool for graphics, websitessites, icons, UI design or for creating cool concept art. Created to revolutionise how you work, AD allows pan and zoom at 60fps, transform objects in correct z-order, make adjustments or apply effects in real time, and see live previews of brushes or tools.

Whether you?re working on a 100 MP image, or the most complex vector drawing with thousands of curves, it?s still the same and never runs out of memory. Check out more of Affinity here.

The Grid

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/The-Gridpng?ce0830".com/blog/wp-content/uploads/2015/02/The-Grid.png?ce0830" alt="The Grid" width="1287" height="666" />

Here?s another awesome tool for building websitessites. Similar to Webflowflow, The Grid does not require any coding. However, it does take web developmentment to another level ? and what it promises does seem exciting. It is NOT another do-it-yourself websitesite builder. The Grid harnesses the power of artificial intelligence to take everything you throw at it – videos, images, text, urls and more – and automatically shapes them into a custom websitesite unique to you. Check out their pitch video below.

As your needs grow, it evolves with you, effortlessly adapting to your needs. Want to add e-commerce? Social feeds? A different layout? The Grid just takes care of it. Once again, this is not a websitesite builder, it?s your personal AI web developerer. Check out The Grid?s websitesite, which was entirely built using, well, The Grid of course!

Infogram

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2015/02/Create-infographics-online-charts-infogram_png?ce0830".com/blog/wp-content/uploads/2015/02/Create-infographics-online-charts-infogr.am_.png?ce0830" alt="Create infographics online charts infogr.am" width="1287" height="666" />

Infographics. The easy way. It?s all there is to it.

Infogram is the data visualization product that brings out the best of data. The infographics and charts are quick to use, fast to share, and make it appeal to the eye. Infogram?s customers range from small businesses to global media organizations, and they’ve bee n awarded multiple times in their short, but fast-paced history. Check out infogram and their features?here!

 



Font: webwebdesignorg.org