SEO help и др.: Tools for designers

No comments yet

Here is a great list of tools for designers. You can do things much quicker, and these tools can help you to create colors schemes, help you create code, and more.

Stripe Generator
This is a really great time saver for creating stripe patterns for your websites quickly and efficiently.

Buffer
Buffer lets you send out Tweets at different times and automates the whole process, so you can promote your links and articles, with hardly an effort.

Fontstruct
Ever wanted to create your own font? Now you can with with this free font creation tool. Web based, you can create your own fonts from any location.

Wunderkit
Wunderkit is a simple, but intuitive to-do list app for Mac, PC, Android and iPod, that you can sync across all of your devices.

EverNote
I love Evernote, because you can organize al of your thoughts and ideas, and you can sort all of your thoughts and links to articles and information. It works great and comes on mac.

Kuler
Kuler is great because it helps you create great color combinations and color schemes. You can search popular color schemes for your projects.

Color Scheme Designer
This is another great tool for creating great color schemes. You can set several different parameters.

TypeTesterThis is a great tool for testing out typeface choices for your websites quickly and easily.

CSS3 Generator
Generate several different CSS3 effects quickly and effectively. You can create anything from rounded boxes to text and box shadows.

Ultimate CSS Gradient Generator
Create cross-browser compatible CSS3 gradients easily with this tool. You can control the location of the gradation, as well as the opacity. This is great for any web designer.

Trimble Sketchup
This is really cool if you want to make 3D models. You can make exterior/interior models and just about anything else that you want.

Mail Chimp
A great tool for newsletter or email campaigns. You can use the forever free option to store up to 2,000 subscribers and you can send 12,000 emails per month. What a deal for the budget web designer.

MAMP
MAMP is a great testing service tool that allows to you have a local testing environment on your own computer. It is great for developers, because it allows you to test your creations without being live. This is a must have for any serious web developer. I use it for testing new WordPress themes that I am working on.

Spider Scribe
This is a great free min-mapping tool that is simple and intuitive. You can use it to quickly break down your ideas and sort out all the details of any size project.

Font Squirrel
I absolutely love Font Squirrel. They feature free fonts for just about any type of project, but they also have a free packaging service where you can download the web fonts package of any web font that you choose. It even includes the CSS, so you don’t even have to write any code!

Icon Finder
Icon Finder is an excellent resource for just about any icon that you would need for a project. You can use them in your projects, and it helps when you don’t have the time or budget to create new icons.

Firebug Add-on
Firebug is an essential tool for any web designer. You can use it to inspect any web element and discover the CSS properties that affect it. This enables you to easily troubleshoot any coding problems and ensure that your site looks exactly how you want. It breaks down the code and tells you what property is controlling the current look or behavior of an element, and in which document to find the code.

Google Analytics
Google Analytics is a must-have for keeping track of your stats and enabling you to analyze the performance of all of your web sites in one place. You can view where traffic is coming from, the average time on your site, the bounce rate, and more.

Woo Rank
Woo Rank is really cool, because it analyzes your site and tells you how it is doing. It is easy to understand and gives you a huge breakdown of what you are doing right and what you can do to improve your site.

Fotolia
Fotolia is the best photo site out there as far as costs are concerned. Fotolia if fairly inexpensive, so you can download a web-sized image for your project or blog for as little as a dollar each. You can buy packages very cheap and they have pages and pages of images for just about any need.

Colour Lovers
This is a great tool for backgrounds, palettes, and patterns. This is a great resource for inspiration.

HTML Forms
This is a great tool for html forms so you can have a contact form on your web site. Simple, easy to implement, and it’s free!

Favigen
This is a great favicon generator, so your site can have it’s own icon next to the url in your viewer’s browser, letting them know they are in the right place.

CSS3 Menu
This creates your menus and drop-down menus quickly and easily, making styling your menus simple. You can focus on the look, and not on the code.

CSS Menu Maker
CSS Menu Maker is a great resource for implementing CSS dropdown menus on your website. Simply find the style you like, copy the code and source files, and integrate it into your site. They also have a cool Dreamweaver plugin as well.

http://webhelp101.com/2012/08/11/25-useful-tools-for-designers/

Read more »

2 comments

The success of web applications and websites depends in how well designed the User Interface is. Designing a good user interface however is a very challenging process. A designer’s concepts and design decisions always affect the end users of the web site, application or generally any user interface or service he has designed. That is why, the dream of every designer is to deliver high quality, enjoyable and valuable experiences for the users. To achieve this goal, it is necessary that a web designer have a collection of web user interface resources and building blocks in his arsenal. There is a variety of User Interface resources that allows you as designer to access, redefine, and create a well crafted User Interface. In this article I am presenting a collection of User Interface Design tools that a web designer can use to realize his design goals. Let us explore these things and further our own craft. Be fascinated!

USER INTERFACE DESIGN TOOLS

1. FOREUI

ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website you have in mind. With ForeUI, your prototype project will be skinnable. Easily change the look and feel of your prototype by simply switching the UI theme.

2. LIVEPIPE UI

LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible.

3. DESIGNERVISTA

Design Professional Quality GUI Mockups using tremendous number of native controls, widgets, clip art, icons, etc. available right in the application. Practically anything you might want to put on a GUI screen is already available, and in high quality art in DesignerVista

4. NAPKEE

Napkee lets you export Balsamiq Mockups to HTML/CSS/JS and Adobe Flex 3 at a click of a button.

5. IPHONE MOCKUP

iPhone Mockup lets you create user interface for an iPhone app in a drag and drop system.

6. ECLIPSE STENCIL FOR OMNIGRAFFLE

This stencil enables you to easily prototype Eclipse (wizard) dialogs with OmniGraffle.

7. GLIFFY

