2013年11月第2週号 1位は、フラットデザインの素材、配色、フォント、サンプルなどのサイトまとめ、気になるネタは、NTTドコモ、iPhone向けに｢しゃべってコンシェル｣のアプリをリリース

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

フラットデザインの素材、配色、フォント、サンプルなどのサイトがまとめて紹介されています。

以下の項目に分けて、いろいろなサイトが紹介されています。

Web制作のための素材やツールを提供しているサイトを多数紹介した記事です。

コードを共有するCodePenやパターン画像を配布しているSubtle Patternsなど、有名なサイト中心に28のサイトが掲載されています。

コンテンツ全体が立体的に移動して、隠れていたメニューが現れる効果を実装するチュートリアル記事です。

水平メニュー版と垂直メニュー版があります。レスポンシブにも対応していました。

ベクターイラストを使ったWebデザインのギャラリーです。特にフラットデザインでは、アイコンやイラストなどのベクターツールで制作されたグラフィックスが多用される傾向がありますね。

フラットな塗りの、主線のないイラストが多数紹介されていました。

ミニマルな文字中心のWebデザインのギャラリーです。

Webフォントが使える英語のサイトだからこそというのはありますが、シンプルでテキストメインでもしっかりデザインされているサイトばかりです。

そのほか、最近の記事の中から、気になる記事を2つ紹介します。

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

Typecastは読みやすいサイトを作るための、文字周りのデザインを確認するためのWebサービスです。Google Fontsなど多数のWebフォントに対応しており、フォントや文字サイズ、行間、背景色や文字色などをプレビューしながら調整できます。

見出し、リード文、本文など、あらかじめ用意されているHTMLをベースにデザインしていけますし、ほとんどの要素がカスタマイズできるようになっています。もちろん文字は打ち替えられますし、ベースのHTMLも自由に変更できます。

作成したデザインを共有する機能もあります。フォントを変更した複数パターンのデザインをチームで共有して検討するといった使われ方を想定してるようです。

NTTドコモが、iPhone向けの｢しゃべってコンシェル｣アプリをリリースしました。Siriと対抗する音声アシスタントの｢しゃべってコンシェル｣ですが、iPhoneユーザーならどちらも使えるようになったわけです。

ドコモのiPhoneユーザーでなくても使えるということで、「⁠ドコモだけ」をウリにしていたドコモとしてはどうなんだろうという気もしますが、iPhoneを扱う以上こうなっていくのは自然な流れのようです。

ソフトバンクのお父さんアプリ（便利ツールが揃ってる）や、auの「アドレス帳変更ツール」アプリ（便利らしい）など、他のキャリアも独自開発アプリがiPhoneのキャリア選択のウリにはなっていないように感じます。ユーザーとしては便利なアプリが増えるのはうれしいんですけどね。