草 稿

那些近期涌现的设计工具

2015.1.19 新增:[开发] Blocs - Build beautiful websites without touching a line of code

2015.1.15 新增:[效率] Markly - Create Beautiful Specs With Ease

 

---

近两年涌现的各种设计工具,有帮助设计师介入代码阶段的,也有让设计师“失业”的。

大致分为以下几类:

 

1. 原型 - 特指快速生成原型的工具,与生成精细动效的工具区分

2. 动效 - 生成高保真交互、动效的工具

3. 开发 - 产出物可以直接用于 Production。强调:“直接设计,无需写代码”。其中 Weebly 更是将网站上线、域名绑定、电商、论坛等全套服务包揽了,是一个端到端的建站工具而不仅限于设计。

4. 效率 - 工作流、版本管理、效果预览、生成 Spec,都算作这一类。此类下有很多 Sketch,Photoshop 插件,在此不做收录。

5. 灵感 - 收集整理设计灵感。个人感言:现在还没有满意的,还是用 Pinterest 吧。

6. 设计 - 是的,除了 Sketch 还有各种新生设计工具对 Photoshop 虎视眈眈。有专业级的 Skala(未上线), Affinity Designer;有 Canva,Makr 等让非专业人士上手设计的半自助工具;也有Monodraw 这种充满 geek 气息的奇趣产品。

 

