新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ(2013)
7月も終わりますが、まだまだ暑い日が続きますね。今月もおもしろいWebサイトやアプリなどが社内でたくさん共有されました!7月に一番話題になったのは、MEMOPATCHでも紹介したLeap Motionでしょうか。先週ついに弊社にも届いたので早速みんなで試しています。(Leap Motionに関する記事→ 「未来はすぐそこ!次世代インターフェース、Leap Motion」)
それでは今月もGoodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します!
目次
アプリ
Heml.is
https://heml.is/
シンプルできれいなメッセンジャーアプリです。チャット画面が少しiOS 7のメッセージアプリに似ていますね。
Circa
http://cir.ca/
ニュースアプリ。読みやすいように人力でニュースを編集しているらしいです。メニューがぺらっとめくれるアニメーションがかわいいですね。
READTIME
http://www.readtimeapp.com/
記事を読む時間を設定すると、pocketかReadabilityからその時間で読める記事をまとめてくれるアプリです。
thunderstorm
http://thunderspace.me/
MEMOPATCHで度々紹介しているお天気アプリHAZEを作った会社の新作。雷雨の音を聴くだけのアプリですがインターフェースがHAZEのように美しいです。アプリで雷の音がすると同時にiPhoneのバックライトが光るのもおもしろい演出です。
Scorekeeper XL
https://itunes.apple.com/us/app/scorekeeper-xl/id463243024?mt=8
スポーツやゲームのスコアをつける用のアプリです。色合い、音、UI、どれも見たことが無いくらい斬新で触っていてとても楽しいアプリです。
Tracks
http://www.tracks.io/
フラットデザインのカメラアルバムアプリ。アプリ内のアイコンがGoogleのアイコンに似ていてかわいいです。
EMBER
http://realmacsoftware.com/ember/
ClearやAnalog Cameraを作ったことで有名な会社Realmac Softwareが最近リリースしたMac用のデジタルスクラップブックアプリです。
Spendee
http://www.spendeeapp.com/
お金の支出管理アプリ。フラットでかわいい印象のアプリですが、細部のUIがとても手が込んでいておもしろいです。支出管理をつけ忘れないためのリマインダーを設定する画面で、ふんわりとダイヤルを横スクロールして時間を設定するのが楽しいです。
IFTTT iOS版
https://ifttt.com/mobile
「instagramで写真を撮ったらGoogle Picasaにアップロードして」などのフローを登録すると自動でやってくれるWebサービス、IFTTTのiOS版がでました。Goodpatchメンバーが注目したのはアプリのUIと起動時に見れるパララックス風の動きを用いたチュートリアル。単調になりがちなチュートリアルに動きを付けることで、ユーザーを飽きさせずにサービス内容を伝えています。
Webサイト
WHITEBOARD
http://whiteboard.is/
背景に会社内の映像を使っているクリエイティブエージェンシーのサイト。動画から社内の雰囲気がよく伝わってきます。
SIX UX
http://sixux.com/
おもしろい動きのUIを動画でまとめたサイトです。動画はすべてVineで撮影されています。
freebbble
http://freebbble.com/
Dribbbleに上がっているフリーのPSDをまとめたサイトです。似たサイトでPsdddというのもあります。
フロントエンド関連
MixitUp
http://mixitup.io/
CSS3とjQueryを使ったソート&フィルターができるプラグイン。画面が切り替わる時のアニメーションがいくつか選ぶことが可能です。
Creative Button Styles
http://tympanus.net/Development/CreativeButtons/
様々なCSS3を使ったボタンのサンプルです。フラットデザインで映えそうなボタンがたくさんあります。
Furatto
http://icalialabs.github.io/furatto/
フラットで軽くてパワフルなフレームワーク。
LONG SHADOWS GENERATOR
http://sandbox.juan-i.com/longshadows/
7月半ばに突然話題になったロングシャドウ。自分で影の大きさなどを調整し、それを再現するCSSを吐き出せるジェネレーターです。
その他
FONTA
http://fonta.kayac.com/
面白法人カヤックが出している、みんなでフォントを作るWebサイト。サイトにアクセスすると一文字を書くことができ、みんなが書いた文字は実際にダウンロードして普通のフォントとして使うことができます。
Tour de france 100年記念 with Google
http://yourtour.withgoogle.com/en/
スクロールすることで、自転車のライダー目線、地図, StreetViewの位置がどんどん変わっていくサイトです。普段自転車通勤する社員曰く、「自転車を漕いでもなかなか進まない感じをあえて使いにくいUIで演出する感じはニクイ」だそうです。
BIG DATA for smarter customer experience
http://adayinbigdata.com/
最近よく耳にするビッグデータ。それを私たちの生活に活用することでどんな世界が訪れるのか、という動画です。とてもわくわくする動画なのでぜひ見てみてください!
Portraits
http://portraits.aol.com/
人物の写真をアップロードするとシルエットの画像が作れるWebサービスです。そこそこ細かい修正ができるのできれいなシルエットができます。
Tim Van DammeがDropboxへ
http://maxvoltar.com/archive/hello-dropbox
Instagramで働いていた有名なデザイナー、Tim Van Dammeが最近Dropboxへ移りました。Dropboxへ移動発表とともに、Dropboxのロゴを使って描かれた画像をブログにアップしていました。
STICK ICE WORLD
http://stick-ice-world.com/
氷でできたWebサイトです。見ているだけで涼しげなサイトですが、画面の側面から冷気が漏れてたり、眺めていると氷が溶けて水滴が垂れてくるなどの小ネタがおもしろいです。
以上です!
今月はいつもよりご紹介する情報が多かったですね。Web/ UIデザイナーの方々にとって、どれも一見の価値がある情報だと思うのでぜひ全部チェックしてみてくださいね!今後も新しい情報をキャッチアップして、MEMOPATCHで記事にしていくので今後もチェックよろしくお願いします!