Affichage des articles dont le libellé est Design Tools. Afficher tous les articles
Affichage des articles dont le libellé est Design Tools. Afficher tous les articles

samedi 21 janvier 2017

10 Free UI Kits for Designers

10 Free UI Kits that will help you with references and ideas for your next projects, be flat or not, these UI kits are really awesome and easy to edit and use.

UI Kit: Flat UI
UI Kits


You will find in this package buttons and icons, glyphs, color samples and typography examples. This is all for free. However, if you would like to upgrade to a Pro Kit, Designmodo has an offer for you too.

UI Kit: EventPro
UI Kits

A UI Kit with an elegant and clean look on the elements, this kit is related to events and organization. Simple – yet powerful – user controls, EventPro allows users to Pin content, manage items, track balances, gather statistics and makes it easy to keep track of your ticket sales, your users and their interactions with your upcoming event.

UI Kit: Basiliq
UI Kits

With over 300 exclusive prototyping elements, this is a Freehand UI Kit that is very complete. There are high-quality icons, that everybody loves and a set of hand-crafted icons for mockups as well.

UI Kit: Nerdial
UI Kits

Nerdial App UI was projected with the current trends like thin lines and big pictures, flat colors, transparent shapes and defined icons. This 8-screen kit comes with a Photoshop and Sketch version.

UI Kit: Ecommerce
UI Kits

This app is for personal use, commercial and non-commercial organization, to sell and/or share your accessories and wardrobe. It’s very simple and minimalist for the end user.

UI Kits

This Kit is very diverse. Colored flat and simple UI Kit released on Dribbble. In the PSD file, you will find common elements such as video player, buttons, graphics and statistics, social and text elements.

UI Kits

Components of the User interface where the concept of apps was based on the iOS design. All the elements are vectorial shapes totally editable included in a unique PSD file which is very well organized. UI components based on iOS 7 visual guidelines. All elements are completely editable vector shapes, included in a single PSD file.

UI Kit: Retro Jam
UI Kits

Retro style is still a strong trend in graphic design and Retro Jam inspires follows this trend. There are two versions, the smaller that is free and the paid one.

UI Kit: UI Components
UI Kits

This kit is all about 3D charts and graphics but there are other UI components. All the components are vectors and fully editable. You can easily plug them into your dashboards or mobile app designs.

UI Kits

This kit has a modern style and its main focus is on color and vivacity in graphs, buttons, icons and other components.



Source:http://spyrestudios.com/top-10-free-ui-kits-of-2016/

mardi 10 janvier 2017

TOP 5 CSS Grid and Layout Tools

Responsive Grid
CSS Grid and Layout Tools

A quick and easy way to create a straightforward responsive grid. Set number of columns and margin; collect your code.

Gridinator
CSS Grid and Layout Tools


Add your columns number, set margins, font size and the widths measurement to use. Get a HTML and CSS template

Responsify
CSS Grid and Layout Tools


Choose number of columns needed, gutter width and add in breakpoints. Apply changes and download the template.

LostGrid
CSS Grid and Layout Tools


Lost Grid is a grid system that is built in PostCSS (postcss.org). It works with any preprocessor and vanilla CSS.

Divtable
CSS Grid and Layout Tools


Quickly generate any size grid you like. This tool uses table or div tags (you choose). Then select columns and rows.

samedi 15 octobre 2016

100 Best Web Design Tools For Creative Entrepreneurs


100 Best Web Design Tools

Typography

Fontface Ninja (Free) – Identify that cool font on the page you are browsing.

Google Fonts (Free) – Find and use high-quality fonts for your projects.

Adobe Typekit (Paid) – Get access to a huge bundle of premium fonts.

Fontstruct (Free) – Online font-building tool, fonts can be shared and downloaded.

Font Squirrel (Free) – One of the biggest database of free fonts.

Type light (Free) – A fully functional, OpenType font editor.

What Font is (Free) – What Font is allows you to identify the font you are looking for.

1001 Fonts (Free) – Database of almost 15.000 different fonts.

Font Flame (Free) – Tinder for font pairing. Hate it or use it.

Typecast (Free) – Create visual and semantic designs that put type first.


Stock Photos

Unsplash (Free) – 10 new photos every 10 days.

FoodiesFeed (Free) – Free food photos.

Free Refe Photos (Free) – Huge list of images. Mostly landscape and nature photos.

Little Visuals (Free) – High-resolution landscape and building photos.

Gratisography (Free) – A massive database of free photos.

Death to the Stock Photo (Free) – Free stock photos to your email every month.

