The Web Design Gu...
Follow
Find
27.4K views | +0 today
 
Scooped by Robin Good
onto The Web Design Guide and Showcase
Scoop.it!

A Wonderful Showcase of Useful Information on How Google Search Works: Curated by Google

A Wonderful Showcase of Useful Information on How Google Search Works: Curated by Google | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



A fantastic, rich and elegantly organized showcase of everything you may possibly want to know about how Google Search works. From policies to algorithms, Google curates in this wonderfully designed website, all of his best assets and information to further educate its global audience.


Ever wondered how Google’s search works? The company launched a new website Friday, appropriately called How Search Works, to give you a behind-the-scenes look at the process from start to finish.


“Here you can follow the entire life of a search query, from the web, to crawling and indexing, to algorithmic ranking and serving, to fighting webspam,” Google Product Manager Jake Hubert said in a blog post announcing the page.


“The site complements existing resources, including this blog [Google’s Inside Search blog], the help center, user forums, Webmaster Tools, and in-depth research papers. We hope the site helps to illuminate the split-second journey from algorithms to answers,” he added.


Source: Mashable


Educating, in such fashion, is indeed the best marketing there is.



Must see. 9/10


Full showcase: http://www.google.com/insidesearch/howsearchworks/thestory/




more...
No comment yet.
The Web Design Guide and Showcase
Examples, tutorials, insight and non-technical news about designing effective web pages
Curated by Robin Good
Your new post is loading...
Your new post is loading...
Scooped by Robin Good
Scoop.it!

Examples of Well Designed Pages on the Web: The BEST, a Network of Inspiring Sites

Examples of Well Designed Pages on the Web: The BEST, a Network of Inspiring Sites | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Jeremy Mitchell, an art director, web designer & filmmaker, is also the curator of a small network of website collections that showcase the best examples of *about pages*, *product web sites* and *agency sites*: The Best Network.


Each site is a visual gallery of real-world examples of web pages fitting the site theme and organized across a number of relevant (though not always so coherent) categories.


A great example of non-commercial content curation, done for the purpose of creating a useful public reference as well as a high-value piece of content boosting the credibility and reputation of the author.


Free to use.


Check them out now: 








more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Calligraphic Style: Informal, Direct, Personal - 35+ Free Handwriting Fonts

Calligraphic Style: Informal, Direct, Personal - 35+ Free Handwriting Fonts | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Just yesterday I was looking for some of the less popular typefaces that could convey a more informal and personal communication style for a video presentation.


Sammy Maine, at Creative Bloq, has done an excellent curation job by gathering, selecting and introducing over 30 quality handwriting fonts that can be utilized in many different situations.



Useful visual list of handwriting style fonts. 7/10


Full review: http://www.creativebloq.com/typography/best-handwriting-fonts-12121527 





more...
nat silent's curator insight, July 18, 10:36 AM
Handwriting fonts have been gaining more popularity over the past few months, so we decided to pick 36 of the best free ones.
Scooped by Robin Good
Scoop.it!

Web Design and User Onboarding Inspiration: 14 Curated Resources

Web Design and User Onboarding Inspiration: 14 Curated Resources | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



A valuable curated selection of fourteen different online resources which provide web design, UI and user onboarding inspiration, examples and best practices to their readers.


Kudos to Danny Schreiber on the Zapier blog for curating this excellent set of resources.


If you are into web design, web marketing or in learning rapidly from others what works on the web, you must bookmark this stuff and share it with your networks.


Very valuable. 8/10


Full article: https://zapier.com/blog/user-onboarding-user-interface-inspiration/ 





more...
Nine0Media's curator insight, April 11, 4:53 PM

#WebConsultants @Nine0Media

Nine0Media's curator insight, April 11, 4:55 PM

@Nine0Media , #WebConsultants 

Scooped by Robin Good
Scoop.it!

A Curated Collection of Web Design and User Interface Tips: GoodUI

A Curated Collection of Web Design and User Interface Tips: GoodUI | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



