Page 1

DesignSecrets Web -d


Table Of Content Typography Business





Web-design Organization

Where Do Free Fonts Come From?

In the past, free fonts typically came from one of two places: amateur designers who created fonts for fun or as a learning experience, and professional type designers who released a single variant of a font family for free as a form of marketing, the idea being that people would come back to purchase the full family once they realized the limited usefulness of a font without multiple weights and italics.

Why Is Having Multiple Weights With Italics So Important? To set body copy properly, a font family requires four variants: normal, italic, bold and bold italic. A font used on the Web that doesn’t include these four basic variants will inevitably get the dreaded faux bold and faux italic treatment generated by the browser, which should be avoided at all costs — in fact, there are ways to avoid them for good. Other weights, such as light and extra bold, are helpful for creating typographic contrast between elements.

Free Fonts Are Not What They Used To Be Recently, large companies such as Adobe and Google have been commissioning fonts for opensource projects and releasing them for free on the Web. Professional typeface designers have been getting involved in open source as well, sharing complete font families on Google Fonts. Thanks to the open-source community, there are now free fonts available that even typography snobs would be happy to use. The following fonts all have multiple weights with matching italics. They are suitable for headlines as well as body copy, and they render well on screen and at small sizes. source :


Business Comic Book Once the data-loss game was played through, participants were scrambling for an easy way to: Revisit team moves, decisions and dialog for future reference; Look at each problem separately and brainstorm new solutions; Share ideas for particularly

thorny solutions with a wider audience. I suggested that a comic book would be a natural solution to these needs. It would be easy to create, use, reproduce and share among the small group of players. I knew that storyboards and comics had been used successfully by UX professionals to illustrate user scenarios when designing interfaces. My book would be a slight departure in that it would illustrate an open-ended

business scenario that involves multiple people with conflicting goals and no clear outcome. The book would be a thinking tool. It would not offer any clean workflows or happy endings. Because I had been involved in planning the scenario game, I knew which artifacts to gather: the playing cards, the transcript of moves and dialog, and the list of team members, stakeholders and game goals. I translated the transcript of moves and dialog into 60 thumbnail-sized sketches. While this might sound like a lot of work, it took only four hours to complete, and the entire story fit onto four pieces of 11 × 17-inch (or A3) paper. This storyboard, or “wire-frame,” made it easy for the scenario master and I to quickly arrange the scenes into a sequence that matched the overall flow of the game. I designed each page to be a standalone worksheet that focuses on a particular problem encountered during the game, the people involved and the decisions they made. For exam-

ple, the page below illustrates the probing questions of the media team and the reaction of the business team. For those of you wondering about the time required to ink the final pages, it was about one hour per page.

Http://www.smashingmagazine. com/2014/05/13/boardroom-comics-business-scenario-visualization-tool-executives/#more-190901




You will be the first Web professional who most of your students have ever met or been able to speak with at length. To them, you represent the industry. The stories you tell and the opinions you share will shape their own understanding and opinions of the industry. That is a pretty big responsibility. We all have bad days, but taking negativity from the office into the classroom will absolutely affect how your students see the industry. You don’t have to present the job as being all rainbows and gumdrops, but be mindful of what you say to students and avoid using the classroom as a place to blow off steam, regardless of how bad your day is or how frustrating an exchange with a client has been. Complaining about clients is never productive or appropriate, and too many in our industry relish the opportunity to share bad stories. Doing this with students gives them

The Web is constantly changing. Lesson plans and exercises that were relevant one semester may be woefully outdated the next. As the Web evolves, so too must your lesson plans.

the wrong impression and trains them not to respect clients. You have an opportunity to set these new Web professionals off on the right path. By maintaining a positive outlook and by exposing the students to the best parts of our industry, you can help to cultivate designers and developers who will help our industry continue to grow, instead of hold it back.

When I began teaching over four years ago, responsive design hadn’t yet become the best practice it is today. Now, it is one of the most important aspects of my course. Despite all of the work I had put into the class materials, I had to pretty much start from scratch when I decided to introduce responsive Web design into the lessons.








I’m organized and plan everything 12 month’s in advance. In all honesty, the idea of detailed annual planning is quite new to me but in my short time of doing it, I can already see it’s worth its weight in gold. By the way, I learned this technique from my current business mentor. I work out the most important things in our business that are going to generate leads and bring in more revenue. They’re the big rocks. They go into our plan first. Then I list all the things that we need to do in order to deliver on our promise, they’re the small pebbles. They go into the plan next. Lastly, I plan out and book out all my yearly holidays, hair appointments, massages, family time, catching up with friends, yoga, exercise and everything else that I do on a regular basis. This is the sand, and it goes in last. Now if you’re unsure why we look at it this way, I want you to picture a glass jar. Imagine what happens if you put the sand in first, then the rocks, then the pebbles on top; you’d struggle

to fit it in all, right? There’d be heaps of holes. Now, instead, imagine placing the big rocks into the jar first, then sprinkle in the pebbles, and then trickle in

everyone’s on the same page and everyone’s happy. As I said, I can’t take credit for this annual planning idea. My mentor is a pretty smart guy and he credits his explosive growth to his detailed annual planning, and now, I can see why. I’m already feeling mentally de-cluttered, more focused and my team are excited to know exactly what’s going on, way ahead of schedule.

the sand so it fills in all the gaps; that jar would be pretty full. Using this planning method you can fit so much more into your year; seriously, the results will blow your mind. Now we have a full jar/calendar of tasks, we simply take all the tasks and pop them into our project management software (we use Write). We assign each task to the appropriate team member, who receives a notification. Write also sends the owner of the task an alert when the due date is coming up to ensure it’s not been missed. This way,