Parallax is the web design technique of using CSS to make different layers on the web page move at different rates. So, when scrolling down the page, instead of having all the text, photos, videos, and other elements move screen altogether, it feels more like a visual page turn, with a new layer of beautiful imagery or video or a pull quote gliding up to replace the just read "page."
1More
shared by jorybrodkin on 03 Feb 14
- No Cached
SEVEN ELEMENTS OF GOOD STORYTELLING - 0 views
www.msu.edu/...SevenElements%20Story.htm
elements storytelling creating building stories characters crucible protagonist antagonist premise good conclusion arches conflict
![](/images/link.gif)
-
Looking at this reading on elements of good storytelling, the writer informs on 7 crucial parts in every good story. Starting with the premise, this gives the story a base, in which the characters are able to evolve from. In a good story, you need a main setting as well, where all events take place and gives reason to the story. Within the context of this story, you need both a protagonist and antagonist character, who are the main fighting force in the story. They add to the conflict, which is the rising part of the story, connected by arches, leading to a final resolution.
1More
shared by Rachel Boere on 04 Feb 14
- No Cached
7 Simple Ways to Make a Good Story Great - 0 views
www.writersdigest.com/...ays-to-make-a-good-story-great
writing simple story great communication narratives engaging blogs
![](/images/link.gif)
-
This article touches on several ways to take a story from good to great including engaging all of the readers/listeners senses, writing at your own level, and tapping into the emotions of your audience. All seven tactics can be used in all kinds of writing and would be especially helpful in the world of narratives as they would help the audience feel immersed in what they are reading of listening to.
7More
The Good, the Bad, and the Downright Ugly of Parallax Web Design - 0 views
-
Take last month's Fast Company story about Baratunde Thurston quitting the Internet for 25 days. Toward the bottom of the page, the designers used parallax to make leaves and flowers bloom onto the page. Unless your browser window is extremely wide, the details ended up covering the text, however, making it difficult to read the story:
-
"It's getting a little overused everywhere," Trei Brundrett, the chief product officer for Vox Media, which owns SB Nation, The Verge, and Polygon, told us. The makers of "Snow Fall" and the other parallax pioneers who have used it made it the defining feature of thoughtful web design. "It's a signifier of quality. It has become a trope,"
- ...3 more annotations...
-
The low barrier to entry means, a lot of the times the effect doesn't add much to the story. "I think it's cool if used appropriately or in moderation," said Brundrett. A good use, he says, would be to "cleverly position" photography next to supporting copy
-
Unfortunately, that means it has gotten very tired, very fast. The Pitchfork team sees the whole trend winding down in the next year or two. "I think people will start to use it a lot more and possibly tire of it," said Renaud.
-
"Designers are excited that there is a lot of energy and curiosity around more thoughtful design and breaking out of our optimized content world," added Brundrett.
25More
shared by Talia Baksh on 23 Mar 14
- No Cached
An Introduction to Color Theory for Web Designers - Tuts+ Web Design Article - 0 views
webdesign.tutsplus.com/...-web-designers--webdesign-1437
color theory web designers web design colour schemes
![](/images/link.gif)
-
Here are 3 of the commonly accepted structures for a good color scheme: triadic, compound, and analogous:
- ...21 more annotations...
-
Rather than straining to accommodate for a particular area of the color spectrum, the eye is provided a balance.
-
Contrast Contrast reduces eyestrain and focuses user attention by clearly dividing elements on a page. The most apparent example of contrast is an effective selection of background and text color, as shown below:
-
Brighter colors lead the user to feel more energetic as a result of your design, which is particularly effective when you are trying to advertise a product or invoke an emotional response. Darker shades relax the user, allowing their mind to focus on other things.
-
Complementation Complementation refers to the way we see colors in terms of their relationships with other colors. When colors occupy opposite ends of the color spectrum, they lead people to consider a design visually appealing by establishing a happy medium the eye can reside in.
-
Composed of 3 colors on separate ends of the color spectrum. There is a very easy way to create a Triadic color scheme:
-
Take a color wheel, and choose your base color. Draw an Equilateral Triangle from this point. The three points of the triangle will form your tri-color scheme. By using an Equilateral Triangle, you can ensure the colors have equal vibrancy and compliment each other properly.
-
The Compound color scheme is based on providing a range of Complementary Colors: two colors are chosen from opposite ends of the color spectrum.
-
An Analogous color scheme is based on a careful selection of colors in the same area of the color spectrum.
-
there are a few tools at our disposal that make color selection extremely easy when utilized properly.
-
A tool developed by Adobe, Kuler is aimed at providing an intuitive way to create a color palette. Every color on the palette can be individually modified, or chosen as the base color, with a few simple clicks. Palettes can be saved and published, and there are a number of great community entries available on their site. Under each color, the export codes are provided (including hexadecimal).
-
By providing a very simple and controlled selector, Color Scheme Designer provides a very low barrier of entry, and its choice of color principles present a variety of options. While it doesn't teach its users why the colors work well together (Kuler's dynamic color wheel is much more effective in that regard), its results are great as a starting point or to finish a prototype.
-
Its more advanced options are very useful: features such as the ability to adjust an entire palette's saturation and contrast, color blind overlays, and sample website previews are things I hope Kuler implements very soon.
-
Summary Choosing colors on opposite ends of the spectrum creates a visual harmony for the eyes. A high contrast between elements makes text easily readable, and guides your reader's attention. The brighter the colors, the more mental energy they will consume. Don't be afraid to use tools such as Kuler and Color Scheme Designer 3, they only make your life easier and prevent you from becoming frustrated with the learning process.
-
This website contains very detailed information on colour theory. It defines and explains the 3 core principles of colour theory (complementation, contrast and vibrancy). It also advises the reader on structures of how to select good colour schemes (triadic, compound, and analogous). Furthermore, it includes advice on tools the reader can use to design colour schemes.
5More
shared by Sohyun Kim on 09 Mar 14
- No Cached
The Power Of Tumblr - 0 views
seersuckermag.com/...the-power-of-tumblr
Wordpress Tumblr social media technology imagined community
![](/images/link.gif)
-
Within the first few weeks of using the blogging network, my perception of online communities completely changed. The concise nature of Tumblr allowed to me convey so much with so little.
-
I don’t write this to brag; I say this because Tumblr is influential and powerful. As Tumblr approaches a bright future, the company needs to continue pushing the envelope to maintain dominance in the industry. More importantly, Tumblr needs to remain competitive so they can continue to attract the creators that make the community what it is. Now the question is, what’s next?
- ...1 more annotation...
-
Tumblr doesn’t require users to write long posts to convey messages—gifs can do that. It doesn’t require users to write long posts to convey ideas—videos can do that. It doesn’t require users to recite their favorite sayings—quotes can do that. Tumblr has taken the traditional notion of blogging and has successfully thrown it out the window. They’ve continued to challenge the notion that blogging isn’t only about words.
-
This article is in the perspective of a blogger who decided to switch from Wordpress to Tumblr and his experience with it. The main point of this article is how Tumblr can connect the world with one single social media platform. It emphasizes how little can say much more. It first starts out with Tumblr's current good aspects, and later details the future of Tumblr.
6More
shared by Sohyun Kim on 09 Mar 14
- No Cached
New tools for new movements: Using social media for civil good - 0 views
www.euronews.com/...ng-social-media-for-civil-good
tools movements using social social media media technology petition europe
![](/images/link.gif)
-
social media had an enormous impact on the fate of the bill. Demonstrations were held all over Europe, Twitter and other social media were used to contact, support and encourage the MEPs to vote against ACTA.
-
Thus, this is just one side of the story: through new and social media, activists and NGOs can directly reach their audience, supporting and sometimes even replacing traditional media as information source.
-
“Take the ‘occupy movements’, for example: they used Twitter as a main means to spread the word and report real-time what is happening in the field, they used livestream channels to broadcast from the protests and tell a different perspective from TVs and newspapers. Occupy folks used blogs to tell in-depth stories from the field, photos to document and illustrate the stories, and podcasting to make the voice of the protesters heard and to amplify the message.”
- ...2 more annotations...
-
Smartphones, the Internet, the new media and the social networks are excellent means to help every citizen to run stories from the field, documenting cases and share them widely with audience through blogs and social networks.
-
An important exception to this has been, in recent years, the rise of the Italian Five Star Movement. In origin a simple association of different groups of local activists coalesced around beppegrillo.it, a blog founded by former comedian Beppe Grillo, the movement quickly grew into becoming one of the main forces of the Italian political arena. Its disruptive political agenda, together with the charisma of Beppe Grillo, explains this quick rise to prominence.
1More
shared by shirlyargoetti on 11 Mar 14
- No Cached
Video editing tips - 0 views
www.slideshare.net/...top-10-video-editing-tips
Media technology Social video communication useful tips
![](/images/link.gif)
-
This article is useful for individuals looking to edit their videos effectively. The tips provided are to guide a video editor in making the best edits possible. Before editing a video, it is a good idea to look for some tips to help you start well before messing up. Those 10 simple tips will be a good read before you start your editing session. This topic goes back to our lecture on how to edit videos.
1More
shared by Rhonda Atkinson on 25 Mar 14
- No Cached
14 Social Media Trends for 2014 - 0 views
blog.crazyegg.com/...14-social-media-trends-2014
media social communication technology media+society Networking trends
![](/images/link.gif)
-
(Borgini, 2014). Julia Borgini in this compelling article discusses the top 14 social media trends of 2014. While some trends seem obvious, others are more interesting, such as Slideshare becoming a key influencer. Who knew it was one of the most visited websites in the word? These 14 trends are good to keep in mind when promoting on social media pages. This is a good list to keep in mind for video series promotions.
1More
Facebook, Google and the death of online privacy [Infographic] | memeburn - 0 views
-
-
I found this Infographic was very good at explaining some of the most common issues we face with online privacy today. I was also unaware that Facebook and Google must comply with audits for 20 years. It is shocking to me and highlights the seriousness of the situation in my opinion of how our privacy and data have been compromised.
-
1More
shared by Jayesh Mistry on 03 Mar 14
- No Cached
5 Scripting Tips To Help You Make Podcasts For The Ear - 0 views
www.howtomakepodcastslikeapro.com/-you-make-podcasts-for-the-ear
scripting new media tips conversation participatory media
![](/images/link.gif)
-
Scripting distorts what people actually want to say when they are preparing for a speech, presentation, or podcast. A contemporary assumption is that if it is written, it will sound better with bigger words and unnecessary embellishments. This article offers 5 scripting tips to make the process more effective. Key takeaways: Write the way you talk. Especially in the context of participatory media, content should be delivered to encourage conversation. Conversational scripting is what differentiates a good script from a great script.
8More
How to Make Your Content Go Viral - 0 views
- ...4 more annotations...
-
the content people choose to share isn't random. By understanding the science of virality, you can increase the likelihood that your content will be shared.
-
In this article, Jonah Berger explains "what makes things go viral," essentially what common themes tie things together when being virally shared. Berger expresses that there is a science behind why content go viral- for example, he says that virality can depend on the medium of how it's shared and it's level of sharability (ex. Facebook or Twitter). Also, Berger notes that another reason why content goes viral is because individuals want to appear more intelligent by sharing certain links that make them look better. Berger also explains that viral content has a related theme of "triggers," meaning it appeals to our stimuli in the form of sight and sound.
1More
shared by Rhonda Atkinson on 25 Mar 14
- No Cached
How To Design for Viral Growth [Infographic] - 0 views
www.dtelepathy.com/...design-viral-growth
Viral media Infographic communication Design social media+society
![](/images/link.gif)
-
This dynamic and info-packed Infographic highlights how to design for viral growth. The author, Morgan Brown discusses virality, how to make viral designs, and sums its all up in one neat infographic that is compelling, easily embedded into personal websites, and acts as a good reference sheet. A must to keep in mind when designing content for online promotion.
4More
50 Websites with Fantastic Color Schemes - Speckyboy Design Magazine - 0 views
-
A great color scheme can make or break a website. It’s got to be good looking, fitting, and appeal to the site’s users. At the same time it must not be distracting, or impede the users ability to view the page.
-
The websites that we highlight in this article have color schemes that do all that and more. They are truly great uses of color scheme to produce creative and beautiful websites that users love to look at almost as much as they love to use.
18More
5 Killer Web Design Tips That Will Make Your Life Easier | Adda Birnir - 0 views
-
We all want to have a beautifully designed website and yet, it's surprisingly hard. So what is it that great designers know that the rest of us don't?
- ...14 more annotations...
-
The key to good web design, says Ryan Shafer, Lead Digital Designers at MTV & VH1, is remembering that the web is really just a bunch of text. "I encourage all budding web designers to embrace that the web is fundamentally about typography design."
-
For headlines: Make them bold and easy to scan San serif typefaces are great for headlines because they are stark and easy to read at larger sizes For body text, you want to maximize legibility: For lots of text opt for a serif typeface Make the font-size much larger than you think is necessary, we recommend 16 px at minimum Lines should never be more than 50-60 characters long
-
When it comes to picking a color pallette the key is to pick it and stick (to) it. Consistency is everything when it comes to creating a cohesive color palette for your site.
-
When it comes to picking a font-face you want to pick something super easy to read, graphic, and maybe something a little, you know, whimsical.
-
The most important design tip is also the simplest: "Make sure your content has breathing room; give it proper margins will help with legibility and focus."
-
"Too much text can be a bit daunting. Text is necessary so make sure to break it up with larger sub headings and legible paragraphs. Considering using icons or images as alternative ways to communicate your point."
-
Consistency is key. Nothing will tank your design faster than picking one design direction and then switching it halfway through.