GoodUI offers a growing catalog of web design tips and UI ideas that can be immediately put to use. 

You can also subscribe to the newsletter, and receive new tips everytime new ones come out. 



Excellent tips, and suggestions. Easy to understand, well presented. Recommended.



Free to browse.


Check it out now: http://goodui.org/ 


GoodUI is a project by Jakub of Linowski Interaction Design




more...
Giuseppe Bonanno's curator insight, March 26, 4:42 AM

Un lungo e dettagliato elenco di consigli utili per l'ottimizzazione di landing page e, in genere, di pagine web finalizzate a una conversione.

Scooped by Robin Good
Scoop.it!

A Curated Visual Search Engine for Design Inspiration: Niice

A Curated Visual Search Engine for Design Inspiration: Niice | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Niice is a new search engine that specializes in retrieving high-quality images from a curated set of design sites which include for now BehanceIllustration ageDesignspirationSiteInspire & Fonts In Use.


Niice can be used as a visual trigger to find interesting and inspiring visuals on just about any theme or topic. 


The curated nature of its sources and of the images allowed into the index guarantees that your focus area will always be filled by visually interesting ideas.


I tried a few simple searches, and was quite inspired by the quality of the results. I'd say truly inspiring.

http://www.niice.co/?search=rome 

http://www.niice.co/?search=brass 

http://www.niice.co/?search=tao 


Free to use.


Try it out now: http://www.niice.co/ 





more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Learn Everything About Web Design and Visual Communication Tools with Adobe KnowHow

Learn Everything About Web Design and Visual Communication Tools with Adobe KnowHow | The Web Design Guide and Showcase | Scoop.it
Adobe KnowHow - World Class Courses in an All-New Experience
Robin Good's insight:



Adobe has opened up an online academy for learning most anything from building mobile apps, to Photoshop, design, PowerPoint presentations and more.


There are already over 75 different courses available, and besides a few free Adobe introductory ones (Photoshop for beginners), all other courses are have a price tag ranging from $19 to $99 per course. You can pick and select courses you would like to take and save them in a wish list.


Each course provides a sneak preview, and includes multiple video modules on the selected topic.


Creativeblog reports: "With Adobe KnowHow you can also markup or add notes on the video as you're watching; making it even easier to master that new skill. You can also jump to cue points created by your annotations to review both your notes and the associated video content, so you'll be up to date all of the time."


Source: http://www.creativebloq.com/adobe/adobe-makes-tutorials-available-free-11135249 



Check it out now: https://www.adobeknowhow.com/ 






more...
Jesus Alvarez desde www.sercompetitivos.com 's curator insight, November 18, 2013 1:34 AM
Robin Good's insight:

 

 

Adobe has opened up an online academy for learning most anything from building mobile apps, to Photoshop, design, PowerPoint presentations and more.

 

There are already over 75 different courses available, and besides a few free Adobe introductory ones (Photoshop for beginners), all other courses are have a price tag ranging from $19 to $99 per course. You can pick and select courses you would like to take and save them in a wish list.

 

Each course provides a sneak preview, and includes multiple video modules on the selected topic.

 

Creativeblog reports: "With Adobe KnowHow you can also markup or add notes on the video as you're watching; making it even easier to master that new skill. You can also jump to cue points created by your annotations to review both your notes and the associated video content, so you'll be up to date all of the time."

 

Source: http://www.creativebloq.com/adobe/adobe-makes-tutorials-available-free-11135249 ;

 

 

Check it out now: https://www.adobeknowhow.com/ ;

 
Almudena Cano's curator insight, November 21, 2013 2:33 PM

Adobe ha abierto una academia online.

 

En la Academia Adobe podemos encontrar más de 70 cursos, gratuitos y de pago, para aprender desde creación de apps hasta crear presentaciones de PowerPoint pasando por un curso de Photoshop, entre otros.

 

Cada curso ofrece una breve introducción y diferentes vídeos para un profundo detalle sobre los contenidos ofrecidos.

 

