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で記事にしていくので今後もチェックよろしくお願いします!

We are hiring. 採用情報を詳しくみる