不定期更新……

  1. [原型+] InVision - DESIGN BETTER EXPERIENCES FOR WEB & MOBILE

    - The world’s most powerful design prototyping tool

    - Real-time design presentation & collaboration

    - Seamless design communication

    - Manage design projects like never before

    - Version control and sync for all your design files

  2. [原型] Flinto - Design Better Apps, Faster

    iOS and Android prototypes made from your existing screen designs.

  3. [原型] Composite - A new, delightful way of prototyping

    Composite is a brand new way of creating interactive prototypes. It automatically connects to your Photoshop® documents and converts your mockups into interactive prototypes in seconds. No need to export images or maintain tons of hotspots.

  4. [原型] Marvel - Free mobile & web prototyping for everyone.

    Marvel is the easiest way to turn your sketches, images and mockups into realistic mobile and web prototypes.

  5. [原型] Pixate - The next generation of mobile interaction design

    Pixate empowers you to create sophisticated animations and interactions that come to life through 100% real, native iOS and Android prototypes—from design to prototype, without the code.

  6. [原型] UXPin - UX DESIGN TOOLS BUILT BY UX DESIGNERS

    UXPin Helps You Draw Inspiration, Not Just Boxes

    If your UX Design tool is going to truly aid your work and not just add to it, then it needs to feature exactly the right tools for the job. Our in-depth, collaborative approach to UXPin as a tool puts everything you need at your fingertips - and nothing you don't.

  7. [动效] Form - Instant Native Prototypes

    Form lets you build custom native prototypes directly on the device.

  8. [动效] Framer.js - Invent, design and experiment with interaction

    Innovative Prototyping

    Framer is a new creative tool to build interaction and animation prototypes.

  9. [动效] Avocado - An interaction design toolbox by IDEO

    Avocado is an open source interaction design toolbox built by​ IDEO.​ It ​enables designers to make quick interactive prototypes without writing a line of code.​ ​Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes.​

  10. [动效] Origami - A free design prototyping toolkit for Quartz Composer.

    Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.

  11. [动效] Animatron - STUNNING HTML5 ANIMATION - NO CODING REQUIRED!

    Create mobile-friendly animations, banners, and infographics.

  12. [动效] Mitya - Prototyping for Interaction Designers

    Mitya is a new tool for designers where you can prototype your interactions ...

  13. [开发+] WebFlow - Create professional, responsive websites.

    Webflow is the top website builder for designing professional,

    completely custom websites without any code.

  14. [开发+] Weebly - Your idea needs a great website

    It's surprisingly easy to create a unique website, blog or online store

  15. [开发?] The Grid - AI WEBSITES THAT DESIGN THEMSELVES

    This is not another do-it-yourself website builder. The Grid harnesses the power of artificial intelligence to take everything you throw at it - videos, images, text, urls and more - and automatically shape them into a custom website unique to you. 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. This is not a website builder. This is your personal AI web developer. Its first masterpiece is the website you're looking at right now. Its next one could be yours.

  16. [开发] Blocs - Build beautiful websites without touching a line of code

    Focused on simplicity, Blocs for Mac brings a fresh new approach to building modern, quality, static websites without the need to understand or write code.

  17. [开发] Froont - Design Responsive Websites With Ease

    Flexible tool for creating and collaborating on web design without code

  18. [开发] WebCode - Spend your time drawing, not writing code.

    Draw vectors, export code (JS, HTML+CSS, SVG, etc).

  19. [开发] PaintCode - Turn drawings into code with PaintCode 2

    Draw things with PaintCode...

    Design controls, icons and other graphic elements with PaintCode’s easy-to-use vector drawing tools. ...or import SVG and PSD files

     

    Already have some vector images? Then there’s no need to start from scratch. PaintCode turns your drawings into code.

     

    Watch PaintCode generate Objective-C, Swift or C# Xamarin code from your drawings in real time.

  20. [开发] Macaw - Stop writing code, start drawing it.

    Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool.

  21. [效率] LayerVault - Design without fear.

    Trusted by thousands of designers and trillions of pixels, LayerVault is the best way to organize, store, version, present and collaborate.

  22. [效率] Zeplin - Collaboration app for UI designers & frontend developers

    Prepare specs & guidelines, freaking fast!

    Quickly turn your designs into powerful specs and guidelines for developers. Easily document properties of UI elements, tailored to the platform you’re working on.

  23. [效率] ikonica - Your app deserves an amazing icon.

    Get an instant preview on all your devices with just one click. Test the look of your icon in different sizes and environments.

  24. [效率] OpenBrand - Take your Creativity out of the Box

    Files, Examples, Specs –

    All Organized In One Place

    Unlike a simple shared drive, OpenBrand ensures everything is documented and your creative works are complete with all source files and production data.

  25. [效率] Markly - Create Beautiful Specs With Ease

    We redesigned the spec'ing software to make it a fun to create spec / UI style guide document for your client. You can use it with Adobe Photoshop CC & Sketch.

  26. [灵感] Inboard - Mac app for organizing your screenshots and photos

    A better way to take full page screenshots

    You can capture the website you have open in your favorite browser in full height with no setup

    Your Dribbble likes on your desktop

    Inboard will automatically import your Dribbble likes for immediate access

    It's not a Swiss knife

    We focused on making just the most essential features to reduce clutter and let your images shine.

  27. [灵感] Ember - Take screenshots, snap webpages, draw on images, and much more.

    Ember makes it incredibly easy to capture and organize screenshots, entire webpages and other images that inspire you. No matter whether you’re working on a new website, planning the dream kitchen, or simply collecting things you love.

  28. [设计] Skala - Skala is a precise user interface and icon design tool with phenomenal rendering quality and a unique blend of vect

    We’ve been working extremely hard on Skala, but aren’t ready to show it to the world just yet. We’ll know we’re ready when we can use Skala full time on our own projects. Everything’s going well and each day is another step towards that goal.

  29. [设计] AFFINITY DESIGNER - Vector art & design

    Imagined by designers, created for Mac

     

    Affinity Designer is the fastest, smoothest, most precise vector graphic design software available. Whether you’re working on graphics for marketing materials, websites, icons, UI design or just like creating cool concept art, Affinity Designer will revolutionise how you work.

  30. [设计] Monodraw - Powerful ASCII art editor designed for the Mac.

    Harness the Power and Simplicity of Plain Text

     

    Plain text has been around for decades and it's here to stay. Monodraw allows you to easily create text-based art – like diagrams, layouts, flow charts and visually represent algorithms, data structures, binary formats and more. Because it's all just text, it can be easily embedded almost anywhere.

  31. [设计] Canva - Amazingly simple graphic design

    Canva gives you everything you need to easily turn ideas into stunning designs. Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, posters, invitations and so much more.

  32. [设计] Makr - a design + print shop

    Build your brand. Create a custom logo, then design + print personalized paper goods like business cards, stationery, wedding materials, stickers, labels and more.

  33. [设计] Antetype - The most efficient way to design beautiful, responsive UIs for apps, websites and enterprise software.

    Antetype is the first design and layout software focused on visual design, built by UI designers for UI designers. It saves you a lot of time creating and optimizing high-fidelity detailed UI design prototypes.

评论(1

的确要与时俱进了