Superfamous (Free) – Huge collection of nature and are wider-angle shots.

The Pattern Library (Free) – A huge number of patterns and textures.

New Old Stock (Free) – Vintage photos from the public archives.

Pexels (Free) – A massive database of stock photos you can use everywhere

Stock Graphics

Brusheezy (Free) – Free Photoshop brushes, patterns, textures, and much more.

Iconfinder (Free) – Search engine for free icons.

The ispot (Paid) – Premium illustrations from top level artists.

Illustrio (Paid) – Extensive library of images.

Round Icons (Paid) – The biggest icons bundle in the world.

Brushez (Free) – Huge collection of free Photoshop brushes.

Vecteezy (Free) – Huge variety of vector asset including icons and illustrations.

Webalys (Paid) – Premium icons by Vincent le Moign.

Font Bundles (Paid) – Home of premium fonts and font bundles.

GraphickStock (Free) – An unlimited number of high-quality, royalty-free photos, vectors and illustrations.

Infographics

Vizualize.me (Free) – Create your infographic or resume.

Canva (Free) – A simple design tool to create anything you need.

Easel.ly (Free) – Resume and infographic templates.

Infogr.am (Free) – Online tool for infographics and interactive charts.

Visage (Free) – A simple design tool for creating visual content.

Gliffy (Free) – Online diagramming tool.

Visme (Free) – Online presentation and infographics tool with 1000′s of templates and graphics.

Piktochart (Free) – Natural infographic design to create high-quality graphics.

Draw.io (Free) – Online tool for making flow charts, process diagrams and network diagrams.

Venngage (Free) – Easy infographic maker.

Collaboration

GoVisually (Paid) – One of the top tools to collect client feedback for your projects.

TrackDuck (Paid) – It allows leaving feedback right on a website or image file.

Lingo (Free) – With Lingo, you can build and share libraries of visual assets.

Red Pen (Paid) – Drag and drop your design and get the feedback from your friends.

Bounce (Free) – An easy way to share your ideas on any website.

Usersnap (Paid) – It lets you take screenshots of web pages and annotate them.

InVision (Paid) – Prototyping, collaboration and workflow platform.

Marqueed (Free) – Markup and discuss images online. Pretty useful for Photoshop.

Zeplin (Free) – Collaboration app for frontend developers and UI designers.

Cage (Free) – Nice dashboard to collaborate with team and clients.

Colors

Color Hunt (Free) – A curated collection of beautiful colors.

TinEye (Free) – Determine your colors and search images with the perfect color combination.

ColorZilla (Free) – Perfect extension for picking colors from a web page.

Adobe Color CC (Free) – Generate and save various color schemes.

Coolors (Free) – Color generator for your designs.

Colicious (Free) – Just press space bar and generate new color.

Paletton (Free) – Tool for creating color combinations.

Pictaculous (Free) – Color palette generate from PNG, JPG and GIF.

Hex Color Tool (Free) – Color picking tool.

(Un)clrd (Free) – A browser extension that turns every website into black and white.

Inspiration

Dribbble – The biggest community of designers and place of their work.

Muzli – Daily design inspiration.

Awwwards – The best efforts by developers, designers and web agencies in the world.

Design You Trust – Design blog and a huge community sharing latest trends, news, portfolios, fashion design, and creative ads.

Really Good Emails – Huge collection of well-designed emails.

Fubiz – One of the most popular creative publications covering the latest creative news.

Designspiration – Pinterest-style board of high-level design inspiration.

Behance – Discover the latest work from top online portfolios by creative professionals.

Mobile Patterns – A library of iOS and Android screenshots for your inspiration.

One Page Love – Gallery showcasing the best single page website designs.

Prototyping

Sketch (Paid) – The perfect tool for UI and UX design. But only compatible with Mac.

Napkin (Free) – App for designing quick mocks on your iPhone.

Proto.io (Paid) – Mobile app prototyping tool that allows you to create fully interactive mobile app prototypes.

Axure (Paid) – Quickly design prototypes from your computer and share them.

Balsamiq (Paid) – Wireframing and mockup tool with a high focus on usability.

Weld (Free) – Draw your website online, just the way you want it.

POP (Paid) – Helps you to transfer your pen + paper ideas to a real working prototype.

Flinto (Paid) – Sketch interactive prototypes from static images.

HTML5 UP (Free) – Responsive and customizable HTML5 templates.

Moqups (Paid) – HTML5 based web app for making wireframes, UI designs, prototypes, and mockups.

