你的位置:首页 > 网页设计

[网页设计]15个最佳的用户体验和用户界面工具和资源


  无论你是新手还是专业的网页设计师或者开发人员,你总是从创建线框开始来创建 Web 项目,而不是直接开发。 这不仅有助于让你保持在正确的轨道上,以免项目建成后出现了各种各样的问题。 目前有很多的工具和资源都能网上找到,使你的工作更容易。这里给大家推荐15个最佳的用户体验和用户界面工具和资源。

您可能感兴趣的相关文章
  • Web 前端开发人员和设计师必读精华文章推荐
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 12个让人惊叹的的创意的 404 错误页面设计
  • 让网站动起来!12款优秀的 jQuery 动画插件
  • 8个前沿 HTML5 & CSS3 效果【附源码下载】

 

1. Axure RP

Axure
Axure RP gives you the wireframing, prototyping and documentation tools needed to make informed design choices, persuade any skeptics, and document your design and maybe win a few fans along the way. Choose the Standard edition for prototyping or go Pro to add documentation and collaboration features.

2. Notism

notism
Notism is a useful collaboration and prototyping tool that allows you to share designs with others easily, and in real time. Because it gives one the ability to share notes, sketch directly on the work, and collaborate through the use of video, Notism users are able to iterate designs faster. Furthermore, you can sign off design layouts and test the product for usability during each step of the design process.

3. UX Check

uxcheck
UX Check is a Chrome Extension that makes it easier to identify usability problems using heuristic evaluation. It uses Nielsen’s 10 heuristics, along with tools for identifying, annotating, and exporting issues.

4. PowerMockup

powermockup
PowerMockup’s Stencil Library provides a wide range of templates for all the typical elements of a website or application: buttons, text boxes, menus, tabs, tables, etc. Using the Stencil Library is as easy as selecting an item and dragging it onto a PowerPoint slide. All stencils are based on regular PowerPoint shapes and fully editable. PowerMockup is compatible with PowerPoint versions 2007 through 2013 (both 32 and 64-bit). All of this in a single installation package.

5. Flux

flux
Flux, from Facebook, is an application architecture for building user interfaces, and more pattern than formal framework. It complements React’s composable view components via a unidirectional data flow.

6. Photoshare

photoshare
ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive prototypes while working together in real-time. You can also create a library of reusable Templates, Masters, and Assets for increased productivity and consistency across teams and projects.

7. Proto.io

protoio
Proto.io allows you to show your audience prototypes that have the look and feel of the real app. The latest version is packed with a number of new or improved features. There are for example, 49 new fully-interactive UI elements that support ripple effects, drop shadows, an upgraded color picker, and a selection of animated morphing features that allow even greater creativity.

8. Pidoco

Pidoco
Pidoco is powerful prototyping software for rapidly creating clickable wireframes, mockups and interactive UX prototypes for web, mobile and enterprise applications. It’s easy to use with smart sharing and collaboration features, rich interactions, a smart template system, convenient specification generator, exports and much more. This powerful prototyping tool with its commenting, versioning, and issue tracking capabilities, enables you to easily collaborate with others and share real-time information in the process.

9. UsabilityHub

usabilityhub
UsabilityHub is an online test application which helps you to answer questions you may have about your app design, and it offers an analysis as to what people’s first impressions of your design might be, and helps you understand the reasoning behind these impressions.

10. DalekJS

dalekjs
DalekJS will launch and automate your browser, fill and submit forms, click and follow links, and more. It works on Windows, Mac, and Linux.

11. Justinmind

justinmind
Justinmind Prototyper provides you with the best design solution to prototype feature-rich mobile apps, websites, web products and/or enterprise applications, and more. Justinmind Prototyper allows you to share and test designs that run on real devices, and make your wireframe look and feel like the finished application to get a complete sense of your experience.

12. Invision

invision
This tool is being used by more than 80,000 users, this tool can be used for the initial design concept until product testing has been completed and the product is deemed ready to be introduced into the marketplace. InVision is much more than a prototyping tool. Its information sharing features allow it to serve as a project management tool as well, giving you prototyping, task management and version control capabilities in a single package.

13. Firefly

firefly
This tool allows you to upload website mockups, upload app designs during various stages of the design process, incorporate photos, UI ideas, and you can even capture an entire webpage. Firefly is an effective tool for a scattered team as it enables information to be accessed through a browser anywhere in the world.

14. Patternry

patternry
Patternry is a tool for building living UI pattern libraries. It helps designers and developers work faster and smarter together. Patternry is the best way to store your design & code assets. Design patterns contain guidelines, screenshots, living code examples, discussion – arranging them into logical pieces of the UI (Overlay, Data Table etc.). It makes easy to find what you need and gives everyone a complete picture of the project deliverables.

15. AppCooker

appcooker
AppCooker streamlines App creation workflow to get ready for production in no time. It’s an advanced mockup & prototyping tool on iPad. Create, play and share high fidelity mockups using native iOS widgets: it’s the ultimate toolbox for anyone who wants to start creating “an App for that”. From idea to mockup and beyond, it’s easy for anyone to achieve professional results.

 

您可能感兴趣的相关文章
  • 网站开发中很有用的 jQuery 效果【附源码】
  • 分享35个让人惊讶的 CSS3 动画效果演示
  • 十分惊艳的8个 HTML5 & JavaScript 特效
  • Web 开发中很实用的10个效果【源码下载】
  • 12款经典的白富美型 jQuery 图片轮播插件

 

本文链接:15个最佳的用户体验和用户界面工具和资源 

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文出处【http://www.cnblogs.com/lhb25/】