Best Design Options for Designers 8 Tips To Come Up With Winning Ideas When You Are Brainstorming Alone Brainstorming conjures up images of teams trying to hash out wild ideas around complex problems. Two heads think better than one, but brainstorming is as much about individual problem solving as it is about the group. The energies required for solo brainstorming are probably more, but the methods to build up the “storm” of ideas aren’t that different. One of our readers had asked – How do writers at MakeUseOf find ideas for content? Preparation Is Half the Work Enter your creative sandbox. It’s more about spontaneity — quickly capturing ideas; less deliberate introspection. you are a blogger or a writer, try some freewriting exercises. Tap the Power of Mindmapping Type mindmapping in Google Search and the first auto-suggest connects it to brainstorming. Joel recently covered four excellent web-based mindmapping tools you can use for solo brainstorming. Go Nuts on Google Google gives you a smorgasbord of tools for brainstorming around all the information that’s out there. Take a Walk
Final Cut King Photoshop Training & Tutorials "FREE" MORE THAN 117000 STUDENTS HAVE ENROLLED ALREADY 110+ PHOTOSHOP LESSONS " Making Photoshop Fun & Easy " LATEST COURSE UPDATE - 20 August 2015 500+ 5 Star Reviews from really happy & satisfied studentsAll Work Materials are provided & ready for you to download No Prior Photoshop knowledge needed "Guaranteed" Full lifetime access to the complete course All future & additional lectures will always be free of charge No illustrator, plugins or other software is needed "You only need Photoshop" --------------------------- " Then this course is for you " ------------------------------- What This Course Entails: I will teach you how to get into photoshop, so don't worry if you don't have prior experience with photoshop or other plugins. Follow my lead and I'll teach you to be good at it! All my photoshop instructions form part of a comprehensive guide that can help you to accomplish your goals by applying these skills. The idea is to make photoshop fun and easy! You'll learn Intrigued yet?
Diagrams: Tools and Tutorials Advertisement Being a web-developer means not only being able to design web-sites or program their functionality. Sometimes it also means to be able to explain complex issues clearly and be able to present to your potential customers reasonable and convincing arguments – in order to find the best compromise between the customer’s wishes and the standards you respect. Developing web-sites over the last few years, we’ve been stumbling over the same problem over and over again: how can I visualize my idea easily and quickly? List of nifty tools for drawing diagrams, charts and chart-flows Tutorials Creating Graphs, Part I undCreating Graphs, Part II by Wolfgang Bartelme. Free Web-Tools Free Software 1st Chart creates high-resolution diagrams with the Chart-Elements you provide. Leading commercial products: It's done.
45+ Free Lessons In Graphic Design Theory Sep 15 2011 Considering how many designers are self-taught, either in whole or in part, the importance of a solid foundation in graphic design theory is often overlooked. New designers often want to jump right into creating websites, rather than learning the basics of why some designs work and some don’t. Below are more than 45 recent lessons in graphic design theory. General Design Theory The Lost Principles of Design Covers a number of basic graphic design principles, including balance, contrast, emphasis and subordination, directional forces, proportion, scale, repetition and rhythm, and unity, all with illustrations. Principles of Good Design: Balance Discusses how important balance is to creating an effective design. Web Design Tips: The Use of Balance This covers how to create balance in your website designs. The 5 Primary Principles of Potent Web Design, Part 5: Balance This article from The Pro Designer covers the principle of balance and how to apply it to your designs. (al)(rb)
Main Page - iSchool Tutorials This wiki is the repository for current iSchool tutorials. You may need additional software to view certain tutorials; the most common of these are a PDF Reader and a Flash player. Newer tutorials are HTML5, and also work on mobile devices! New Tutorials 30 Sites in 30 Minutes - Sandra Sweat, PurpleShirts (Spring 2015)MySQL Workbench- how to make an ER diagram-Kristin Sullivan (Spring 2015) Office365 on iOS Devices- Sarah Lundberg and Philip Jones (Spring 2015) Introduction to Rstudio- Shwetha Mallya (Spring 2015) Introduction to WordPress Sites at UT-Austin- Quinn Stewart (Spring 2015) Installing MySQL Workbench for PC and Mac -Kristin Sullivan (Fall 2014) Introduction to PHP - Madeleine Guy (Fall 2014)Poster Design & Printing Resources - Robert Newell, Franny Gaede, and Victoria Solomon (Spring 2013) Basic sound recording: Zoom H4N and Sony ICD-PX312 DVR's - Robert Newell (Fall 2012) Intro to iSchool & Facilities Email Email Migration General Computing Office Applications Smart Phones
CSS For Bar Graphs Having a working knowledge of XHTML and CSS when developing applications is a big help in knowing what can be done client-side and what should be generated server-side. Recently we’ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. Update I posted a live example page with everything in tact. Basic CSS Bar Graph This is a simple bar graph we developed for a tool we’re releasing shortly for our client. Complex CSS Bar Graph This is a more complex visualization, yet still following the same basic idea. Vertical CSS Bar Graph In this third example, we utilize the same principle vertically and reproduce it multiple times to create a more complex graph. We hope you enjoyed our examples and find new uses and variations for the concept.
Making Selections With The Pen Tool In Photoshop Written by Steve Patterson. When it comes to making selections in Photoshop, there's really two types of people - those who know how to use the Pen Tool, and those who struggle. Most people put off learning how to use the Pen Tool for as long as possible, while others never get around to learning it, believing it's just too confusing, too complicated, and just plain unnatural. Ultimately, their work in Photoshop suffers for it, since they're stuck relying on the Lasso Tool for just about everything they can't select with the Rectangular or Elliptical Marquee Tools. In this Adobe Photoshop tutorial, we're going to put an end to the suffering. Now, when I say "easy", I don't mean you're going to read this tutorial and be instantly transformed into a Pen Master. One of the great things about the Pen Tool is that it's not something that's exclusive to Photoshop. Where Do I Find The Pen Tool? Photoshop's Pen Tool Why Is It Called The "Pen" Tool? Pierre Bezier What Is A Path? Easy! Nope. Tip!
Crazy Egg - Visualize where your visitors click Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. Because Google Analytics & Site Catalyst Leave Questions Unanswered, Trust Crazy Egg Visualizations to Help You Understand Your Users. Wouldn't you like to fill in the gaps left by analytics… without A/B testing every little assumption… and without breaking the bank on in-lab usability studies? Heat Maps: At a glance, see the hotspots on each page - so you know what to change, preserve or delete "Do our users think they can click greyed out buttons?" Click-Tracking Overlays: Find a hot spot? "What percentage of traffic clicked the primary button versus this smaller link text below it?"
Unlock The Full Power Of Basic Selections In Photoshop Written by Steve Patterson. In this Photoshop tutorial, we’re going to look at how to get the most out of Photoshop’s basic selection tools, such as the Marquee tools or the Lasso tool. If all you’ve been using them for is to make a new selection every time, you’ve been missing out on their full potential. We’re going to see how you can add to an existing selection, how to subtract an area from an existing selection, and even how to intersect two selections and grab the area that overlaps. Once you become familiar with the full power of basic selections, they’ll seem a whole lot more useful to you. Let’s start by taking a look at how to add to an existing selection. Adding To A Selection To keep things simple, I have a fairly basic shape open in my Document Window: A basic shape in Photoshop. I want to select this shape using the most common selection tool in all of Photoshop, the Rectangular Marquee Tool, so I’m going to grab it from my Tools palette: There we go, looks good.
Introduction to HTML - iSchool Tutorials Program Synopsis This tutorial provides an introduction to HTML and CSS and describes some of the most common elements in building a web site. It also provides links to additional tutorials, reference materials and available code/programming editors. HTML: Hyper Text Markup Language HTML is a mark-up “publishing” language, (not a programming language like C or Java), that uses elements (tags) to tell the web browser how to display the content of your web page. HTML files are saved with the .html extension. This section describes some of the most common tags. Elements: Elements are commonly known as “tags” and are used for site structure, text and image formatting, and page layout (positioning). Attributes: Elements may also use attributes to provide additional information to define position or format or to trigger actions (like a mouse-over). Document Structure Elements Html The root element that defines an HTML document. Head Body This contains the content to be displayed on screen. Paragraph (p)
High Speed Motion Trail Effect Written by Steve Patterson. In this Photo Effects tutorial, we’ll learn how to add a sense of speed to an object using an easy to create motion blur effect! This "speed trail" effect is very popular in sports photography since it’s a great way to add motion, direction and excitement to an image, creating the illusion that an athlete, for example, is blazing past the competition at super human speed. Of course, this effect works just as well with a photo of your kids running in the backyard, or people dancing at a party, or any image where the subject should appear to be moving. I’ll be working with Photoshop CS4 for this tutorial, but you can create this effect with any version of Photoshop. Here’s the image I’ll be using: The original image. Here’s how the image will look after giving the racecar a high speed motion trail: The final “motion trail” effect. Let’s get started! Step 1: Select The Object You Want To Apply The Motion Blur To Step 2: Copy The Selected Area To A New Layer