Los cursos ofrecen múltiples herramientas y opciones para añadir notas, agregar marcadores, etc.

 

 Infórmate en: https://www.adobeknowhow.com/ ;


Las clases del futuro que ya son presente. 

 
McSotos's curator insight, April 11, 12:15 AM

Υπάρχουν κάποια free Μετά βλέπετε.

Scooped by Robin Good
Scoop.it!

An Outstanding One-Page Parallax Scrolling Example: Fontwalk

An Outstanding One-Page Parallax Scrolling Example: Fontwalk | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



A pretty amazing one-page with scrolling parallax. If you are looking for inspiration or to discover things you have probably not seen yet on a web page, here is a great example.


http://www.fontwalk.de/ 




more...
José Gil de Sagredo's curator insight, October 13, 2013 7:03 AM

Una página increíble con desplazamiento paralaje. Si buscas inspiración y descubrir cosas que probablemente no has visto todavía esta página web un buen ejemplo

Gael's curator insight, December 9, 2013 7:42 AM

Great example of digital experience you can create with parallax scrolling !

Scooped by Robin Good
Scoop.it!

Find Out What Font Has Been Used in Any Ad, Logo or Cover: Three Free Tools To Do It

Find Out What Font Has Been Used in Any Ad, Logo or Cover: Three Free Tools To Do It | The Web Design Guide and Showcase | Scoop.it



Robin Good's insight:



If you need to find out what font has been used in a specific ad, logo or creative display, here are three free tools that you can use to identify the original typeface.


MyFonts.com WhatTheFont and Whathefontis.com are two free web apps which allow you to upload a screenshot of the text that contains the font that you need to identify. Once the image is uploaded you simply need to help the software identify different characters by suggesting what letters are present in the original text.


At this point the service will suggest and display a number of typefaces that come closest to the character traits of the image you have submitted.


A third alternative, Identifont.com, allows you to search and find typefaces by searching them by name, style/look, author or symbols contained in it.


Three apps to keep in your creative designer toolkit.





more...
Intriguing Networks's curator insight, July 1, 2013 6:34 AM

what is that Font, use free tools to find out

Brad Tollefson's curator insight, July 22, 2013 5:34 PM

Finally- excellent, Smithers...

Scooped by Robin Good
Scoop.it!

Looking for Design Inspiration? Here's a Tasty Design Search Engine: Niice

Looking for Design Inspiration? Here's a Tasty Design Search Engine: Niice | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Niice is a new highly specialized search engine, tapping into the heart of three first class design & inspiration sites: Dribbble, Designspiration and Behance.


If you are looking for design inspiration on just about anything, search with Niice and you'll likely find some wonderful references, if not a designer or illustrator to hire right now.


Excellent design resource.


Free to use.


Try it out now: http://www.niice.co/





more...
Paulo Tomás Neves's curator insight, April 19, 2013 4:06 PM

The internet is full of inspiration, but since Google doesn't have a ‘Good Taste’ filter, finding it means jumping back and forth between blogs and gallery sites.

 

Niice is an inspiration search engine, letting you search across multiple hand-picked sources (Behance, Dribbble, Designspiration, Fubiz & Minimalissimo for now, but we're working to add more).

Paco Arcoleo's curator insight, April 21, 2013 9:07 AM

Niice motore di ricerca per design ispiration! Niiiice :)

Jorge Forero's curator insight, July 28, 2013 10:51 PM

Buscando Inspiración en Diseño?

 

síguenos en facebook: https://www.facebook.com/dweb3d/

Scooped by Robin Good
Scoop.it!

Match Any Image With Relevant Color Schemes: Pictaculous

Match Any Image With Relevant Color Schemes: Pictaculous | The Web Design Guide and Showcase | Scoop.it
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
Robin Good's insight:



Pictacolous is a free color palette generator which allows you to easily find matching color schemes for any image you submit.


Courtesy of Mailchimp (the email newsletter distribution service) the new free service analyzes your image (any JPG, GIF or PNG not larger than 500K) for individual colors before tapping into Adobe Kuler and ColourLovers public collection of color palettes and suggesting the most relevant ones.