Gliffy free wireframe software makes it easy to create website wireframes and to share web mockups with anyone.

8. SMALL GUI PACK

Small Graphical User Interface Elements Pack.

9. WIREFRAME MAGNETS (DIY KIT)

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping.

10. FLEX 3 STENCIL

Includes all Flex components from Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, menu, scrolls, accordion, tabs, list, data picker, tool tip, errors etc.

11. FACEBOOK APPLICATIONS

A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.

12. PATTERNRY

Patternry is a user interface design pattern library aimed to help solve common interface design problems.

13. USER INTERFACE DESIGN PATTERNS

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

14. PATTERN TAP

Pattern Tap is here to satisfy and encourage the inspiration needs of interface design peers and peeps. It aspires to be the one stop pattern shop for your next inspiration need.

15. USER INTERFACE DESIGN FRAMEWORK

A free User Interface Design tool for Web Designers.

16. LUMZY

Lumzy is a quick mockup and creation and prototyping tool.

17. ANDROID ASSET STUDIO

The launcher icon generator will create icons that you can use in your Android application, from a variety of source images. To begin, simply enter the input details below. Output will be shown below.

18. MEPHOBOX

Great resource for finding design pattern inspiration. You can browse by user or website, or check out collections based on individual design elements.

19. MOBILITY UI DESIGN ELEMENTS

A free set of UI design elements.

20. MOCKINGBIRD

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

21. SERENA PROTOTYPE COMPOSER

Serena Prototype Composer makes it possible to simulate how an application will look and function before any code is ever written.

22. FIVESECONDTEST

Fivesecondtest helps you fine tune your landing pages and calls to action by analyzing the most prominent elements of your design.

23. ANDROID UI ELEMENTS SET

Free set of classic Android OS UI elements.

24. MASSIVE WEB UI AND BUTTON SET

This set contains all of the following elements in three distinct styles: glossy, satin/light gradient, and one-color. The satin/light gradient set is available in 7 different colors (which you’ll find all of in the psd file), all of these for free.

25. BEST PRACTICE UX FORMS STENCIL

This forms contain different button layouts, a progress indicator, captcha code input field, labels and more.

26. THE PENCIL PROJECT

The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

27. MOCKLINKR

Use mocklinkr to convey your static mockups as a linked-up and clickable website to impress your clients.

28. MOCKFLOW

MockFlow helps to design interactive UI mockups for Desktop Software, Rich Internet Apps and Web sites.

29. OSX LEOPARD GUI SET

The package includes fully editable vector Photoshop sources and a customizable Fireworks PNG file, the original fonts that were utilized for the making of the GUI are also included.

30. IPAD GUI SET

Everything you need for your iPad app layout in layered, vector PSD files.

31. IPLOTZ

iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications.

32. ALL IN ONE WEB ELEMENTS KIT

Complete set of web elements you may find very useful for your upcoming project. A huge set of various web elements, easy to modify trough layer styles.

33. JAVASCRIPT KIT

One of the original javascript snippet libraries on the Internet

34. CONCEPT FEEDBACK

Post your designs and concepts and get free feedback from the design community.

35. WEBAPPERS

Lots of jquery components including a very good collection of image editing snippets.

36. DHTMLX

DHTMLX is a JavaScript library that provides essential functionality for building cross-browser, Ajax-based user interfaces. Develop impressive web applications faster with a set of ready-to-use UI widgets.

37.HTML GOODIES

Jquery resource with excellent step-by-step documentation.

38. DOJO

Dojo saves you time, delivers powerful performance, and scales with your development process. It’s the toolkit experienced developers turn to for building superior desktop and mobile web experiences.

39. CODE SUCKS

Javascript snippets with extremely detailed write ups about how they work.

40. ECHO 3

Echo behaves as a user interface toolkit–like Swing or Eclipse SWT. AJAX technology is employed to deliver a user experience to web clients that approaches that of desktop-based applications.

41. SNIPPLR

A good resource with lots of newer scripts and jQuery techniques.

42. MIDORI

Midori is an ultra-lightweight JavaScript framework that gets the job done without getting in your way.

43. ROSCRIPTS (BETA)

Scripts, Snippets and Resources that can be voted on by users.

44. SCRIPTY 2

Script2 is a powerful flexible Javascript framework to help you write your own delicious and user interfaces. .

45. SNIPPET LIBRARY

A library of user-submitted and reviewed snippets and code tutorials from a variety of programming languages.

46. ZK

ZK includes over 200 ajax components, all ready to go.

47. JQTOUCH

A jQuery plugin for mobile iPhone application development.

48. HOT GLOO

The Online Wireframe Application.

49. QTIP2

A jQuery upgrade for the qTip tooltip plugin. Easily make stylish tooltips for your site.

50. WEBRESOURCES DEPOT

Included in their large directory of design resources is a number of very useful scripts and snippets.

51. FILLERATI

A unique alternative to Lorem Ipsum. Generate blocks of real text for your mockup. Select to receive your text from a variety of public domain works.

52. OPEN SOURCE SCRIPTS

Providing Javascript snippets and code.

53. HTML ASSETS

This is a collection of free Javascript code snippets. It has scripts setting the default focus on page elements (useful for HTML forms), scripts to auto-jump to the next form field when the current form field is full, and scripts to display the current date and time, reload the web page, print the web page, view the page source, close the browser window, and go back to the browser’s previous web page.

54. MINI AJAX

A collection of extremely elegant snippets.

55. WEBCODR.COM

A few very useful snippets for your website.

56. EDITABLE GRID

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

57. CACOO

Cacoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. It can be used free of charge.

58. SLIDENOTE

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application. It’s also available as a WordPress plugin.

59. DENIM

DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming.

60. PLACEHOLD.IT

A quick and simple image placeholder service.

WEBHELP101