Wesley Verbeek's Library tagged webdesign → View Popular

Filter:
All
Annotated

22 Dec 09

How to Get a Professional Look With Color | Webdesigner Depot

www.webdesignerdepot.com/...a-professional-look-with-color - Preview

color webdesign design

In Photoshop, two layers provided shades of black and white. Each layer’s blend mode was set to “Soft Light.”
3 more annotations...
- To unify the colors, a new layer was created and filled with pure red. Its blend mode was set to “Color” and its opacity cut to about 40%. (Note: the order of layers is very important. Colors will change if the “tint” layer is set below the black-and-white layers.)
- What if we changed them altogether? Using Image → Adjustments → Hue/Saturation on the “tint” layer creates a distinctly un-autumn feel, but the colors are still coordinated.
- If an image doesn’t fit your color scheme, give it a tint:
  Open the image in Photoshop.
  Create a new layer. Set its blend mode to “Color.”
  Fill that layer with one of the colors from your palette, preferably the one that most closely matches the image.
  Set the color layer’s opacity to 50%.
  Play with the opacity until you get a good balance between the image’s original color and your website’s color palette.
  This technique works for photos, illustrations and icons—anything pixel-based. (If you don’t own the image, be sure to obtain permission before altering it. You may be improving its appearance on your website, but you’re still taking liberties with someone else’s art.)

18 Dec 09

15 Dec 09

50 Beautiful Free Icon Sets For Your Next Design - Smashing Magazine

www.smashingmagazine.com/...icon-sets-for-your-next-design - Preview

icons design webdesign free

Beautiful Fresh Free Fonts for Designers

www.2expertsdesign.com/...fresh-free-fonts-for-designers - Preview

font design webdesign free fresh

14 Dec 09

25 of the Best Free Fonts from Deviant Art | Design Informer

designinformer.com/25-free-fonts-deviant-art - Preview

design webdesign font free

35 CSS-based Layouts that Look Awesome - Nettuts+

net.tutsplus.com/...ased-layouts-that-look-awesome - Preview

design webdesign inspiration nettuts

13 Nov 09

Feedmyapp - Your Daily Web 2.0 Sites Dose

www.feedmyapp.com - Preview

webdesign inspiration gallery webapp

27+ Beautiful Examples of Infographics | Dzine Blog

dzineblog.com/...-examples-of-infographics.html - Preview

infographics visualization webdesign

12 Nov 09

25 Slick PSD Website Templates Free for Download | Web Resources | WebAppers

www.webappers.com/...te-templates-free-for-download - Preview

psd templates webdesign

06 Nov 09

A List Apart: Articles: Better Writing Through Design

www.alistapart.com/...betterwritingthroughdesign - Preview

copywriting content webdesign

Better Writing Through Design
Say it, don’t display it
3 more annotations...
- Say it, don’t display it
- Ideally, you should work with a writer from day one to design the voice of the copy in conjunction with the visual language of the site
- And getting a writer involved early can help you solve lots of other problems—from content strategy issues to information architecture snags. Remember that writers are creatives too, and they are, in many cases, the keepers of the content your design ultimately serves.

A List Apart: Articles: The Case for Content Strategy—Motown Style

www.alistapart.com/...-content-strategy-motown-style - Preview

content webdesign

After all, relevant and informative content is what their audience wants; content strategy assesses the content they have and creates a plan for what they need and how they’ll get it.
At a more thematic level, first working through the “big issues” of content strategy, like communication goals and messaging, can help you hit the mark in your respective deliverables.
19 more annotations...
- That means your client can save money by letting you first address strategy via less expensive forms of documentation (such as content strategy), rather than in expensive design iterations.
- Approaches for information architects
- If you work in information architecture, you know that before you start to structure a website, you need to know what you’ve got to work with. Enter the content audit. Document all the existing content—every article, biography, image, video, press release, etc.—in a quantitative content inventory. Consider it a head count. Everyone here? Any attributes missing? No? Good.
- educate your client
- Will it be current and accurate upon launch?
  Will it be on brand for the client’s message hierarchy and evolving look and feel?
  Is the content useful and relevant for the context and audience goals at each point in the experience
- After a quantitative headcount and qualitative review, the content strategist can help you and your client better understand what you have, and what they’ll need to revise or create. Voilà: You’ve got raw material for your sitemap and wireframes!
- new content types you should aggregate
- Approaches for search engine marketers
- Whether you’re in an agency or out on your own, if you’re an SEO specialist, you’ve probably encountered the disconnect between detailed spreadsheets, actionable analytics, and the copy that’s supposed to fill the gaps the numbers reveal. When users and Google tell you one thing, but your client’s marketing team says something different—in entirely different terminology—what do you do? Partner with a content strategist, either “on the side” or within your team, to show your client the ROI.
- At first glance, the paid ad copy and keyword-rich meta content fit the common search terms: “gym,” “workouts,” and “private trainers.” However, our client didn’t want the typical “gym rat” audience. That’s where a partnership between content strategy and search engine marketing paid off. We revised the site content and search terms to fit the brand of a premium fitness experience. As a result, our client attracted more traffic from an audience eager for their style of gym. The leads were good, but the conversions were even better.
- The real selling point? Your client can achieve higher conversions, not just click-through tourists who pop in and then leave.
- Approaches for designers
- Let’s say your target audience is male and your product promises fast data transfer. Your content strategist can write headlines that convey speed, power, and intensity. Beyond the headlines, they can create real copy and calls to action that use muscular verbs and aggressive sentence structure. Suddenly, your race car imagery doesn’t stand alone. Your client sees a unified concept where all your tactical decisions—color, image, style, and tone—tie back to a single strategy. Partnership with a content strategist can make your comps that much more air-tight.
- But how do you pitch content strategy to a client who’s focused only on the design? Sell them on predictability. No one likes surprises in their invoice or to-do list. Properly scoped copywriting helps avoid surprises. Your content strategist can help you plan ahead by prescribing content across the site, piece by piece. That means you can lay out an optimal experience, without having to worry about getting content that’s far shorter or longer than what you expected. You can also design for specific content types, such as pull quotes, informative lists, and compelling facts that are more concrete than “lorem ipsum” or “copy goes here.” Your content strategist can create templates to help writers plan their effort so content isn’t just a big question mark in the budget (and on your comps).
- Approaches for project managers
- What typically interrupts the “beautiful music” of a web initiative? Content, of course.
- Your client may respond that they have writers on staff. That’s great, but is it relevant? They might have a staff photographer as well, but just as photography is only one aspect of design, writing is only one part of content strategy. Without a content strategist, who will objectively assess the efficacy of current content against brand strategy and communication goals? Who will audit existing content for quality, currency, and relevance? Who will create key messages and develop content to support user decisions along the way? We haven’t even gotten to writing yet! But when you do get to that point, consider this: It’s often far more effective to have someone outside your client’s organization observe and write about them. After all, users come from an outside perspective.
- Sock it to me, sock it to me, sock it to me
  
  So now what?
  
  Listen hard to what your clients are asking for.
  Listen too, to what they’re not saying.
  Cross sell complementary and necessary services such as design and content strategy.
  Talk with your account manager about an addendum or change request to fund content strategy.
  Consult a content strategist on the side—do what it takes to get the people and skill sets that complement your own.
- Content strategy can help you create better user experiences by assisting design, brand development, information architecture, search engine marketing, writing, and so much more, such as CMS integration.