Essential. Simple. Very useful.

Free to use. Requires no registration.


Try it out now: http://www.pictaculous.com/



more...
No comment yet.
Scooped by Robin Good
Scoop.it!

App Design Prototyping Tool for Any Screen Size and Device

App Design Prototyping Tool for Any Screen Size and Device | The Web Design Guide and Showcase | Scoop.it
Build high-fidelity fully interactive mobile app prototypes in minutes. Prototypes can be viewed on browser or device giving a real experience to the user how the app will look like and behave.
Robin Good's insight:



Turn your wireframes and designs into interactive prototypes that you can actually see, in the same way that your users will with Proto.io. See exactly how your app will work and look. Swipe, tap, rotate and examine your app inside out the same way your end user will.


Proto.io is also the first web protoyping tool that supports full feature animations and touch events.


Proto.io is an excellent platform to prototype your new app across all kinds of devices and screens from smartphones, to smart TV. refrigerators, car screens, etc.



Basic free account available.


Examples: http://proto.io/en/examples/


Features: http://proto.io/en/features/


Pricing: https://proto.io/en/signup/


Tutorials: http://docs.proto.io/tutorials/


Help: http://docs.proto.io/


Find out more: http://proto.io/




more...
No comment yet.
Rescooped by Robin Good from WebsiteDesign
Scoop.it!

5 Web UI Design Trends for 2013


Via Brian Yanish - MarketingHits.com
Robin Good's insight:


Michael Locke highlights with some valuable visual exmaples, five UI design trends that characterize beautiful, clean designs. These are:


1) Large Image Backgrounds


2) One Page Designs


3) Textures, patterns and noise


4) Responsive Web Design


5) Flat UI Design

Interesting. Useful. 7/10


Original video: http://youtu.be/bKrY0o_3TqU


Original article: http://www.mlwebco.com/2013/03/12/my-top-5-favorite-web-ui-design-trends-for-2013/




more...
Paco Arcoleo's curator insight, March 15, 2013 12:00 PM

Trends del design di UI (User Interface) nel 2013

Trompetista De Jazz's curator insight, March 15, 2013 12:17 PM

Visita Dweb3d.com Diseño web en Colombia

Scooped by Robin Good
Scoop.it!

How To Use Images Effectively Online: Key Advice and Examples

