週刊Webテク通信

2014年2月第1週号 1位は，スモールビジネスのWebサイトのための重要なヒント10個，気になるネタは，マイクロソフト，SkyDriveを「OneDrive」に改称。マルチデバイスで使えるひとつのドライブを強調

Webテク, Webデザイン, Web広告, 写真, アニメーション, クラウド, SkyDrive

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

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

1. 10 Essential Tips For Designing Your Small Business Websitehttp://despreneur.com/10-essential-tips-for-designing-your-small-business-website/

スモールビジネスのWebサイト制作のための重要なヒントをまとめた記事です。

  1. 解析する
  2. 論理的でわかりやすいナビゲーション
  3. 読みやすく
  4. ふさわしい外観
  5. 印象的なロゴとヘッダ
  6. 高解像度のイラストとグラフィックス
  7. 印象的で独自のページタイトルとメタタグ
  8. 読みやすく文章をフォーマットする
  9. 重要な情報はファーストビューに収める
  10. 経験豊富なWebデザイナーを雇う

最後に「Webデザイナーを雇う」というオチがついていますが，結局のところ餅は餅屋ということですね。

図1　スモールビジネスのWebサイトのための重要なヒント10個

図1　スモールビジネスのWebサイトのための重要なヒント10個

2. Latest Web design trends for 2014 Infographic | PSDtoHTMLHINThttp://www.psdtohtmlhint.com/latest-web-design-trends-for-2014-infographic/

Webデザインのトレンドをまとめたインフォグラフィックスです。

以下の項目が掲載されています。

  • コードを書かないでデザインする
  • Retinaディスプレイ対応
  • 優れたタイポグラフィ
  • CMSベースのサイト
  • フラットデザイン
  • シングルページWebサイト
  • インタラクティブなインフォグラフィックス

図2　Webデザインのトレンドをまとめたインフォグラフィックス

図2　Webデザインのトレンドをまとめたインフォグラフィックス

3. Interactivity, Dynamics, Animations: Fresh Examples of Non-Static Websites - Designmodohttp://designmodo.com/non-static-websites/

インタラクティブ性があったりアニメーションしたりと，動きのあるWebサイトを多数紹介しています。

最近はやりの，スクロールに合わせた動きのあるサイトが多いですね。

図3　動きのあるWebサイトいろいろ

図3　動きのあるWebサイトいろいろ

4. 15+ inspiring website drop down menus - Admire The Web - The Very Best Web Design Inspirationhttp://www.admiretheweb.com/15-inspiring-website-drop-menus/

ドロップダウンメニューが参考になりそうなサイトを多数集めた記事です。

「メガメニュー」と呼ばれて，昔Webデザインのトレンドと言われた，かなり大きな領域のサブメニューが，ドロップダウンするものが多く，ある意味一般化したのかもしれませんね。レスポンシブとの相性は悪そうですが。

図4　ドロップダウンメニューが参考になりそうなサイトを多数紹介

図4　ドロップダウンメニューが参考になりそうなサイトを多数紹介

5. Showcase Of Websites With Beautiful Typographyhttp://www.designyourway.net/blog/inspiration/showcase-of-websites-with-beautiful-typography/

すばらしいタイポグラフィを使ったWebサイトのショーケースです。

大きくバーンと使われている文字が選択できるテキストなのを見かけると，Webフォントが手軽に使える英語環境がうらやましく思えます。

図5　すばらしいタイポグラフィを使ったWebサイトのショーケース

図5　すばらしいタイポグラフィを使ったWebサイトのショーケース

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

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

Salon.io - A Whole New Way Of Presenting Artwork Onlinehttps://salon.io/

Salon.ioは，ポートフォリオやWebサイトが作れるWebサービスです。ドラッグ＆ドロップで写真をアップロードするだけで，簡単に写真ギャラリーを作れます。

最近，Goodpatchの協力により日本語化されたようです。

無料アカウントでも画像250枚，5ページまで作れ，広告表示もありません。有料プランでは，独自ドメインが使えたり，Salon.ioのロゴを非表示にもできるようです。

機能はそれほど多くないですが，できることが限定されている分，操作が分かりやすく感じました。誰でも簡単に写真ギャラリーが作れそうです。

図6　ポートフォリオやWebサイトが簡単に作れるWebサービス

図6　ポートフォリオやWebサイトが簡単に作れるWebサービス

今週の気になるWebネタ

マイクロソフト，SkyDriveを「OneDrive」に改称。マルチデバイスで使えるひとつのドライブを強調 - Engadget Japanesehttp://japanese.engadget.com/2014/01/27/skydrive-onedrive/

マイクロソフトがSkyDriveを「OneDrive」に改称するそうです。イギリスの衛星放送企業BSkyBの商標「SKY」との商標争いに敗れたことが原因とのことですが，改称が話題になって記事に取り上げられる機会も増えて，悪いことばかりじゃないようにも思います。

名前からクラウドっぽさがなくなって，雲マークとの関連性が薄れてしまいました。ふと気付いたんですが，たとえば「Cloud Drive」という名前だと，略して「Cドライブ」になってWindowsっぽさ満載ですね。

そういえば，AirMacって名称は日本だけで，世界的にはAirPortだというのを思い出しました。これは，関西電機が「AirPort」の商標を持っていたため，日本では代わりに「AirMac」という名称を使うことになったといういきさつでした。

Webテク, Webデザイン, Web広告, 写真, アニメーション, クラウド, SkyDrive

著者プロフィール

アシカガコウジ

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

http://bit.ly/ashikaganote