0

Some examples I have in mind are:

How would you create something like this with minimal effort? Is there a tool or a template? What I particularly don't want to do is to hack away in HTML/CSS, Javascript, or jQuery. If there was only something a bit higher level so I could concentrate on the content while getting such results...

2
  • is this presentation for display on the web i.e a website or are you giving a presentation? Commented Apr 16, 2014 at 19:09
  • On the Web. Maybe I should have said articles?
    – Emre
    Commented Apr 16, 2014 at 19:19

4 Answers 4

0

You're best off going with WordPress and buying a template, here are some examples:

2
  • I'm not going to install WP just for this, but thanks for pointing out that I want a one-page template; it lead me to this and that.
    – Emre
    Commented Apr 16, 2014 at 18:08
  • No problem, glad it got you going in the right direction!
    – Circle B
    Commented Apr 16, 2014 at 18:51
0

How would you create something like this with minimal effort?

Depends on what you mean by 'like this'.

The NYTimes hires talented interaction designers that create those presentations. They aren't from a template, but created based on the context of each story.

Broadly speaking, it's HTML5, CSS and JS.

So, yea, to really do that kind of custom work, you do need to be able to "hack away in HTML/CSS, Javascript, or jQuery".

Like most web design over the past 10-20 years, you either pick a template and live within the confines of the template, or you DIY by hacking away.

There are some tools out there that can help with parts of this, however. For example, Adobe's Edge Animate. I can't say how good it is. I'm skeptical, as I've never been impressed with software than auto-generates HTLM and CSS, but might be something worth looking at.

Side note: While those types of presentations are visually stunning, they aren't always the most usable way to present content. Often people just want to read the story...not have to scroll through pages of sliding bells and whistles. Something to consider.

0

With tools today like bootstrap and jquery making interactivity so easy a little time in css can get you where you need to be without having to worry about the confines of a template or bring known for implementing a template (which I find can be just as bad). What no one wants to admit is that if you aren't willing to figure out the JS, JQuery, CSS etc. then you are limiting the amount of design that you can even employ.

What you need to do as a designer is be able to handle the technical to achieve the design.

http://getbootstrap.com/getting-started/ http://jquery.com/

Also great resource to start 'hacking' your way to a design is w3School too. Don't avoid learning these things! Without them you are only a template peddler.

Otherwise use prezi.com

Seriously got me through college with outstanding presentation each time - very different style from what you have posted but check it out anyway - please.

0

If you have a Microsoft Office license, they just released a new tool called Sway which is somewhat similar to these examples.

https://sway.com/

Another impressive tool that is more slide/presentation based is impress.js Which requires some coding or you could use an online editor to create it like:

http://strut.io/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.