How To Use Images Effectively Online: Key Advice and Examples | The Web Design Guide and Showcase | Scoop.it
They say a picture is worth a thousand words. True or not, images are an important part of any website we create. Since it is so easy to embed an image in a website (even the process of creating your
Robin Good's insight:


If you want to learn how to use images effectively inside your website or blog here is a truly excellent guide by Chistian Vasile on 1WD.


In the guide you will find rational and fact-supported advice on how to choose, place and test image use inside web-based content as well as lots of extremely relevant examples of effective image use online.


From the original article: "...if you manage to find the right pictures and insert them in the right places, they can do wonders for you, as they did for some others."


Well written. Informative. Resourceful. 8/10


Full guide: http://www.1stwebdesigner.com/design/images-on-web-design-usability-guide/



more...
Martin (Marty) Smith's curator insight, March 9, 2013 2:54 PM

Confessions of A Director of Ecommerce
I've spent the last few years trying to share as many "secrets" as I learned as a Director of Ecommerce. I don't run an ecommerce website anymore so can afford to be generous (lol). 

One of my pet peeves was directing the eye sight line of people in our images. I wanted the eyes pointed at something that mattered. People follow the eye line of those they are looking at. We had three tactics:

1. Gaze straight at visitor - promotes engagement.

2. Gaze directly at a Call To Action - promotes clicks.

3. Gaze at other people in same picture - promotes connection.

 

 We used #1 for pages with broad reach such as our homepage and category top-level pages. 

We used #2 in 4Q on the home page and bending the sight lines of any people in images on a product page works well (our product pages tended to make the PRODUCTS the heroes so few people). 

We used #3 when connection was one of the benefits of a product. If you sell wine, travel or family cars you may want to have pictures of people looking at each other. I would never ONLY have this picture on a webpage since it can make the viewer feel left out. 

The natural companion to the "connection" picture is a picture of a single person gazing out at the viewer. This says, "Yes, we see you, value your visit and want to be friends". 


Websites communicate SO MUCH in covert ways. Balancing what you say with one image such as the people looking at each other with another image to promote engagement is the game you play, the inside baseball "secrets" that separate teams capable of making millions in profits online from those who won't and wonder why :).M 

 

Peter Zalman's curator insight, March 10, 2013 8:06 AM

#cro

Scooped by Robin Good
Scoop.it!

Design Inspiration: Niice - A Curated Search Engine To Find, Collect and Organize Visual Ideas into Mood Boards

Design Inspiration: Niice - A Curated Search Engine To Find, Collect and Organize Visual Ideas into Mood Boards | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Niice is a curated visual search engine providing design inspiration and the ability to easily clip, collect and organize your favorite designs into visual collections or mood boards.


To guarantee high quality visual results Niice taps some of the best curated design hubs available online: Behance, Designspiration, Fonts in Use and Brand New. 


Once you have queried Niice with a specific keyword, color, theme or style, collecting your favorite designs is as easy as clicking the plus button appearing on top of each image.


You can pick and choose in which collection your selected image will go and you can easily rearranging images in a mood board by simply dragging and dropping.


The basic service is free and it allows you to search, collect and organize up to 5 mood boards. Paid plans add the option to see no banners, to upload your own content, to have images backed up, and to export full image boards as a JPG image. 


If you are a web designer looking for inspiring visuals, ideas, logos and other creative work, Niice is a fantastic resource to use. 


Free to use.


Try it out now: http://niice.co/ 


Chrome plugin: http://n.iice.co/niiceplugin (to collect images from the web)






more...
Scooped by Robin Good
Scoop.it!

A Curated Collection of Great Landing Pages: Book Land

A Curated Collection of Great Landing Pages: Book Land | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



Book Land is an inspiring collection of 240+ product landing pages organized chronologically and by different tags/categories.


Given the amount of low quality collections, and the time that it takes to scour the web to find good, inspiring examples like these, Book Land is a useful and refreshing design inspiration gallery to save for future use.



Clean, easy to browse, inspirational.


Free to use. Updated weekly.


Check it out now: http://land-book.com/



Suggest new pages: http://land-book.com/suggest/


Feed RSS: http://land-book.com/feed/


Created by Dawid Liberadzki, Konrad Księżopolski and Marcin Wieprzkowicz.




more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Turn Any Existing Web Page Into a Wireframe Instantly with Wirify

Robin Good's insight:



Wirify is a very useful tool for web designers and anyone interested in analyzing and improving a web site organization and layout.


In one click Wirify is capable of rendering any web page into a simplified sketch outlining how the space on the page is being utilized, by hiding the actual contents and replacing them with graphic placeholders. 


To use Wirify you install a simple bookmarklet on your browser bookmark bar and then, anytime you want to transform a web site you are looking at into a wireframe, you can do so by clicking the Wirify bookmarklet.


Free to use.


Pro version available allowing wireframe export to other apps like Omnigraffle, Visio and Balsamiq as well as in the standard .SVG vector format. 

Try it out now: http://www.wirify.com/ 



via Mirko D'Isidoro 





more...
Brad Tollefson's curator insight, April 7, 12:46 PM

reverse-engineering a prototype...

Scooped by Robin Good
Scoop.it!

A Curated Collection of Free Tilable Backgrounds: SubtlePatterns

A Curated Collection of Free Tilable Backgrounds: SubtlePatterns | The Web Design Guide and Showcase | Scoop.it
Robin Good's insight:



SubtlePatterns is a curated collection of high quality background graphic tilable textured patterns.


Free to use, created, curated and maintained by Atle Mo.


Try it out now: http://subtlepatterns.com/ 


Photoshop plugin: http://plugin.subtlepatterns.com/ 


Submit your own pattern: http://subtlepatterns.com/submitpattern/ 








more...
nat silent's curator insight, July 19, 4:20 PM

SubtlePatterns is a curated collection of high quality background graphic tilable textured patterns.

 

Free to use, created, curated and maintained by Atle Mo.

 

Try it out now: http://subtlepatterns.com/ ;

 

Photoshop plugin: http://plugin.subtlepatterns.com/ ;

 

Submit your own pattern: http://subtlepatterns.com/submitpattern/

 
Scooped by Robin Good
Scoop.it!

15 Web Design Blogs To Keep as References

15 Web Design Blogs To Keep as References | The Web Design Guide and Showcase | Scoop.it
Recently I have spent my some time on internet to maintain a list of some highest quality and most effective web design blog around web world. I was searching
Robin Good's insight:



If you are looking for web design inspiration, news, tutorials and advice here is a good list of the top 15 web design blogs available out there.


Useful. Resourceful. 7/10



Full article: http://webrevisions.com/web-design/15-high-quality-web-design-blogs-of-all-time 




more...
No comment yet.
Scooped by Robin Good
Scoop.it!

Pageless Design: 8 Great Reasons To Use It

Pageless Design: 8 Great Reasons To Use It | The Web Design Guide and Showcase | Scoop.it
Pageless design frees websites from the outdated conventions of print design and fully utilizes the digital platform they’re built on.
Robin Good's insight:



If you have not heard before about pageless design, this term refers to those websites made up of just one, long page providing all of the content needed to present a product, issue or company.


Nathan B Weller suggests in tis article eight great reasons to use pageless design.


My comment: There are many situations in which a pageless design can provide greater simplicity, more engagement and conversions, especially when elements of storytelling and covering multiple aspects of a topic are used.


Informative. Instructive. 8/10


Full article: http://www.dtelepathy.com/blog/design/8-reasons-why-pageless-design-is-the-future-of-the-web 




more...
Elizabeth Bowden's curator insight, October 29, 2013 7:46 AM

Smart sites instead of web sites.  Instead of scattering your story on several different pages (About, Mission, etc.) users simply scroll.

Scooped by Robin Good
Scoop.it!

History of Typefaces: A Short Animated Video Story

Robin Good's insight:



If you want to learn the essence of the history of typography this short video clip can do the job. 


Created by Ben Barrett-Forrest
http://www.forrestmedia.org


Information Sources:
Thinking in Type by Ellen Lupton
Just My Type by Simon Garfield


Original video: http://youtu.be/wOgIkxAfJsk 




more...
Belinda Summers's comment, September 3, 2013 5:01 AM
I learned a lot from this video, thanks for sharing!
Robin Good's comment, September 3, 2013 10:32 AM
Thank you Belinda, I am glad you found it useful.
Rescooped by Robin Good from Web Publishing Tools
Scoop.it!

Design a Beautiful-Looking Digital Magazine with ReadyMag



Robin Good's insight:

A must try-out tool for web designers.

more...
Paco Arcoleo's curator insight, May 13, 2013 3:49 PM

Strumento davvero fichissimo per creare mag interattive: ReadyMag

cervenak's curator insight, June 7, 2013 4:05 AM

Digitální časopis

McSotos's curator insight, April 11, 12:20 AM

Στους δασκάλους και δασκάλες που προετοιμάζονται για πλήθος εκδόσεων.

Scooped by Robin Good
Scoop.it!

Collaborate, Showcase and Gather Feedback on Your Draft Designs with Concept.Ly

Collaborate, Showcase and Gather Feedback on Your Draft Designs with Concept.Ly | The Web Design Guide and Showcase | Scoop.it



Robin Good's insight:



If you are looking for an effective tool to help the review of design drafts, providing the ability to add comments, suggestions, to highlight problems or to contribute new ideas, Concept.ly is definitely worth a try.


This new web app allows you to upload just about any type of image file that needs to be showcased, organize it with other related files and to share it with your selected teammates or customers.


Key additional features include:

- Compare multiple designs back to back

- Support for mobile devices

- Link different images and pages easily

- Track progress and statistics

- Full support for Dropbox, GDrive, Box.


P.S.: Free to use for a lifetime if you join the beta program now.


Try it out here: http://concept.ly/


Tour: http://concept.ly/features.html






more...
Brian Yanish - MarketingHits.com's curator insight, April 10, 2013 11:24 AM

Interesting, I'll have to give it a try.

sadaan saeed's comment, April 10, 2013 1:05 PM
Good Tool !
Robert Vernon's curator insight, April 10, 2013 10:16 PM

Great idea for honet feedback.

 

Rescooped by Robin Good from Just Story It Biz Storytelling
Scoop.it!

Storytelling in Web Design: 10 Great Examples

Storytelling in Web Design: 10 Great Examples | The Web Design Guide and Showcase | Scoop.it

In “Storytelling in Web Design,” I explained the three most basic aspects of storytelling — character, setting, and action — and offered ways to begin including storytelling in web design using basic design elements..."


Via Gregg Morris, Karen Dietz
Robin Good's insight:


Here are ten illustrated examples of how storytelling can be an integral part of any web design and communication strategy.

The examples are nice and inspiring, and by simply looking at them, you can start to imagine in which way your own story could be told more effectively by using this approach.


For each one of these you also get to know the character, setting, and action found in each story.



Very useful. Excellent examples. 8/10

Full set: http://webmarketingtoday.com/articles/10-Examples-of-Storytelling-in-Web-Design/


(Thanks to Karen Dietz for her continuous research on the storytelling front)




more...
Brad Tollefson's curator insight, March 28, 2013 3:58 AM

Excellent. 

Ruth Bass's curator insight, March 29, 2013 4:39 PM

add your insight...

Ruth Bass's curator insight, March 30, 2013 2:03 PM

add your insight...

Rescooped by Robin Good from MarketingHits
Scoop.it!

35 Great iPhone Apps for Designers

35 Great iPhone Apps for Designers | The Web Design Guide and Showcase | Scoop.it

From sketching on the go to choosing colours and fonts, these awesome iPhone apps will speed up your workflow and help you make the right design choices.


Via Brian Yanish - MarketingHits.com
Robin Good's insight:

Good short info about many apps I didn't know about. Reference of price, author and download/buy link.


Very useful. 7/10


Original list: http://www.creativebloq.com/design-tools/best-iphone-apps-812522



more...
Brian Yanish - MarketingHits.com's curator insight, March 19, 2013 6:29 PM

Find some great app in this article.

Paco Arcoleo's curator insight, March 28, 2013 6:08 PM

Certo l'iPhone come display limita parecchio, però si sà siamo sempre più smanettoni! un pò tutti!!! :D

Scooped by Robin Good
Scoop.it!

Design Your Own Responsive Layout Grids with Gridset

Design Your Own Responsive Layout Grids with Gridset | The Web Design Guide and Showcase | Scoop.it
Gridset is a tool that allows you to create sets of grids for your site.
Robin Good's insight:


Gridset is a commercial web-based app for web designers for making grids, designed and built by the team at Mark Boulton Design.


Gridset allows you to create grids for a number of different breakpoints. Each grid can be different – from ratio grids, to simple column grids. This set of grids is then compiled to one fully responsive CSS file for your site.


From the official site: "With responsive design forcing us into working and thinking differently about web layouts, the maths involved in designing for a plethora of different screen sizes started to take up valuable time and cause more than a few headaches.


We were hitting the same hurdles as everyone else. So when we looked to the web for a tool to help simplify the process and realised there wasn’t anything out there, we decided to make our own. And that’s how Gridset came to be."



Free 30-day trial


Features: https://gridsetapp.com/features/


Examples of grids: https://gridsetapp.com/#specimens


Pricing: https://gridsetapp.com/pricing/


FAQ: https://gridsetapp.com/faq/


Find out more: https://gridsetapp.com/



more...
No comment yet.