週刊Webテク通信

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

ネットで見かけた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 各種ソーシャルメディアの設定変更の手助けをするサービス

おすすめ記事

記事・ニュース一覧