Graphics Editors

Photoshop (Paid) – One of the best tools in the industry. Perfect for enhancing photographs, designs, and 3D artwork.

Illustrator (Paid) – To build beautiful vector arts.

DAZ 3D (Free) – To create realistic humans and animals in 3D.

Gimp (Free) – Open source editor for editing and retouching images.

Blender (Free) – Open source 3D creation.

Affinity (Paid) – Photo editing tool. For Mac only.

Aviary (Free) – Photo editing mobile app for Android/iOS and the Web.

Pixlr (Free) – Online image editor.

DrawPlus (Paid) – Create amazing logos, drawings and designs, at a reasonable price.

BeFunky (Free) – Simple online photo editor.

Logo Design

Squarespace Logo (Paid) – Drag and drop logo creator.

Free Logo Maker (Free) – Simple logo creator with flat icons materials.

DesignMantic (Free) – Enter company name, select your industry, and it will generate a logo for you.

Logogénie (Paid) – Logo Genie makes logo design easy and fun.

Logotype Maker (Free) – Random generates logotype for your company.

Logo Garden (Paid) – Online logo creator with hundreds of fonts and icons.

Logoshi (Paid) – Draw a messy sketch, get a modern logo.

Logaster (Paid) – Online logo maker and generator.

Logo Maker (Paid) – Generate hundreds of potential logo and modify them online.

Tailor Brands (Paid) – Quick and easy custom logo maker tool.


Source: /www.forbes.com

samedi 1 octobre 2016

TOP 5 UX design tools

Mural

Remote working is the key here. Seamlessly work within the same space as if everyone was in the same room.

Color Safe

Generate colour palettes for your projects that not only look good but are based on web accessibility guidelines



UX Pin

Manage your entire UX process with this easy tool. Design, prototype and collaborate across one platform.


UserTesting

Customers count, and knowing how they work is critical to success. Get videos of people working to get essential insight.


JustinMind

justinmind.comNeed prototypes? Get feature-rich design mockups and change them into fully functional UI prototypes.

vendredi 5 août 2016

45+ Free materials for Web Designers for August 2016

Paul Grotesk Modernist Type Family



Magnolia Script Free Font



Nomura Grunge Free Font



INKFERNO Free Typeface



Fibre Free Vintage Font



Hensa Free Brush Script Font



Kano Free Typeface



Affogato Friendly Sans-Serif Typeface



Akrobat Modern Sans Serif Font


Web UI Kits

Stella Blog UI Kit (Photoshop)



Free Landing UI Kit (Photoshop & Sketch)



Google Inbox UI Kit (Sketch)



Facebook Analytics UI Pack (Sketch)



Bookworm UI Kit (Sketch)



Kauf Web UI Kit (Photoshop)


Mobile UI Kits

Free Relate UI Kit (Photoshop & Sketch)



10 iOS GUI (Sketch)



Guacamole 3-in-1 UI Kit (Photoshop, Adobe Xd & Sketch)



iOS 10 Music & News UI Kit (Sketch)



10 iOS UI Kit (Sketch)



Deadline UI Kit (Photoshop)



Indeux Fashion Store UI Kit (Sketch)


Wireframe Kits

Starter Wireframe Templates (Sketch)



Turbo iOS Wireframe Kit (Photoshop, Illustrator & Sketch)



Fluid Wireframe Kit (Sketch)


Theme & Web Templates

Responsive Landing Page Template With Flexbox (HTML)



Start-up Landing Page Template (HTML & Photoshop)



Noemi Pure and Elegant Blog Theme (Photoshop)



Trio Unity Web Template (Photoshop)



Apollo One-Page Web Template for Photographers (HTML)



Shop Isle Free WooCommerce Theme (WordPress)



Covalent Material Design Template (Sketch)



Icon Sets

Photography Icon Set (Illustrator)



Free Line Icon Set (Photoshop)



/h3>
Rio 2016 Olympics Line Icons (Photoshop)



Free Line Icon Set for Designers (AI, EPS, SVG, PNG)



30 Isometric Icons (AI, EPS, PNG)



All Flag Icon Set (Illustrator & Sketch)



Google App in Apple Devices (Sketch)


Mockup Templates

Apple TV Mockups (Photoshop & Illustrator)



iOS Twitter Mockups (Sketch)



Brushes for Photoshop

Wavenwater Ohotoshop Brushes & Tools Presets



130 Plant Photoshop Brushes


Source: https://speckyboy.com/2016/08/03/50-free-resources-web-designers-august-2016/