週刊Webテク通信

2012年11月第4週号1位は、Webデザインに手描き風要素を加えることのメリット、気になるネタは、アマゾン「Kindle Paperwhite」出荷開始

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年11月19日~2012年11月25日の間に見つけた記事のベスト5です。

1. Adding A Personal Touch To Your Web Design | Smashing UX Designhttp://uxdesign.smashingmagazine.com/2012/11/20/freehand-style-in-web-design/

Webデザインに個性を加えるために、手描き風の要素を加えることの効果を解説しています。

手描き風要素によりユーザー体験が良くなることが、以下の項目に分けて紹介されていました。

同一性と信頼性
ユニークでほかと区別がつきやすくなる
情報やコンテンツ
機能紹介やワークフローに使うことで親密な雰囲気を出せる
制作チームの紹介
好感や信頼性を与え、人の存在感を感じさせられる
ストーリーテリング
リラックスして楽しんでもらえ、感情に訴えかけることができる
注目を集める
訪問者の視点を誘導するのに使える
使いすぎない
使いすぎると目障りになる場合もある
図1 Webデザインに手描き風の要素を加えることについて
図1 Webデザインに手描き風の要素を加えることについて

2. 10 Ways To Incorporate Storytelling In Web Design - The Usabilla Bloghttp://blog.usabilla.com/10-ways-to-incorporate-storytelling-in-web-design/

Webデザインにストーリー性を取り入れる方法について解説した記事です。

以下の項目で実例とともに紹介しています。

  • 画像
  • イラスト
  • 背景画像
  • マスコット
  • 言葉
  • 人物
  • 視差スクロール
  • 双方向性
  • ソーシャルメディア
  • ビデオ

視差スクロールを使ってストーリーを伝える例として、日産ノートのサイトが紹介されていました。

図2 Webデザインにストーリー性を取り入れる方法
図2 Webデザインにストーリー性を取り入れる方法

3. An About Us Page Design That Tells "THE" Story - DesignModohttp://designmodo.com/about-us-page-design/

「About us」⁠Meet the Team」ページのデザインについての記事です。

サイトの裏側に人がいることを感じさせるのが重要というのは、1位の話題とも関連していますね。

図3 About usページのデザインについて
図3 About usページのデザインについて

4. Best Colorful Websites of 2012 | Splashnologyhttp://www.splashnology.com/article/best-colorful-websites-of-2012/7092/

カラフルなWebサイトのギャラリーです。

イラストをつかったものを中心に、カラフルなサイトが数多く紹介されています。

図4 カラフルなサイトのギャラリー
図4 カラフルなサイトのギャラリー

5. Fireworksのココのココを、もう少しナントカしたい… 小技のメモ | spec5zigen Creator's Lab.http://lab.spec5zigen.com/archives/fireworks_tips_01/

FireworksのTipsを4つ紹介した記事です。

Fireworksの機能的にいまひとつな部分を補完するテクニックが中心で役に立ちます。

図5 FireworksのTips紹介
図5 FireworksのTips紹介

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるWebサービス

SoMoX (ソモックス)| アカウントをまとめたネット上の名刺http://somox.net/

SoMoX (ソモックス)は、自分のソーシャルメディアのアカウントをまとめたプロフィールページを作れるWebサービスです。

Twitter、Facebook、Google、InstagramのいずれかのIDを使って登録します。そのあと、自分の使っているソーシャルメディアのIDやURLなどを入力して、自分のプロフィールページを完成させます。

登録したソーシャルメディアへのリンクは、大きなボタンとして自分用のページに表示されます。WebサイトのURLも入れられるので、ブログや運営サイトなどへのリンクも作ることが可能です。

登録した各ソーシャルメディアの最新の投稿が確認できると便利なのですが、今のところSoMoX上で見られるのはTwitterとInstagramの投稿だけです。

図6 ソーシャルメディアのアカウントをまとめたページを作れるサービス
図6 ソーシャルメディアのアカウントをまとめたページを作れるサービス

おすすめ記事

記事・ニュース一覧