週刊Webテク通信

2012年4月第2週号 1位は，Webサイトをリニューアルする際に気をつけるべきルール，気になるネタは，Google，ARメガネ Project Glass を発表

Webテク, Webデザイン, Web広告, アイコン, Webサービス, Illustrator, Photoshop, ソーシャルメディアサービス, Google

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

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から，Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は，2012年4月2日～2012年4月8日の間に見つけた記事のベスト5です。

1. Must Follow Website Redesign Rules - DesignModohttp://designmodo.com/redesign-rules/

Webサイトをリニューアルする際に気をつけるべきルールについてまとめています。

  • 自分のためにリニューアルをするな
  • サイトのコンセプトを見失うな
  • 使われてないコンテンツを削除せよ
  • 競合サイトのコピーをするな
  • サーチエンジンの順位を下げるな

最後の項では，Smashing Magazineの2007年からのサイトキャプチャーを元に，リニューアルの実例について解説しています。

図1　Webサイトをリニューアルするときのルール

図1　Webサイトをリニューアルするときのルール

2. Downgraf | Design weblog for designers ≫ 15 Best Websites To Creat Your Own Webhttp://www.downgraf.com/inspiration/15-best-websites-to-creat-your-own-web/

Webサイトを簡単に作成できるサービスをまとめて紹介しています。

最近アメリカのWebテク系ブログでやけによく目にする，「⁠Wix」というサービスが最初に紹介されています。ちなみに，Wixへのリンクはアフィリエイトになっているので，各所で取り上げられたのはアフィリエイト目的なのでしょう。

Googleの「みんなのビジネスオンライン」でも使われているJimdoも紹介されていますね。

図2　Webサイトを簡単に作成できる各種サービス

図2　Webサイトを簡単に作成できる各種サービス

3. Interesting Online Tools That You Probably Don't Know About - 33 Itemshttp://www.designyourway.net/blog/resources/interesting-online-tools-that-you-probably-dont-know-about-33-items/

あまり知られていない便利なオンラインツールをまとめた記事です。

モバイルにも対応したWebサイトビルダー，ワイヤーフレーム作成ツール，オンライン写真ライブラリー，プロジェクトマネージメントツールなどが紹介されています。

図3　便利なオンラインツールいろいろ

図3　便利なオンラインツールいろいろ

4. Flat Icons & Icon Fonts | CSS-Trickshttp://css-tricks.com/flat-icons-icon-fonts/

平面的でシンプルなアイコンと，Webフォントとしても使えるアイコンフォントを紹介しています。

フォントによるアイコンを用いると，画像と違いサイズ変更しても問題ないので，レスポンシブWebデザインとの相性がいいはずです。

「40+Simple & Minimalist Icon Sets for Website Design」という記事でも，同じようなシンプルなアイコンが多数紹介されています。

図4　平面的でシンプルなアイコンとアイコンフォント

図4　平面的でシンプルなアイコンとアイコンフォント

5. Showcase of Premium Infographic Vector Elementshttp://www.designtnt.com/showcase-premium-infographic-vector-elements/

インフォグラフィックスに使えるベクター素材を配布しているサイトを紹介しています。インフォグラフィックスは画像だけでコンテンツとして完結しているため，ソーシャルメディアでの共有と相性が良く，最近流行っているようです。

人の形やちょっとしたアイコン，棒グラフ，円グラフなどのグラフの元となる素材が揃っています。プレゼン資料にも使えそうですね。

図5　インフォグラフィックス向けのベクター素材各種

図5　インフォグラフィックス向けのベクター素材各種

そのほか，先週の記事の中から，素材やライブラリ関連の記事を紹介します。

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

Easily manage all your social network settingshttp://blisscontrol.com/

各種ソーシャルメディアサービスの設定変更の手助けをするサービスです。

たとえば，左から「Change profile picture」を選び，右から「Twitter」を選んで「GO」ボタンを押すと，Twitterでアイコン画像を変更する画面にすぐにたどり着けます。

Facebook，Twitterはもちろん，Pinterest，Flickr，Tumblr，LinkedIn，Foursquare，Instagramなどに対応しています。

Facebookのように各種設定の場所が分かりにくいサービスの場合，とくに便利そうです。複数のサービスをまとめて設定できるなどの特殊な機能はなく，ただリンク先を探すだけの単純な仕組みです。ただのリンク集ではなく，やりたいこととサービス名の組み合わせで選べるようにしたアイデアがいいですね。

図6　各種ソーシャルメディアの設定変更の手助けをするサービス

図6　各種ソーシャルメディアの設定変更の手助けをするサービス

今週の気になるWebネタ

速報：Google，ARメガネ Project Glass を発表。公開テストを開始。 - Engadget Japanesehttp://japanese.engadget.com/2012/04/04/google-ar-project-glass/

Googleがメガネ型のウェアラブル端末「Project Glass」を発表しました。コンセプト動画が公開され，話題になっています。

天気予報や地下鉄の遅延情報や地図など，今いる場所に関連した情報が目の前に浮かんでくるんですね。スマートフォンをかざさなくても，セカイカメラのような世界が目の前に広がる，まさに拡張現実を実現する端末です。

とはいえ，発表されたような端末では，動画で紹介されているようには表示できないだろうという声も上がっています。

コンセプト動画の中で写真を撮るシーンがあるんですが，いつでも自分の見ているものを写真に撮れるのは便利でしょうね。でも逆に，いつでも撮られているんじゃないかと構えなくてはいけなくなってしまいそうでもあります。

コンセプト動画でもシャッター音が鳴っていましたが，商品化する際は大きなシャッター音が鳴るようにしないとクレームが出そうですね。

Webテク, Webデザイン, Web広告, アイコン, Webサービス, Illustrator, Photoshop, ソーシャルメディアサービス, Google

著者プロフィール

アシカガコウジ

フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。

http://bit.ly/ashikaganote