Mobile app version of vmapp.org
Login or Join
Ravi4787994

: Responsive website sketch and design tools in 2017 About 4 years ago, someone asked the community here to suggest tools they use for mocking up responsive websites. Of course, since then,

@Ravi4787994

Posted in: #Dreamweaver #InterfaceDesign #ResponsiveDesign #SoftwareRecommendation #WebsiteDesign

About 4 years ago, someone asked the community here to suggest tools they use for mocking up responsive websites. Of course, since then, times have changed and so I'm raising the issue again here in 2017. Many new tools have come on the market and I'd like to hear suggestions again for tools by each of the following types:

1) BEST OVERALL RESPONSIVE SITE DESIGN TOOL: What tool do you like the best these days for making responsive websites?

2) FASTEST PROGRAM TO CREATE A NEW RESPONSIVE SITE: Excluding weebly-type online stuff, what desktop program do you like the most for being FAST to create an entirely new responsive website with multiple views? Presumably, it would have templates. Of course, an online tool is acceptable, too, if it allows independent HTML output to a regular hosting company.

3) ONE TOOL FOR SKETCH TO FINAL DESIGN: Can you suggest a tool that goes from wireframe to final design in the same program? I'd like a tool that can let a designer build a wireframe based upon some templates, and then move within that same tool to the final web design (html etc.) output? It seems like such a waste to sketch in one program and then draw the final design from scratch in another program. Ideally, one tool should be able to say, "alright, you want a form with 4 textboxes, a DDL, and a submit button so I'll start you with that in final design mode."

4) TOOL FOR TEAMS WITH DEVELOPERS: What responsive website design tool would you suggest that helps tracks pages in progress, finalized pages, add comments for developers, and then let's developers take only completed pages to then integrate into database-driven websites? Without this being in a tool, people have to make various network folders for categories, drop TXT files for developer notes, etc. and that is not good enough these days.

5) TOOL WITH SUBSCRIBER / BACK-END TEMPLATES: Most tools with templates / prebuilt views are designed to just make front-end websites. But in reality, designers need to create "log in" pages, and have menus for members, customers, subcribers, whatever. What program would you suggest that has prebuilt views for this type of "complete" website and not just a basic 3 page public website?

Thanks!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

1 Comments

Sorted by latest first Latest Oldest Best

 

@Cody3331749

1) Sketch - Sketch was built for UI design and is easy to use. In its recent updates it has some native functionality that allows the user to create fluid design patterns. Lots of plugins out there that also do this

2) I can't speak to this as I don't use tools for this step. I would recommend a CSS framework like Bootstrap, Foundation, or Semantic UI

3) I would say use Sketch for this again. If you need to include functionality in these wires or mocks UX Pin is a great tool. It also allows you to show responsive screens (but without any type of transition for the actual responsive animation you would expect to see)

4 I'm not sure you will find all these options in one app. You usually need to come up w a workflow across a few apps but you could get most of what you are looking for in these apps: UX Pin, Invision, Zeplin to a lesser extent.

5)I'm not sure here. You may be looking for a service like Wix. Sounds like you are looking to do a lot of heavy lifting without having skilled developers and designers. You may want to check out Wix or possibly get into Wordpress or Drupal. you can find tons of templates and even plugins that will give you easy access and output of these types of screens/functionality bits.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme