週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけた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 ソーシャルメディアのアカウントをまとめたページを作れるサービス

今週の気になるWebネタ

アマゾン「Kindle Paperwhite」を出荷開始,量販店は20日から販売 -INTERNET Watchhttp://internet.watch.impress.co.jp/docs/news/20121119_574094.html

Kindle Paperwhiteの出荷が開始されました。わたしはAmazonで予約していたのですが,発送の予定は来年になっていたので,どうせ自分には関係ないと思っていました。しかし,書店チェーンの有隣堂で売っていて,まだ在庫もあるという情報をFacebookやTwitterで入手し,思わず恵比寿に行って買ってしまいました。もちろん予約していた分はキャンセルです。

スペック的な部分については,特に不満もなければ感動もない感じです。まずは1冊読んでみないと,この端末について語る資格はないかもしれません。じわじわと良さ(あるいは不満点)が分かってくるものだと予想しています。

妻に自慢しようとしたのですが,特に興味がないようです。ゲームやお絵かきなどができないと分かると,娘も興味を示さないでしょう。居間で使っていても,iPadのように子供から使わせろとせがまれないということですね。これも,読書に特化した端末ならではのメリットだと言えるでしょう。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入